/* CSS Document */

/* /////////////////////DROP DOWN MENU */


#navbar {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	width:900px;
	}
	
#navbar li {
    list-style: none;
    float: left; 
	width: 100px;
	/*height:40px;*/
	padding:0px;
	text-align:center;
	}
	
#navbar li a {
	display: block;
	padding: 0px 0px 0px 0px;
	color: #fff;
	/*height: 40px;*/
	text-decoration: none; 
	width: 100px;
	}

#navbar li a:hover{
	z-index: 5;
}

#navbar li ul {
	display: none; 
	width: 150px; /* Width to help Opera out */
	background-color:#000000;
	z-index:3;
	color: #ffffff;
	text-align:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#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;
}

/*controls 1st level drop down*/	
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #000000;
	color: #ffffff;
	padding: 5px 0px 10px 5px;
	width: 190px;
	height:10px;
	font-weight:normal;
	z-index: 100;
	}
	
/*controls first level hover */	
#navbar li li a:hover {
	color:#000000;
	background-color: #999999;
	padding: 5px 0px 10px 5px;
	width: 190px;	
	z-index: 99;
	}
	
		
	/* 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>

*/