/* 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; background:white;}
  * 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: 131px; }
  
/* Everything else is theming */

/* not needed ?



#nav { background-color: #cdcccc; height: 26px;margin: 0 0 0 0; }
#nav li.parent:hover  { background-color: #652d90; }
#nav *:hover { background-color: none; }
#nav a { vertical-align: middle; color: white; font:normal 12px arial; padding: 10px 30px 10px 30px; line-height: 1;text-transform:uppercase;text-align:center; }
#nav a:hover{background-color: #652d90;}
  
  
 #nav ul li.parent a{color:#ffffff;} 
#nav ul li.parent {	margin-top:-15px;text-align:center;height:34px;padding:0px 20px 0 20px}
#nav ul li a {vertical-align: middle;line-height: 1;padding:20px 0px 7px 0px}
#nav ul li a.droppydouble {vertical-align: middle;line-height: 1;padding:0px 0px 0px 0px}
#nav ul li {list-style-type: none;float: left;margin-top:0px;font:bold 10pt arial;color:#ffffff;text-transform:uppercase;}
#nav ul ul, #nav ul ul ul, #nav ul ul ul ul {display: none;}
#nav ul li:hover ul {display: block;}
#nav ul li ul {position: absolute;border: 1px solid #024d9c;border-top: none;margin-top:10px;}
#nav ul li ul li {clear: left;float: left;border-top: 1px solid #024d9c;width: 180px;margin: 0px;padding: 0px;margin-left: -40px;}
#nav ul li ul li a:link, #nav ul li ul li a:active, #nav ul li ul li a:visited {	
	color: #717171;text-decoration:none;font:normal 9pt arial;text-transform:capitalize;text-align:left;display: block;background: #FFFFFF;margin: 0px;padding: 4px 6px 4px 6px;}
#nav ul li ul li a:hover {color: #FFFFFF;background: #5393dd;}

#nav ul li ul li:hover ul {display: block;}
#nav ul li ul li ul {position: absolute;display: block;margin: 0px;margin: -25px 0px 0px 180px;}
#nav ul li:hover ul li ul li ul {display: none;}
#nav ul li ul li ul li:hover ul {display: block;}
.expand {float:right;width:5px;height:9px;margin-right:5px;margin-top:-12px;background:url(../images/expand_menu.png) no-repeat;}
.expand_down {float:right;width:5px;height:9px;margin-right:5px;margin-top:-12px;background:url(../images/expand_menu_down.png) no-repeat;}
 */
#nav { background-color: #fe0000; height: 26px;margin: 0 0 0 0; }
/*hide subnavs*/
#nav *:hover { background-color: none; }
/*topnav*/
#nav a { vertical-align: middle; color: white; font:normal 12px arial; padding: 10px 20px 10px 20px; line-height: 1;text-transform:capitalize;text-align:center; }
/*top nav with a <br>*/
#nav a.droppydouble { vertical-align: middle; color: white; font:normal 12px arial; padding: 3px 20px 5px 20px; line-height: 1;text-transform:uppercase;text-align:center; }
/*top nav hover*/
#nav a:hover{color:#000000;}
/*child height width spacing*/
#nav a.droppychild { vertical-align: middle;text-align:left; background-color: white;border-bottom:1px solid #fe0000;border-right:1px solid #fe0000;border-left:1px solid #fe0000; color:#fe0000;text-transform:capitalize;  padding: 3px 20px 5px 20px; line-height: 1; }  
  /*parent hover and hold*/
  #nav li.parent:hover {color:#000000; }
  /*child hover*/
  #nav .child a:hover { background-color: #cdcccc;color:#652d90; }
  /*override for opacity*/
  #nav ul a { opacity: 0.9; filter: alpha(opacity=90); }
 /*- I also needed this for IE6/7 */
 #nav ul a { border-bottom: none; } 
#nav div a{padding:0;margin:0;position:absolute; width:10px;height:10px;left:10px;}