/* 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: 178px;
	padding:3px 0px 0px 0px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	text-align:left;
	height: 19px;
	}
	
#navbar li .active{
	background-color: #febb24;
	}
	
#navbar li a {
	display: block;
	padding:0px 0px 0px 0px;
	color: #000000;
	height: 24px;
	text-decoration: none; 
	width: 165px;
	}

#navbar li a:hover{
	background-color:#000000;
	color: #ffffff;
	height: 22px;
	padding: 1px 0px;
	z-index: 5;
}

/*.current{
	background-image:url(images/bright_red_68.gif);
	background-repeat:repeat-y;
	height: 33px;
}*/

/* SUB MENU ITEMS */

#navbar li ul {
	display: none; 
	width: 165px; /* Width to help Opera out */
	background-color: #fff;
	z-index:100;
	color: #000000;
	text-align:left;
	padding:1px 0px 1px 0px;
	}
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	}

#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;
	border-bottom: 0px solid #ccc;
	color: #000000;
	/*padding: 2px 0px 2px 5px;*/
	width: 165px;
	font-size:11px;
	font-weight:bold;
	}
	
#navbar li li a:hover {
	background-color: #000000;
	border-bottom: 0px solid #ccc;
	color: #FFFFFF;
	width: 165px;
	z-index: 3;
	padding:0px 0px 0px 0px;
	}
	
		
	/* 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>

*/