/* ================================================================ 
                    MENU css for DROPDOWN menu
=================================================================== */

/* Menu */
#top_menu {padding-left:4px;float:left;}
.menu {padding: 0px;font-size: 12px;font-weight: bold;float:left;}
.menu li a{display:block;padding:3px 0px 1px 16px;width:142px;color:#000000;text-decoration:none;z-index:100;}
.menu ul li ul a{margin:0;height:auto;} 
.menu ul {padding:0; margin:0;list-style-type: none; color: #ffffff; }
.menu ul li {float:left; position:relative;z-index:100;border-bottom:3px solid transparent;border-right:3px solid transparent;}
.menu ul ul li {margin:0px;background:none;}
.menu ul li ul {display: none;}
.menu ul li a, .menu ul li a:visited{color:#000000;background:#FFFFFF;border:1px solid #530000;}
.menu ul ul li a {color:#000000;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ff0000;}
.menu ul li:hover ul {display:block; position:absolute; top:0px; left:161px; width:142px;}
/*More- icon if there are child elements -for top menu */
.menu ul li a.topHide, .menu ul li a.topHideFF {width:142px;} /* Top menu - more  */
.menu ul li:hover a.topHide, .menu ul li:hover a.topHideFF {width:142px;}
/*More- icon if there are child elements -for sub menus */
/*.menu ul li a.hide,*/ .menu ul li a.hideFF {background:#999999;width:102px;color:#F15A24;} /* Sub menu - more  */
/*'MORE' LINK - MAY INCLUDE ARROW ETC.*/
.menu ul li a.hideFF {background:#999999;}/*ADDS the indicator there are more items*/
/*DROP DOWN MENU - HOVERED COLOR, WIDTH AND BACKGROUND*/
.menu ul li:hover ul li:hover>a, .menu ul li:hover ul li:hover ul li:hover>a, .menu ul li:hover ul li:hover ul li:hover ul li:hover>a {color:#ff0000;width:138px;}
.menu ul li:hover ul li ul {display: none;}
/*DROP DOWN MENU - UN-HOVERED COLOR, WIDTH AND BACKGROUND*/
.menu ul li:hover ul li a {display:block;color:#000000;width:138px;border: 1px solid #015d23;background: #FFE4E1;}
.menu ul li:hover ul li a:hover, .menu ul li:hover ul li div:hover {background: #ffffff;text-decoration:none;}
.menu ul li:hover ul li:hover>ul {display:block; position:absolute; left:158px; color:#000;}

#logout a {background: #79B881;border:1px solid #015d23;}
#logout :hover {background: #a8ffb4;}
#logout a {color: #000000;}
#mail, #reset {background:none;border:none;}
#mail :hover {background:none;}
#mail a {color: #ffffff;}
#mail .notice {width:148px}
#mail .notice:hover {background:#83ff8c}
#reset {padding:3px;font-weight:bold;}
#reset a {padding:0px;color:#FFFFFF;}
.menu li#reset:hover, .menu ul li#reset:hover a, .menu ul li#reset:hover ul li#reset:hover a.hideFF, .menu ul li#reset:hover ul li a:hover, .menu ul li#reset:hover ul li div:hover {color:#000000;}