/* http://www.seoconsultants.com/css/menus/tutorial/  */
#menu  {position: relative;z-index: 500;width: 100%;float: left; font-size:small; border:1px solid black; border-bottom:none; } /** font-size:small; to help resize the width of the main menus **/
#menu ul.menu  {list-style: none;margin: 0;padding: 0;width: 14%;float: left; }

#menu a.menu , #menu h2.menu  { 
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    border-width: 1px;border-style: solid;border-color: #ccc #000 #000 #bbb;
    margin: 0;padding: 2px 3px;
}

#menu h2.menu  {color: #a20032; background-color: #8a9fba;text-transform:lowercase; font-weight:bold; text-align:center; }
#menu a.menu  {color: #a20032;background-color: #8a9fba;text-decoration: none;}
#menu a.menu:hover {color: #a20032;background-color: #ffffe5;}

#menu li.menu  {position: relative;  }
#menu ul.menu  ul.menu  {position: absolute;z-index: 500;width:9.9em;  }
#menu ul.menu  ul.menu  ul.menu {position: absolute;top: 0;left: 100%; }

div#menu ul.menu ul.menu,       
div#menu ul.menu li.menu:hover ul.menu ul.menu,
div#menu ul.menu ul.menu li.menu:hover ul.menu ul.menu
{display: none; white-space:normal;}

div#menu ul.menu li.menu:hover ul.menu,
div#menu ul.menu ul.menu li.menu:hover ul.menu,
div#menu ul.menu ul.menu ul.menu li.menu:hover ul.menu
{display: block;}


#menu li.lastmenu  { width:118px; }
#menu li.menu a.center  { text-align:center }
#menu ul.longer { width:115px; }