* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; overflow: auto;}
body {
	background-color:#000000;
}
#body-div {width:100%;height:100%;background-color:#1c1c1c;float:left;}
#body-menu-div {width: 200px;z-index:1;float:left;
/*border:thin solid red;*/
 }
#body-content-div {z-index:0;float:left; }/* Z-index default is 0, List needs to expand+overlap content area */


#menu {
	width:  150px;
	/*background: blue;*/
margin-left:10px;
	text-align:left;
	padding-left:10px;
	background-color:#1c1c1c;

}

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

}

#menu a, #menu h2 {
font: bold 11px/14px arial, helvetica, sans-serif;
display: block;

/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb; HERE TO MODIFY THE BUTTONS OR GIVE IT A BORDER*/
margin-left: 0;
padding: 2px 3px; /* height for buttons */
}

#menu h2 {
	color: #FF8000;
	padding-left:30px;
	text-align:left;
	letter-spacing:1px;
	/*background: orange;*/
padding-top:5px;
	padding-bottom:15px;
	background-image: url('images/nav_icon.gif');
	background-repeat: no-repeat;
	font-size:12px;
}
/*  main menu listings */
#menu a {
	color: white;
	background:#1c1c1c;
	text-decoration: none;
	border-bottom: 1px solid #484848;
	padding-left:15px;

}

#menu a:hover {
color:#FF8000;
/*background: #717171;*/

}

#menu li {
	position: relative;

}

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

#menu ul ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;z-index:2;
}

.headerunderline {
border-top:1px solid #ffffff;
}