/* Basic code - don't modify */
 
 #mainnav { display: block; margin: 0; padding: 0; position: relative; float: left;}
  #mainnav li { display: block; list-style: none; margin: 0; padding: 0; position: relative; } /* deleted: float: left;*/
  #mainnav a { display: block; }
  #mainnav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
/*   * html #mainnav ul { line-height: 0; } /* IE6 "fix" */ */
/*   	#mainnav ul a { zoom: 1; } /* IE6/7 fix */ */
/*     #mainnav ul li { float: none; } */
/*     #mainnav ul ul { top: 0; } */

    
/* Essentials - configure this */
#mainnav {width: 200px;}
#mainnav li { width: 180px;}
/* #mainnav ul ul { left: 131px; } */

/* Everything else is theming */
 
.menu_caption { font-size: 9px;height: 14px; background-color: #262626; } 
/* #mainnav *:hover { background-color: none; } */
#mainnav a { color: #cccccc; font-size: 9px;  padding: 3px; line-height: 1; }
#mainnav a.hover{color: white; background-color: #2d2d2d}
/*  #mainnav li.hover a { background-color: #2D2D2D; } */
/*   #mainnav ul { top: 24px; } */
/*     #mainnav ul li a { background-color: #1c1c1c; } */
/*     #mainnav ul li  { background-color: #1c1c1c; } */
      #mainnav ul a.hover { /*background-color: #3C3C3C;*/ }

/*    #mainnav li a { border-bottom: 1px dotted #3c3c3c; border-right: none; opacity: 0.9; filter: alpha(opacity=90); } */
#mainnav li { border-bottom: 1px dotted #3c3c3c; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
   .headfont { border-bottom: 1px dotted #3c3c3c; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

#current_nav{width: 400px; position: absolute; text-align: left; margin-left: 6px; font-size: 8px; margin-top: 2px;}

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





/* Basic code - don't modify */
 
 #mainnav2 { display: block; margin: 0 0 0 10px; padding: 0; position: relative; float: left;}
  #mainnav2 li { display: block; list-style: none; margin: 0; padding: 0; position: relative;  } /* deleted: float: left;*/
  #mainnav2 a { display: block; }
  #mainnav2 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
/*   * html #mainnav ul { line-height: 0; } /* IE6 "fix" */ */
/*    #mainnav ul a { zoom: 1; } /* IE6/7 fix */ */
/*     #mainnav ul li { float: none; } */
/*     #mainnav ul ul { top: 0; } */

    
/* Essentials - configure this */
#mainnav2 {width: 200px;}
#mainnav2 li { width: 180px;}
/* #mainnav ul ul { left: 131px; } */

/* Everything else is theming */
 
.menu_caption { font-size: 9px;height: 14px; background-color: #262626; } 
/* #mainnav *:hover { background-color: none; } */
#mainnav2 a { color: #cccccc; font-size: 9px;  padding: 3px; line-height: 1; }
#mainnav2 a.hover{color: white; background-color: #2d2d2d}
/*  #mainnav li.hover a { background-color: #2D2D2D; } */
/*   #mainnav ul { top: 24px; } */
/*     #mainnav ul li a { background-color: #1c1c1c; } */
/*     #mainnav ul li  { background-color: #1c1c1c; } */
      #mainnav2 ul a.hover { /*background-color: #3C3C3C;*/ }

/*    #mainnav li a { border-bottom: 1px dotted #3c3c3c; border-right: none; opacity: 0.9; filter: alpha(opacity=90); } */
#mainnav2 li { border-bottom: 1px dotted #3c3c3c; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
   .headfont { border-bottom: 1px dotted #3c3c3c; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

#current_nav{width: 400px; position: absolute; text-align: left; margin-left: 6px; font-size: 8px; margin-top: 2px;}

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