/* CSS Document */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width:99px;
	
}

#nav li { /* all list items */
	float: left;
	 width:99px;/* width needed or else Opera goes nuts */
	 

}

#nav li ul { /* second-level lists */
	
	position:absolute;
	width: 99px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100;
	
	}
	
#nav li ul li{ border:1px solid #CCCCCC; text-align:center ; text-indent:0px; line-height:1.5; 	}

#nav li ul li span{text-indent:0px;}
	
#nav li ul a{background: #ffffff;
	 filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;color:#666666; display:block;padding:5px 0px}

#nav li ul a:hover{/*background: #ffffff;
	 filter:alpha(opacity=95);
opacity: 0.95;
-moz-opacity:0.95; color:#000000;*/filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;background:#015EAB url(../images/header/menu-over.jpg) top left no-repeat ; color:#FFFFFF;text-decoration:none}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

/*fix for IE7*/
#nav li:hover, #nav li.hover {
    position: relative;
}