/* Menu styles */

#menu { clear: both; background: 0px 0px url(../styles/menu_bg.png) repeat-x; height: 28px; overflow: hidden; font-weight: normal; color: #999; font-size: 0.875em; width: 100% }
#menu ul { padding: 0px 0px 0px 12px; margin: 0px; list-style: none; }
#menu li { line-height: 28px; float: left; padding: 0px 10px 0px 12px; background: 0px 0px url(../styles/menu_bg_off.png) no-repeat; 
  color: #ddd; font-style: normal;
 }
#menu li a { color: white; text-decoration: none; font-style: normal;}
#menu li:hover, #menu li.over  { background-image: url(../styles/menu_bg_over.png); }
#menu .selected, #menu .selected:hover { background-image: url(../styles/menu_bg_on.png); }

#menu .left         { background: 0px 0px url(../styles/menul_bg_off.png) no-repeat; }
#menu .left:hover  { background-image: url(../styles/menul_bg_over.png); }
#menu .leftselected { background-image: url(../styles/menul_bg_on.png); }

#menu .right         { background: 0px 0px url(../styles/menur_bg_off.png) no-repeat; }
#menu .right:hover   { background-image: url(../styles/menur_bg_over.png); }
#menu .rightselected, #menu .rightselected:hover { background-image: url(../styles/menur_bg_on.png); }

#menu .home { background: none; padding: 0px 48px 0px 12px; }
#menu .home:hover {background: none; }

#menu .contact { background: none; padding: 0px 14px 0px 12px; }
#menu .contact:hover {background: none; }
   
#mainTop { background: #345369 url(../styles/main_top.png) top center no-repeat; height: 28px; text-align: left; font-size: 0.875em; color: white; }
#mainTop ul { padding: 0px 0px 0px 12px; margin: 0px; list-style: none; }
#mainTop li { float: left; padding: 6px 10px 2px 12px;  }
#mainTop li a { color: white; text-decoration: none; }
#mainTopClear {  background: #466F8D url(../styles/main_topclear.png) top center no-repeat; height: 6px; text-align: left; font-size: 0.875em; color: white; }
#mainTopClear { display: none; }