/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; text-align:center;}
  #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:none;}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	 /* 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; background:none; }
/* 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 9pt 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 9pt 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:-9pt;background:url(../images/expand_menu.png) no-repeat;}
.expand_down {float:right;width:5px;height:9px;margin-right:5px;margin-top:-9pt;background:url(../images/expand_menu_down.png) no-repeat;}
 */
#nav { background-color: none; height: 26px;margin: 0 0 0 0;text-align:center; }
/*hide subnavs*/
#nav *:hover { background-color: none; }
/*topnav*/
#nav a.a_parent { vertical-align: middle; color: black; font:bold 9pt arial; padding: 8px 42px 10px 42px; line-height: 1;text-align:left; }

#nav a.droppychild {vertical-align: middle; color: black; font:bold 9pt arial; margin:2px 2px 2px 28px; padding: 3px; line-height: 1;text-align:left; }

/*top nav with a <br>*#nav a.a_parent:hover{color:white;}/
#nav a.droppydouble { vertical-align: middle; color: white; font:normal 9pt arial; padding: 3px 30px 5px 30px; line-height: 1;text-transform:uppercase;text-align:left; }
/*top nav hover*/
#nav a:hover{background-color: none;}
/*child height width spacing*/
#nav .child {width:179px;height:26px; vertical-align: middle;text-align:left; background:url(/customsidemenu/032376/images/subnav_bg.png) no-repeat; color:#652d90;  padding: 0px; line-height: 1; }  
  /*parent hover and hold*/
  #nav li.parent:hover { background-color: none; }
  /*child hover*  #nav .child a:hover { background-color: none;color:#000000;font-weight:bold; }/

  /*override for opacity*/
  #nav ul a { opacity: 1.0; filter: alpha(opacity=100); }
 /*- 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;}