/* CSS Popout Menu */
#bg {
 background: #cdc673 url("../images/khaki-bg.gif") no-repeat top center;
 width: 1000px;
 height: 400px;
 margin: 0;
 padding: 0;
}
#menu{
width: 1000px;
float: left;
background: #4169e1 url("../images/main-nav-1.jpg") repeat-x;
height: 28px;
z-index: 1000; /* I added */
margin: 0;
padding: 0;
border: 0;
}
#menu ul li a{
font: bold .9em/28px tahoma,arial,helvetica,sans-serif;
display: block;
white-space: nowrap;
margin: 0;
padding: 0 10px;
text-decoration:none;
text-transform: uppercase;
}
/*
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
*/
/*
#menu h4{
font: bolder 1em/28px tahoma,arial,helvetica,sans-serif;
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
*/
#menu ul li a, #menu ul li a:visited{
color: #ffff33;
}
#menu ul li a:hover{
color: #ffffff;
text-decoration: underline;
}
#menu ul li a:active{
color: #ffff99;
}
#menu ul{
list-style: none;
margin: 0;
padding: 0 15px;
float: left;
width: auto;
}
#menu ul li{
position: relative;
background: url("../images/main-nav-divider-1.jpg") no-repeat;
}
#menu li{
position: relative;
}
#menu li.first{
background: none;
}
/* Dropdown Menu */
#menu ul ul {
float: none;   
position: absolute;
left: 0;
top: 100%;
margin-top: 0;
display: none;
width: 250px;
padding: 0 3px;
background: #ffffff;
border: solid 1px #000099;
z-index: 2000;
}
#menu ul ul li{
font: normal .9em/1.0em tahoma,arial,helvetica,sans-serif;
color: #000099;
background: #ffffff;
display: block;
margin: 0;
padding: 0;
border-bottom: dashed 1px #dddddd;
}
#menu ul ul li.noBorder {border-bottom: 0;}
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited, #menu ul ul a:active, #menu ul ul a:hover {
display: inline;
font-weight: normal;
text-transform: none;
border: 0;
margin: 0;
padding: 0 0 0 5px;
background: transparent;
line-height: 20px;
}
#menu ul ul a{
color: #000099;
}
#menu ul ul a:hover{
color: #0000cc;
text-decoration: underline;
}
#menu ul ul a:visited {
color: #660099;
}

/* 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 h3:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

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

/* End of non-anchor hover selectors */

/* Styling for Expand */

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

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

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

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu * /

#content{position:absolute;top:3.0em;left:0;margin:0 .5em .5em .5em;padding:0.5em;border:1px solid #000;clear:both;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#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.9em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.95em/1.45em 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 .7em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}
span.as300250{float:right;margin:0 1.0em .2em 1.0em;}
span.as300250l{float:left;margin:0 1.0em .2em 1.0em;}
span.as120240{float:right;margin:0 1.0em .2em 1.0em;}
span.as120240l{float:left;margin:0 1.0em .2em 1.0em;}

/* End Content Area - Not Part of CSS Popout Menu */