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

.topnav ul {  width: 210px; top:37px; z-index: 1000; }
.topnav ul ul { left: 210px; }

/* Everything else is theming */
 
.topnav { 
	height: 37px; 
}
.topnav *:hover { 
	background-color: none; 
	text-shadow: none;
}
.topnav li{  
	 
}
.topnav a, .topnav a:active, .topnav a:visited {  
	color: #fff;
	font-size: 15px; 
	padding: 12px 28px; 
	line-height: 13px;
	text-decoration: none; 
	/* margin-right: 2px;  */
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	/* border-right: 1px solid #4d739b; */
	background: url('../images/bg_nav_divider.gif') no-repeat center right;
}

.topnav li a.hover { 
	color: #002c5a; 
	background-color: #82baf3; 
	text-decoration: none; 
	text-shadow: none;
}
  
.topnav ul{
	padding: 5px 0px 5px 0px;
	background: #CC00FF;
}
.topnav ul li a, .topnav ul li a:active,.topnav ul li a:visited{
	color: #002c5a;
	background: #CC00FF;
	font-size: 15px;
	line-height: normal;
	padding: 4px 0px 4px 25px;
	background-image: none;
	text-shadow: none;
	margin: 0;
}
.topnav ul a.hover, .topnav ul a.hover:active,.topnav ul a.hover:visited {
	color: #fff;
	background: #800080;
}
.topnav ul a, .topnav ul a:active,.topnav ul a:visited{
	 background: none; 
}

.topnav li a.last{ background-image: none; }