/* Begin CSS Popout Menu */


#menu{
width:100%;
float:left;
}

#menu a, #menu h2, #menu h2 a {
font: 10px/16px arial,helvetica,sans-serif;
text-align:left;
display:block;
white-space:nowrap;
margin:0;
padding:5px 0 5px 3px;
}


#menu h2{
color:#fff;
/*background: #A6A8AB 100% 100%;*/
text-transform:uppercase;
/*background:url(../images/menu-separator.gif) left no-repeat;*/
/*padding-left: 30px;*/
border-right: solid 1px; 
border-color:#007137;
padding-left: 12px;
padding-bottom:0px;
}

#menu a{
/*background:#BBBDBF;*/
text-decoration:none;
}

#menu a:hover{
color:#a00;
/*background: #BBBDBF;*/
}

#menu a:active{
color:#060;
/*background:#A6A8AB;*/
}

#menu h2 a:hover{
color:#3E7B5C;
}

#menu h2 a,#menu h2 a:visited,#menu h2 a:active{
color:#514432;
}


#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width: 165px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

div#menu h2:hover{
/*background-color:#0B7D3B;
color:#FFFFFF;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
*/}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;
margin-left:10px;
}


div#menu li ul ul,
div#menu li li ul ul,
div#menu li li li ul ul,
div#menu li li li li ul ul
{display:none;
margin-left:10px;
}

div#menu li:hover ul,
div#menu li li:hover ul, 
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{
display:block;
background:#53AD83; 
/*font-weight: bold;*/
}


div#menu li li ul,
{
display:none;
}

div#menu li li:hover ul,
{display:block;
background:#53AD83; 
/*font-weight: bold;*/
}



/* End of non-anchor hover selectors */

/* Styling for Expand */


/* THE FOLLOWING LINE CHANGES THE FONT AND BACKGROUND COLORS OF THE FIRST LEVEL OPTIONS*/
#menu a.x, #menu a.x:visited{
color:#FFF;
background:#FF 100% 100%;
text-align:left;
/*font-weight:bold;*/
font-size:9px;
border-bottom: solid 1px #D4E6F2; 
padding-top: 1px;
padding-bottom: 1px;
margin-bottom:0px;
margin-top:0px;
}
#menu div.x{

color:#FFFFFF;
background:#FF 100% 100%;
text-align:left;
}
#menu a.x{
padding-left:10px;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
}
#menu a.x:hover{
color:#FFFFFF;
background-color:#0B7D3B;
background:url(../images/dropdown-hover.jpg) top left no-repeat;
padding-left:10px;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
}

#menu a.x:active{
color:#060;
background:#FF;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
}

#footer{
position:absolute;
left: 525px;
top:654px;
width:354px;
height: 11px;
font-size:10px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding: 10px;
border: none;
font-weight:bold;
}

#footer-main{
position:absolute;
left: 80px;
top:654px;
width:354px;
height: 11px;
font-size:10px;
font:Verdana, Arial, Helvetica, sans-serif;
color: #222222 ;
padding: 10px;
border: none;
font-weight:bold;
}

#footer-main a, #footer-main a:visited, .footer-main a, .footer-main a:visited{
color: #181818;
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#footerGray{
position:absolute;
left: 36px;
top:662px;
width:384px;
height: 11px;
font-size:10px;
font:Verdana, Arial, Helvetica, sans-serif;
color: #696969;
padding: 10px;
border: none;
font-weight:bold;
}

.footerGray, .footerGray a, .footerGray a:visited{
font:Verdana, Arial, Helvetica, sans-serif;
color: #696969;
font-weight:bold;
font-size:10px;
}

.SubTitles{
font-size:12pt;
font-weight:bold;
line-height:40px;
}

.selected{
font-size:12px;
font-weight:bold;
color:#000000;
}

.selectedLevel2{
font-size:12px;
font-weight:bold;
color:#000000;
margin-left:15px;
}
.linksHp{
text-decoration:none;
color:#000000;
}
/* End CSS Popout Menu */

/* jw additional */
#menu a.navStyle01:hover{
	color:#008246 !important;
}