/* CSS Document */

/* tested PC: IE6, Firefox, Netscape, Mac: Safari, Firefox, IE7 */

#dropmenu ul li a.area{text-decoration: none;} 
#dropmenu ul li a.area:hover{text-decoration: underline;}
#dropmenu ul li a.area{display: block; margin:0; padding:0; border:0;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-transform:uppercase;color:#369;font-weight:bold;}


#dropmenu ul{list-style: none;  padding: 0;text-align:center;margin:0;}
#dropmenu ul{width:440px;}  /*for firefox onload wrapping problem */
#dropmenu li{float: left; margin: 0; padding: 0;}
#dropmenu ul li a.area{text-decoration: none;} 
#dropmenu ul li a.area{display: block; height:0;margin:0; padding:0; border:0;height:11px;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-transform:uppercase;}

#dropmenu ul li a:hover{text-decoration: underline;}
/* hide the sub menu */
#dropmenu li ul{ position: absolute; left: -999em;  margin: 0; padding: 0; z-index: 100; } 
/* when mouse is over menu, show the sub menu */
#dropmenu li:hover ul, #dropmenu li.sfhover ul {left: auto; padding-top:5px; background-color:#dedede}

/* first lines up the items vertically, second is width of submenu */
#dropmenu ul li#forums a.area{ width: 59px; border-right:1px solid #fff;}
#dropmenu ul li#forums ul, #dropmenu ul li#forums ul li{width: 145px} /* line up the items vertically */

#dropmenu ul li#gearing a.area{width: 85px;border-right:1px solid #fff;}
#dropmenu ul li#gearing ul, #dropmenu ul li#gearing ul li{width: 145px;} /* line up the items vertically */

#dropmenu ul li#sharing a.area{width: 64px;border-right:1px solid #fff;}
#dropmenu ul li#sharing ul, #dropmenu ul li#sharing ul li{width: 145px;} /* line up the items vertically */

#dropmenu ul li#learning a.area{width: 68px;}
#dropmenu ul li#learning ul, #dropmenu ul li#learning ul li{width: 145px;} /* line up the items vertically */

#dropmenu ul li#exploring a.area{width: 85px;border-right:1px solid #fff;}
#dropmenu ul li#exploring ul, #dropmenu ul li#exploring ul li{width: 145px;} /* line up the items vertically */

#dropmenu ul li#community a.area{width: 84px;border-right:1px solid #fff;}
#dropmenu ul li#community ul, #dropmenu ul li#gearing ul li{width: 145px;} /* line up the items vertically */

#dropmenu ul li#equipment a.area{width: 83px;border-right:1px solid #fff;}
#dropmenu ul li#equipment ul, #dropmenu ul li#gearing ul li{width: 145px;} /* line up the items vertically */

#dropmenu ul li#gallery a.area{width: 69px;border-right:1px solid #fff;}
#dropmenu ul li#gallery ul, #dropmenu ul li#exploring ul li{width: 145px;} /* line up the items vertically */


/* If sub menu shows - it looks like this */
#dropmenu ul li ul li{margin: 0;text-align:left;font-family:Arial, Helvetica, sans-serif;}
#dropmenu ul li ul{margin: 0; padding: 0;} /* need background color */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#dropmenu ul li li a{display: block; font-weight: normal; text-decoration: none; font-size: 11px; color: #656565; border-left: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd; color: #000; margin: 0; padding: 2px 0;width:143px;border-bottom:1px solid #cdcdcd;} 

/* over states for submenu items */
#dropmenu ul li li a:hover{background-color: #ABC3DB; text-decoration: none;}