/* 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; position: relative; }
  #nav a { display: block; padding: 4px;}
  #nav ul { display: none; position: absolute; left: 15px; top: 10px; margin: 0; padding: 0; border: solid 1px #012e7f; border-bottom-width: 4px; height: auto; }
  * html #nav ul, * html #sectionNav 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: 192px; margin: 4px; }
#nav ul ul { left: 50px; }

/* Everything else is theming */
 
#nav { }
#nav ul *:hover { background-color: #c8d8f9; color: #FFF; }
#nav a { padding: 3px; }
#nav ul li.hover a { background-color: #022e7f; color: #FFF;}
  #nav li.hover a { }
  #nav ul { top: 15px; }
    #nav ul li a { background-color: #c8d8f9; color: #022e7f; }
      #nav ul a.hover { background-color: #c8d8f9; }
   #nav ul a { border-bottom: 1px solid #012e7f; border-right: none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* Basic code - don't modify */
 
 #sectionNav{ display: block; margin: 0; padding: 0; position: relative; }
  #sectionNav li { display: block; list-style: none; margin: 0; padding: 0; position: relative; }
  #sectionNav a { display: block; padding: 4px;}
  #sectionNav ul { display: none; position: absolute; left: 15px; top: 10px; margin: 0; padding: 0; border: solid 1px #c7d9f9; height: auto; }
  * html #sectionNav ul { line-height: 0; } /* IE6 "fix" */
  	#sectionNav ul a { zoom: 1; } /* IE6/7 fix */
    #sectionNav ul li { float: none; }
    #sectionNav ul ul { top: 0; }
    
/* Essentials - configure this */

#sectionNav ul { left: 90px; width: 192px; margin: 4px; }
#sectionNav ul ul { left: 100px; }

/* Everything else is theming */
 
#sectionNav { }
#sectionNav ul *:hover { background-color: #f2f7fd; color: #FFF; }
#sectionNav a { padding: 3px; }
#sectionNav ul li.hover a { background-color: #f2f7fd; color: #022e7f;}
  #sectionNav li.hover a { }
  #sectionNav ul { top: 15px; }
    #sectionNav ul li a { background-color: #fff; color: #022e7f; }
      #sectionNav ul a.hover  { background-color: #f2f7fd; }
   #sectionNav ul a {  }
/*#sectionNav ul a { border-bottom: none; } - I also needed this for IE6/7 */