#navbar {
	margin: 0;
	padding: 0;
	
}
#navbar li {
	list-style: none;
	float: left;
	 }
#navbar .li0 {
	list-style: none;
	float: left;
	width:99px;
	height:29px;
	background:url('../images/menu.jpg') no-repeat;
	
}
#navbar .li1 {
	list-style: none;
	float: left;
	width:137px;
	height:29px;
	background:url('../images/menublue.jpg') no-repeat;	
}
#navbar .li2 {
	list-style: none;
	float: left;
	width:116px;
	height:29px;
	background:url('../images/menuorange.jpg') no-repeat;	
}
#navbar .li3 {
	list-style: none;
	float: left;
	width:115px;
	height:29px;
	background:url('../images/menugreen.jpg') no-repeat;	
}
#navbar .li0 .a0, #navbar .menuactive .a0{
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Tahoma, Geneva, sans-serif;
	
	 } 
#navbar li a {
	display: block;
	padding: 3px 8px;
	color:#fff;
	text-decoration: none; 
	font-weight:bold;
	}
#navbar li ul {
	display: none; 
	font-size:12px;
	font-family:Arial,Tahoma, Geneva, sans-serif;
	 /*width: 10em; Width to help Opera out */
	}
	
#navbar li:hover ul, #navbar li.hover ul{
	display: block;
	position: absolute;
	margin: 11px 0 0 0;
	padding: 1px; 
	border:1px solid #cccccc;
	background-color: #fff;
	filter:alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        
        -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	    -khtml-border-radius: 3px;
	    z-index:600 !important;
	    }
#navbar li:hover li, #navbar li.hover li {
	float: none; 
	}
#navbar li:hover li a, #navbar li.hover li a {
	color: #fff; 
	font-weight:bold; 
	padding:5px 30px 5px 15px;
	}
#navbar li li a:hover {
	background-color: #fff; 
	color: #000;
	font-weight:bold; 
	}
	
#navbar li .a0:hover{	
	color:#fff;
}