/* Basic code - don't modify */
 
 .nav {display: block; margin: 0; padding: 0; position: relative;z-index:9999;}
  .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: 130px; }
.nav ul ul { left: 200px; }

/* Everything else is theming */ 
.nav {background-color: transparent; height: 36px;margin-top:0px;}
.nav *:hover {background-color: none;}
.nav a
{
	border-left: none;
	padding-bottom: 0px;
	line-height: 1;
	padding-left: 20px;
	padding-right: 20px;
	font-family:  Arial;
	color: #ddd;
	font-size: 12pt;
	font-weight: bold;
	border-right: none;
	text-decoration: none;
	padding-top: 10px;
	white-space:nowrap;
	height:28px;
	font-family:Trebuchet MS, Arial;
}
 
 .nav li.hover a
{
	background-color: #222;color:#ff9900;
}
    .nav ul {top: 38px;}
    .nav ul li a {padding-left:28px;padding-top:5px;padding-bottom:5px;font-size:12pt; height:20px;width:170px;background-color: #666;color:#ccc; text-decoration:none;opacity: 0.9; filter: alpha(opacity=90);}
    .nav ul a.hover {background-color: #111;color:#eecc00;text-align:left;}
    .nav ul a:active {background-color: #000;opacity: 1; filter: alpha(opacity=100);}
    .nav ul a {border-bottom: 1px solid #111; border-right: none;}
    
    .nav .selectedMenuItem {font-weight:bold;color:#ffaa00;background-color:#000;}
    .nav ul li a.selectedMenuItem {font-weight:bold;color:#ffdd00;opacity: 1; filter: alpha(opacity=100);}
    
    .nav a:link.selectedMenuItem {color:#ffdd00;}
    .nav a:visited.selectedMenuItem {color:#ffdd00;}	
    .nav a:hover.selectedMenuItem {color:#ffdd00;text-decoration:none;}	 
    .nav a:active.selectedMenuItem {color:#ff9900;}  
/* .nav ul a {border-bottom: none; } - I also needed this for IE6/7 */

/*
.nav {float:left;background-color:orange;color:darkblue;width:100%;padding:0px;margin:0;font-size:10pt;font-family:verdana;}
.nav li {float:left;margin-left:-1;display:inline;margin:0;padding:0;border-right:solid 1px #000099;border-left:solid 1px yellow;}
.nav a {float:left;padding-left:6px;padding-right:6px;text-decoration:none;margin:0;color:#000099;}
.nav a:hover {background-color:yellow;border:none;}
.nav .selectedMenuItem {font-weight:bold;}*/