/* Fix IE. Hide from IE Mac \*/
#navbar ul li 
{
    float: left; width: 100%;
}

#navbar ul li a 
{
    height: 1%;
} 

#navbar a, #navbar h2 
{
    font: bold 0.7em/1.4em verdana, arial, helvetica, sans-serif;
}
/* End */

#navbar 
{
    width: 100%;
    background: #000000;
    float: left;
}

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

#navbar ul a
{
   display: block; 
}

#navbar ul ul a, #navbar ul ul ul a, #navbar h2, #logout2 a 
{
    
    font-weight: bold;
    font-family: arial;
    font-size: 11px;
    display: block;
    margin: 0;
    padding: 2px 2px;
}

#navbar h2, #logout2 a 
{
    color: #fff;
    background: #000000;
    text-transform: uppercase;
}

#logout2 a 
{
    text-decoration: none;    
}


#navbar ul a
{
    text-decoration: none;
    color: #fff;
    background: #000000;
    text-transform: capitalize;
}

#navbar ul ul a 
{
    color: #000;
    background: #c5ba8e;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
}

#navbar ul ul ul a
{
    color: #000;
    background: #e0d8b8;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
}
    
#navbar ul ul a:hover 
{
    color: #000;
    background: #eee9d4;
}



#navbar li 
{
    position: relative;
}

#navbar ul ul 
{
    width: 130;
    min-width: 11em;
    max-width: 11em;
    position: absolute;
    z-index: 500;
}

#navbar ul ul ul 
{
    width: 130;
    min-width: 11em;
    max-width: 11em;
    position:absolute;
    top: 0;
    left: 100%;
}





div#navbar ul li.over ul, div#navbar ul li:hover ul
{
    display: block;
}
           
div#navbar ul ul, div#navbar ul li:hover ul ul, div#navbar ul ul li:hover ul ul,
div#navbar ul li.over ul ul, div#navbar ul ul li.over ul ul
{
    display: none;
}



div#navbar ul li:hover ul, div#navbar ul ul li:hover ul, div#navbar ul ul ul li:hover ul,
div#navbar ul li.over ul, div#navbar ul ul li.over ul, div#navbar ul ul ul li.over ul
{
    display: block;
}





/////////////////////////////////////////////////////////////

body {
	font-family: arial, helvetica, serif;
}

#nav li 
{
    float: left; width: 100%;
}

#nav li a 
{
    height: 1%;
} 

#nav ul ul a
{
    color: #000;
    background: #c5ba8e;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
	line-height: 1.5;
}

#navbarx, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: left;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav ul ul a:hover 
{
    color: #000;
    background: #eee9d4;
}
#content {
	clear: left;
	color: #ccc;