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

/* Menu */
#top_menu {padding-left:4px;float:left;}
.menu {padding: 17px 0px 218px 0px;font-size: 14px;float:left;}
.menu li a{display:block;padding:5px 0px 5px 30px;width:164px;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:none;}
.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;}
.menu ul ul li a {color:#000000;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff;background-color:#cc0000;}
.menu ul li:hover ul {display:block; position:absolute; top:0px; left:194px; width:158px;}
/*More- icon if there are child elements -for top menu */
.menu ul li a.topHide, .menu ul li a.topHideFF {width:164px;} /* Top menu - more  */
.menu ul li:hover a.topHide, .menu ul li:hover a.topHideFF {width:164px;}
/*More- icon if there are child elements -for sub menus */
/*.menu ul li a.hide,*/ .menu ul li a.hideFF {background:url('../images/menu_list_bg.gif') repeat-x #999999;width:102px;color:#F15A24;} /* Sub menu - more  */
/*'MORE' LINK - MAY INCLUDE ARROW ETC.*/
.menu ul li a.hideFF {background:url('../images/menu_list_bg.gif') repeat-x #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 {background-color:#ffffff;border:1px solid #cc0000;color:#cc0000;width:136px;padding:4px 0px 4px 30px;}
.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:#ffffff;width:138px;border: none;background-color: #cc0000;}
.menu ul li:hover ul li a:hover, .menu ul li:hover ul li div:hover {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;}

li .current, .menu ul li:hover ul li:hover>a.current:hover {
	background-image:url(../img/red_paw.gif);
	background-repeat: no-repeat;
	background-position: 13px center;
}
li li .current, .menu ul li:hover>a.current {
	background-image:url(../img/white_paw.gif);
	background-repeat: no-repeat;
	background-position:  13px center;
}