/* CSS Document */

/* /////////////////////DROP DOWN MENU */


#navbar {
	margin: 0px;
	padding: 0px 85px 0px 0px;
	height: 1em;
	float:right;
	 }
	
#navbar li {
    list-style: none;
    float: left; 
	width: 70px;
	padding:0px 4px 0px 0px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color: #000;
	text-align:center;
	}
	
#navbar li a {
	display: block;
	padding: 1px 0px;
	color: #fff;
	height: 30px;
	text-decoration: none; 
	width: inherit;
	color: #000;
	}

#navbar li a:hover{
	background-color: #449D09;
	color: #FFFFFF;
	height: 30px;
	padding: 1px 0px;
	z-index: 5;
}

.current{
	height: 33px;
}
	
#navbar li ul {
	display: none; 
	width: 70px; /* Width to help Opera out */
	z-index:3;
	color: #000000;
	text-align:left;
	background-color: #449D09;
	}
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index:3; 
	width: 100px; /* Width of drop-down to help Opera out */
	}

#navbar li:hover li, #navbar li.hover li {
	float: none; 
	text-align:left;
	width: 100px; /* Width to help Opera out */
}
	
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	color: #000000;
	height: auto;
	padding: 2px 0px 2px 5px;
	font-weight:normal;
	z-index: 3;
	width: 100px; /* Width to help Opera out */
	}
	
#navbar li li a:hover {
	background-color: #449D09;
	border-bottom: 1px solid #ccc;
	color: #FFFFFF;
	width: 100px;
	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>

*/