/* Basic code - don't modify */
 
 #nav {
	/*width: 625px;*/
	width: 700px;
	float: left;
	padding-top: 0px; 
	
	}
#nav { background-color: #000;; height: 24px; }

  #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; padding-bottom: 7px;}
  
  * 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: 145px; }
#nav ul { top: 25px; }
#nav ul ul { left: 147px; }

 


/* Everything else is theming */
 


#nav a {  color: white;  font-weight:bold; padding: 6px; line-height: 1; }
#nav ul li{background-color:#666666; color:#cccccc; font-weight:bold;}
#nav ul li a {font-weight:700;text-decoration:none; font-size:11px; color:#FFF; }
#nav ul a { border-bottom: 0px solid white; border-right: none;  margin-bottom:2px; }

#nav ul a.hover{background-color:#fff; color:#000;font-weight:bold; }

#nav li{margin-right:5px; }
#nav li li{margin-right:0;}
#nav .hover{background-color:#fff; color:#000}





  /*#nav ul a { border-bottom: none; }- I also needed this for IE6/7 */
/*
#nav ul a.hover 
{ 
	background-color: #fff; color:#000;
}
#nav li.hover a 
{ 
	background-color: #fff; 
	color:#000; 
	font-weight:bold
}  
#nav ul li a.hover
{
	color:#000;	background-color:#FFF;
}
*/