@charset "utf-8";
/* CSS Document */

#navbar {
	width:100%;
	background-color:#000;
	text-align:center;
	position:absolute;
	z-index:100;
	min-width:765px;
	
}

ul#menu {
	width:750px;
	margin:0 auto;
	list-style: none;
	font-weight:bold;
	font-size:12pt;
	height:35px;
}

#menu li {
  float: left;
  position: relative;
  width: 15%;
  list-style: none;
  text-indent:0px;
  padding-left:.5em;
  display:block;
  }
  
#menu li a {
	overflow:hidden;
	text-decoration:none;
	color:#E6E6FF;
	display:block;
	padding-top:10px;
}

#menu a:hover {
	color:#fff;
	}
	

	
#menu li:hover {
	background-color:#333333;
	height:35px;
}

ul.section, ul.section li{
	display:none;
	}
	
#menu li:hover ul.section {
	display:block;
	background-color:#000;
    margin:0;
	padding:0;
	width:10em!important;
	margin-top:5px;
	margin-left:-8px;
	height:auto;
	font-size:12px;
	}
	
#menu li:hover ul.section li {
	 width:10em!important;
	 margin:0;
	 padding:0;
	 text-indent:1em;
	font-size:12px;
	 text-align:left;
	 height:auto;
 }

.last {
	padding-bottom:.5em!important;
	}

ul.section li a {


	}

ul.section li a:hover {

}


#menu li > ul {
	top: auto;
	left: auto;
	width:9em;
	}
	
#menu li:hover ul, li.over ul, #menu li.sfhover ul {
	display: block;
	}

#menu li ul {
	position: absolute;
	width: 9em;
	left: -999em;
}

#menu li:hover ul {
	left: auto;
	width: 9em;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	width: 9em;

}