/* CSS Document */




	div#navigation {height:100%;}



	#navigation ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	color:#fff;
	font-weight:bold;
	text-align:center;
	
	}
	
	#navigation ul a{
	display:block; 
	width: 100px; 
	border-bottom: 1px solid #fff;
	color:#fff;
	font-weight:bold; 
	text-decoration: none
	}
	
	#navigation ul a:hover{
	background-color: #dff0ea;
	color: #8f3745; 
	font-weight:bold;}
	
	#navigation ul a#activelink{
	color: #8f3745;
	text-decoration: none
	}
	
	
	#navigation ul li {
	
 	margin:0px;
 	width: 100px; 
 	background-color:#008474;
	position: relative;
	
	}
	
	
	#navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-color:#008474;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom:2px;
	width: 100px;
	}
	

	#navigation ul li a:hover{
	background-color: #dff0ea;
	color: #8f3745; 
	font-weight:bold;
	}
	
	
	
	#navigation li ul {
	position: absolute;
	left: -160px;
	top: 0;
	display: none;
	
	}
	

	#navigation li ul li a{
	display: block;
	text-decoration: none;
	color: #fff;
	background-color:#008474;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom:2px;
	width: 160px;
	
	}
	
	
	#navigation li ul li:hover{
	background-color: #dff0ea;
	color: #8f3745; 
	font-weight:bold;

	}

	

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

/* for IE5/6 only*/
#nav 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
*/
}


/* quick IE hover code or put script in below */
#nav 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 */