/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 220px }
#nav ul ul { left: 220px; }

/* Everything else is theming */
 
#nav { 
	height: 56px; 
	font-family:'ChunkFiveRoman','helvetica';
	font-size:15px;
	line-height:14px; 
}

#nav *:hover{ 
	background: #adcecd;/*Light Blue*/ 
	color:white; 
} 

ul#nav > li a:hover { 
	color:#fff;/* white */
	/* background:url(../../../../images/nav_hover.png) repeat-x #adcecd; */
} 

#nav a {  
	color: #fff; 
	font-size: 17px; 
	padding: 0 12px 0 12px; 
	line-height: 56px; 
	border-right:1px solid #8d9d95;
	width:auto;
	text-decoration:none;
}

  #nav li.hover a { 
 	 background-color: #adcecd;/*Light Blue*/ 
  }
  
  #nav ul { 
  	top: 56px;
  }
  
	#nav ul li a { 
		font-size:14px; 
		background-color:#adcecd;/*Light Blue*/ 
		text-decoration:none;
		color:white; 
		line-height:25px; 
		font-family:Verdana, Geneva, sans-serif; 
	}
	
      #nav ul a.hover { 
		  background-color:#85a5a2;/*Dark Blue*/ 
		  color:#fff;
	  }
	  
   #nav ul a { 
		border-top: 1px solid #85a5a2; 
		border-right: none; 
		opacity: 0.95; 
		filter: alpha(opacity=95);
		background:#CCC;
 	}

   
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */