/* Basic code - don't modify */

 

.nav 		{ display: block; margin: 0; padding: 0; position: relative; background: url(../../images/nav_bg.gif) no-repeat; width:760px;z-index:1; }

.nav li 	{ display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; margin-right:2px; }

.nav li.last	{margin-right:0px;}

.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 a img 	{ vertical-align:top;}

.nav ul li 	{ float: none;}

.nav ul ul 	{ top: 0; }

    

/* Essentials - configure this */



.nav ul 		{ width: 158px; }

.nav ul ul 		{ left: 159px; }









/* Everything else is theming */

 

.nav 			{ height: 27px; }

.nav *:hover 	{ background-color: none; }

.nav a 			{ color: white; font-size: 12px; line-height: 1; }

.nav li.hover a { background-color: none; }

.nav ul 		{ top: 27px; }

.nav ul li a 	{ border-bottom:1px #FFFFFF solid;}

.nav ul a.hover { background-color: #30A8C3; opacity: 0.6; filter: alpha(opacity=60);}

.nav ul a 		{ opacity: 0.9; filter: alpha(opacity=90); }

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