/* CSS Document */




	div#navigation {height:100%;}



	#navigation ul { 
	margin:auto;
	padding-left: 20px;
	padding-bottom:5px;
	padding-top:7px;
	list-style: none;
	color:#ccc;
	font-weight:bold;
	text-align:center;

	
	}
	
	#navigation ul a{
	display:inline; 	
	color:#ccc; 
	text-decoration: none
	}
	
	#navigation ul a:hover{
	background-color: #3d3d3d;
	color: #fff; 
	}
	
	#navigation ul a#activelink{
	color: #fff;
	text-decoration: none;
	border-left: 3px solid #f00;
	padding-left:4px;
	}
	
	
	#navigation ul li {
	margin-bottom:0px;
	margin-right:15px;
	padding-top:5px;
	width:auto;
	background-color:#3d3d3d;
	position: relative;
	display:inline;
	/*border:1px solid #999999;*/
	}
	
	
	#navigation ul li a {
	
	text-decoration: none;
	color: #ccc;
	background-color:#3d3d3d;
	font-weight:bold;
	/*padding-top: 5px;
	padding-bottom:2px;*/
	width: 100px;
	}
	

	#navigation ul li a:hover{
	background-color: #3d3d3d;
	color: #fff; 
	
	}
	
	#navigation li ul {
	position: absolute;
	left:-30px;
	/*top:20px;*/
	bottom:17px;
	display: none;
	
	}
	
	#navigation li ul li{ 
	width:100px;
	text-align:center;
	display: block;
	background-color:#3d3d3d;
	padding-top: 3px;
	padding-bottom:2px;
	color: #ccc;
	/*border:1px solid #999999;*/
	}
	

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

	
	}
	
	
	#navigation li ul li:hover{
	background-color: #3d3d3d;
	color: #fff; 
	

	}

	

	#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 */