/* CSS Document */

/* /////////////////////DROP DOWN MENU - ST PETERS */


#navbar {
	margin: 0;
	padding: 0px 30px 0px 0px;
	height: 1em; }
	
#navbar li {
    list-style: none;
    float: left; 
	width: 68px;
	padding:0px 4px 0px 0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-align:center;
	}
	
#navbar li a {
	display: block;
	padding: 1px 0px;
	color: #fff;
	height: 40px;
	text-decoration: none; 
	width: inherit;
	}

#navbar li a:hover{
	background-color:#FF0A13; /*bright red color*/
	height: 40px;
	padding: 1px 0px;
	z-index: 5;
}

/*.current{
	background-image:url(images/bright_red_68.gif);
	background-repeat:repeat-y;
	height: 33px;
}*/
	
#navbar li ul {
	display: none; 
	width: 150px; /* Width to help Opera out */
	background-color: #fff;
	z-index:3;
	color: #000000;
	text-align:left;
	}
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index:3; 
	}

#navbar li:hover li, #navbar li.hover li {
	float: none; 
	text-align:left;
}
	
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #fff;
	/*background-image:url(images/white_strip.gif);
	background-repeat:repeat-y;*/
	border-bottom: 1px solid #ccc;
	color: #000000;
	height: auto;
	padding: 2px 0px 2px 5px;
	width: 150px;
	font-weight:normal;
	z-index: 3;
	}
	
#navbar li li a:hover {
	background-color: #B0070A;
	border-bottom: 1px solid #ccc;
	color: #FFFFFF;
	width: 150px;
	height: auto;
	z-index: 3;
	padding: 2px 0px 2px 5px;
	}
	
		
	/* HTML CODE
	
<ul id="navbar">
 <li><a href="#">Item One</a><ul>
  <li><a href="#">Subitem One</a></li>
  <li><a href="#">Second Subitem</a></li>
  <li><a href="#">Numero Tres</a></li>
  </ul>
 </li>
</ul>

*/