/* CSS Document */

/* Begin CSS Popout Menu */

#menu{
width:100%;
background-image:url(images/navigation-bg.jpg);
height: 31px;
float: left;
}

#menu a, #menu h2{
font:bold 12px/16px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding-top: 7px;
padding-bottom: 0;
height: 24px;
border-right: 1px solid #7a601e;
background-image: url(images/navigation-corner.gif);
background-repeat:no-repeat;
background-position: bottom right;
border-left: 1px solid #ddcc9f;
border-top: 0;
border-bottom: 0;
text-align: center;
padding-left: 18px;
padding-right: 18px;
}

#menu h2{
color:#3c2f0d;
}

#menu a{
text-decoration:none;
}

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

#menu a:hover{
color:#a00;
background-image:url(images/navigation-bg-over.jpg);

}

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

#menu li{
position:relative;
}

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

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

#menu ul li ul {
background-color: #eee4cb;
background-image: none;
border: 1px solid #7a601e;
border-top: 0px;
}

#menu ul li ul li ul {
background-color: #eee4cb;
border: 1px solid #7a601e;
}

#menu ul li ul li a {
border-right: 0;
border-bottom: 1px dotted #7a601e;
color: #907326;
font-weight: normal;
text-align:left;
font-size:11px;
padding: 2px;
padding-left: 18px;
padding-right: 18px;
background-image: none;
height:auto;

}

#menu ul li ul li a:hover {
background-image: none;
background-color: #c29d3e;
color: #ffffff}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background-image:url(images/navigation-bg-over.jpg);
}

div#menu li:hover{
background-image:url(images/navigation-bg-over.jpg);

cursor:pointer;
z-index:100;
}

div#menu li ul li:hover {
background-image:none;}

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

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight: normal;
color:#907326;
background:#eee4cb url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#c29d3e;
}

#menu a.x:active{
color:#060;
background:#ccc;
}