@charset "utf-8";
/* CSS Document */

/* CSS Document */




div#navigation {height:100%;}



	div#navigation ul{ margin:0; padding: 0; list-style-type:none; color:#ccc; text-align:center;}
	
	div#navigation ul a{ color:#999; text-decoration: none; font-weight:bold}
	
	div#navigation ul a:hover{background-color: #3d3d3d;color: #fff; font-weight:bold; border-bottom: 2px solid #f00; }
	
	div#navigation ul a#activelink{color: #fff;text-decoration: none; border-bottom: 2px solid #f00; font-weight:bold; }
	
	
	div#navigation ul li{  
	display:inline; 
	margin-top:5px; 
	margin-bottom:5px; 
	margin-right:15px; 
	width: 120px; 
	background-color:#3d3d3d; 
	font-weight:bold; 
	position:relative;
	z-index:100}
	
	
	#navigation ul li a {
	
	text-decoration: none;
	color: #ccc;
	background-color:#3d3d3d;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom:2px;
	width: 120px;
	}
	

	#navigation ul li a:hover{
	background-color: #3d3d3d;
	color: #fff; 
	
	}
	
	#navigation li ul {
	position: absolute;
	left:0px;
	top:20px;
	/*bottom:17px;*/
	display: none;
	 
	
	}
	
	#navigation li ul li{ 
	width:auto;
	text-align:center;
	display: block;
	background-color:#3d3d3d;
	padding-top: 3px;
	padding-bottom:2px;
	color: #ccc;
	font-weight:bold;
	
	}
	

	#navigation li ul li a{text-decoration: none; width: 120px;}

	#navigation li ul li:hover{background-color: #3d3d3d; color: #fff; /*border-bottom: 2px solid #f00;*/}

	#navigation li:hover ul,
	#navigation li.over ul { 
	display: block; }
	
	
	[if lte IE 6]>
<style type="text/css" media="screen">

/* for IE5/6 only*/
#navigation ul ul {
width: 1%; /* width needs to be restrained *if* there is no width specified, to compensate for expanding box
this was the equivalent of min-width previously
though if using this because there is no real width on the ul in the main code, you will likely need white-space: nowrap; set on the child li's
*/
display:block;
}


/* quick IE hover code or put script in below */
#navigation li {
behavior: expression(
this.onmouseover = new Function("this.className += ' over'"),
this.onmouseout = new Function("this.className = this.className.replace(' over','')"),
this.style.behavior = null);
}
	
	
	
	
	/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { /*float: left;*/ height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */