/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */
/* Begin CSS Popout Menu */
/*
#menu {
	background-image:url(../images/backgrounds/menu_bg.gif);
    background-color: #313031;
	width: 837px;
}
#menu a {
    color: white;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
	text-align:center;
	padding:10px 0px 10px 0px;
	vertical-align:middle;
}
*/
#menu {
	background-image:url(../images/backgrounds/menu_bg2.png);
    background-color: #1D3F1C;
    color: #ffffff;
    width:837px;
}
#menu a {
    font-size: 11px;
    font-weight: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    display: block;
    margin: 0;
    padding: 5px 2px 5px 5px;
	vertical-align:middle;
}
#menu a:hover {
    background-color: #5A8EC6;
	color:#FC0;
}
#menuInner {
    padding-left: 0px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#menu ul h4 {
    display:block;
    text-align:center;
}
div#menu ul ul li {
    border-bottom: 1px solid #1D3F1C;
    text-align: left;
    width: 160px;
}
div#menu ul ul {
    border-top: 1px solid #1D3F1C;
    border-left: 1px solid #1D3F1C;
    border-right: 1px solid #1D3F1C;
    background-color:#BFDEA5;
    width: 160px;
}
#menu h4,
#menu h4 a{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
	text-align:center;
    margin: 0px 5px 0px 8px;
	
}
#menu h4 {
    color: #ffffff;
    white-space: nowrap;
	text-align: center; 
	display: table-cell; 
	vertical-align: middle;
}
#menu a, .menu a {
    color: #00284F;
    text-decoration: none;
}
#menu a:hover, .menu a:hover {
    color: #ffffff;
    background: #6666ff;
}
#menu li {
    position: relative;
}
#menu ul ul {
    position: absolute;
    z-index: 500;
}
#menu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
}
div#menu ul ul {
    display: none;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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 CSS Popout Menu */ 

================= NEW ==============================
/*
------------------------------ Sets width of Individual Lists --------------------------
#menu {
width: 100%;
background: #eee;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 8em;
float: left;
}
-------------------------------------- Formatting Headers & Anchors-------------------------------------
#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;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
-------------------------------------- Menu Positioning -------------------------------------
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
-------------------------------------- Hiding & Revealing -------------------------------------
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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;}

-------------------------------------- Fix for IE -------------------------------------

body {
behavior: url(http://www.adventusgroup.com/css/csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}