/* Begin CSS Popout Menu */

#menu{
width:100%;
float:left;
margin-bottom:5px;
}

#menu a{
/*font:normal 90%/205% tahoma,arial,helvetica,sans-serif;*/
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:30px;
display:block;
/*border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;*/
white-space:nowrap;
margin:0;
padding:0 5px;
/*background: url(../images/menu/css-nav.gif) #fff bottom left repeat-x;*/
background:#d8d6ca;
text-decoration:none;
height:30px;
}

#menu ul ul a{
padding-left:10px;
font-size:11px;
}

#menu ul ul ul a{
padding-left:10px;
font-size:11px;
}

#menu a#active{
color:#8b847a;
}

#menu a, #menu a:visited{
color:#423222;
}

#menu a:hover{
color:#8b847a;
}

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

#menu ul li {
width:auto;
height:30px;
padding-right:30px;
float:left;
}

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

#menu ul ul li {
height:30px;
width:140px;
}

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

#menu ul ul ul li {
height:30px;
}

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;}

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;}

#leftNav a {
background:none;
text-decoration:none;
color:#8a7b67;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#leftNav ul {
list-style-image:url(../images/menu/leftNav_bullet.jpg);
list-style-type:none;
padding-left:20px;
}

/* End CSS Popout Menu */