#Navigation{
background:#f4ca63;
/*border:1px solid #00bfff;*/
float:right;
height:28px;
margin:0px auto 0px auto;
padding:0px auto 0px auto;
text-align:center;
width:800px;
}
#Menu{
/*border:1px solid red;*/
height:20px;
margin:0px auto 0px auto;
padding:4px 0px 0px 0px;
text-align:center;
width:700px;
}
#Navigation,#Navigation ul{
line-height:1;
list-style:none;
margin:0;
/* all lists */
padding:0;
}
/* The disappearing menu Hack */
#Navigation li:hover,
#Navigation li.hover{
position:static;
}
#Navigation li{
float:left;/* all list items */
margin:0px 0px 0px 55px;
padding:0px 0px 0px 0px;
}
/* -------------- First Level link >>>>>>  */
#Navigation a{
background:url(../images/green.png) no-repeat;
color:#6f92ce;/*width:10em;*/
display:block;
font:italic bold 9pt/140% Verdana,Arial,Helvetica,sans-serif;
padding:0px 0px 0px 10px;
text-decoration:none;
}
#Navigation a:hover{
background:url(../images/orange.png) no-repeat;
color:#f8981d;
}
/* <<<<<<<<<  First Level link ---------- */
/* -------------- Second Level link >>>>>>  */
#Navigation li ul{
background:#ffffff;
border-left:1px solid #f4ca63;
border-right:1px solid #f4ca63;
border-top:1px solid #f4ca63;
left:-999em;/* using left instead of display to hide menus because display:none isn't read by screen readers */
margin:-5px 0px 0px 30px;/* The contols the where the second level popup ul comes out */
padding:0px;
/* second-level lists */
position:absolute;
width:182px;
}
#Navigation li ul li{
background:#ffffff;
border-bottom:1px solid #f4ca63;
border-left:20px solid #f4ca63;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 7px;
text-align:left;
width:150px;
}
#Navigation li ul a{
background:url(../images/spacer.gif) no-repeat;
color:#6f92ce;/*width:10em;*/
display:block;
font:normal 9pt/140% Verdana,Arial,Helvetica,sans-serif;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
text-decoration:none;
}
#Navigation li ul a:hover{
background:url(../images/spacer.gif) no-repeat;
color:#f8981d;

}
/* <<<<<<<<<  Second Level link ---------- */
/* -------------- Third and aboove Level link >>>>>>  */
#Navigation li ul ul{
margin:-20px 0px 0px 100px;/* The contols the where the THIRD level popup ul comes out */
padding:0px 0px 0px 0px;
width:262px;
}
#Navigation li:hover ul ul,
#Navigation li:hover ul ul ul,
#Navigation li.sfhover ul ul,
#Navigation li.sfhover ul ul ul{
left:-999em;
}
#Navigation li:hover ul,
#Navigation li li:hover ul,
#Navigation li li li:hover ul,
#Navigation li.sfhover ul,
#Navigation li li.sfhover ul,
#Navigation li li li.sfhover ul{

left:auto;/* lists nested under hovered list items */
}
#Navigation li ul ul li{
background:#ffffff;
border-bottom:1px solid #f4ca63;
margin:0px 0px 0px 0px;
padding:2px 5px 2px 7px;
width:230px;
}
/* <<<<<<<<<  Third and aboove Level link ---------- */
#content{
clear:left;
}