@charset "utf-8";

/* musthave */

body { behavior:url("csshover2.htc"); }

/* CSS Popout Menu */

#menu{
margin-top: 6px;
margin-left: 3px;
padding:0px;
z-index:2;
width:185px;
}

#menu a, #menu h2{
display:block;
font: 11px verdana,helvetica,sans-serif;
border-top:1px solid #f5e9bb;
border-left: 10px solid #e9854c;
border-right: 0px;
border-bottom:1px solid #e9854c;
white-space: nowrap; 
text-indent: 2px;
width: 185px;
height: 13px;
padding-top: 5px;
padding-bottom: 5px;
}

#menu a{
text-decoration:none;
}

#menu a, #menu a:visited {
color: #00511E;
background: url('css/menubg3.jpg') repeat-y top left;
}

#menu a:hover{
color:#ffffff;
background: #e9854c;

}

#menu a:active{
color:#ffffff;
background: #e9854c;
}

#menu h2{
font:11px verdana,helvetica,sans-serif;
color:#fff;
background: #e9854c;
/* text-transform:uppercase; */
text-align: center;
margin:0;
padding:0;
padding-top: 1px;
width:185px;
height: 14px;
}

#menu li{
list-style-type:none;
}

#menu ul li{
position:relative;
}

#menu li ul{
position:absolute;
top:0;
left:195px;
display:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

div#menu ul, #menu ul ul, div#menu ul ul ul{
margin:0;
padding:0;
list-style-image:none;
width:185px;
}

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;

}

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
text-indent:2px;
border-left: 5px solid #F5EBBF;
color:#000000;
/* background: url('css/menubg2.jpg') repeat-y top left; */
background: #F5EBBF; 

}

#menu a.x:hover{
color:#ffffff;
background: #e9854c;
}

#menu a.x:active{
color:#ffffff;
background:#e9854c;
}