/* CSS Document */

#menu {

width: 100%;

background: #000;

float: left;





margin-top:3px;





}



#menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 15em;

float: left;



}



#menu ul#Home { width: 7em; margin-left:12px;}

#menu ul#HROnline{ width: 7em; }

#menu ul#FAQ{ width: 5em;}

#menu ul#Jobs{ width: 5em;}

#menu ul#Policy{ width: 6em;}

#menu ul#Forms{ width: 6em;}

#menu ul#Enterprise{ width: 13em;}

#menu ul#Contact{ width: 13em;}





#menu a{

font: 0.85em Verdana, Arial, Helvetica, sans-serif;

display: block;

margin: 0;

padding: 5px 3px;

color: #000;

font-weight:bold;

text-decoration: none;

}



#menu a {

color: #fff;

background: #000;

text-decoration: none;

}



#menu a:hover {

color:#669900

}



#menu li {position: relative;}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;



}



#menu ul ul {

position: absolute;

z-index: 500;



background-color:#FFFFFF;

}



#menu ul ul li{

padding-bottom:1px;

}





/*#menu ul ul a{ background-color:#455a21}

#menu ul ul a;hover{ color:}*/

#menu ul ul a{ background-color:#455a21;color:#FFFFFF}

#menu ul ul a:hover{ background-color:#6F9135; color:#FFFFFF}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}