/**************** menu coding *****************/ 
#menu{ padding-bottom:12em; /* To allow room for bottom dropdown */ }
#menu a, #menu h2{ font:bold 11px/16px arial,helvetica,sans-serif; display:block; border-width:1px; border-style:solid; border-color:#ccc #888 #555 #bbb; white-space:nowrap; margin:0; padding:1px 3px; }
#menu h2{ color:#fff; background:#0C5B1A; text-transform:uppercase; }
#menu a{ color:#000; background:#A1D4AA; text-decoration:none; }
#menu a:hover{ color:#a00; background:#CEEFD4; }
#menu a:active{ color:#060; background:#ccc; }
#menu ul{ list-style:none; margin:0; padding:0; width:100%; }
/* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */ div#menu li, div#menu li:hover{ position:relative; }
div#menu li ul{ position:absolute; top:0; left:100.1%; display:none; }
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul 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;}
/* End non-anchor hover selectors */ 
/* Styling for Expand */ 
#menu a.x, #menu a.x:visited
{
	background: url(../img/menu/expand.GIF) #a1d4aa no-repeat right center;
}
#menu a.x:hover
{
	color:#a00; background:url(../img/menu/expand2.GIF) #CEEFD4 no-repeat right center; 
}
#menu a.x:active
{
	color:#060; background:url(../img/menu/expand2.GIF) #ccc no-repeat right center; 
}
/* Begin Content Area */ #content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#A1D4AA;}
#content a:active{color:#060;background:#CEEFD4;}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{ font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}
/* End Content Area */ 

.level1
{
    color: #b30404;
    background-color: #ededed;
    font-size: 12pt;
    font-weight: bold;
    font-variant:small-caps;
}

.level2
{
    color: white;
    font-family: Trebuchet MS !important;
	font-size: 12pt;
      background-color: #cc0000;
      font-weight:bold;
      font-variant:small-caps;
}

.level3
{
    color: #b30404;
    background-color: #ededed;
    font-family: Trebuchet MS !important;
    font-size: 9pt;
    margin-bottom: 1px;
}

.level4
{
    color: black;
    background-color: Silver;
    font-family: Gill Sans MT !important;
    font-size: x-small;
    padding-left:10px;    
}

.NavPopup
{
    color: black;
    background-color: Silver;
    font-family: Gill Sans MT !important;
    font-size: small;
    width: 100px;
    border-style: outset;
    border-width: thin;
    text-align: center;
}

.hoverstyle
{
    font-weight: bold;
}
       
.sublevel1
{
    background-color: #bababa !important;
    color: White !important;
    font-variant: normal;
}  
