/* CSS Document */

/*--------------------------------------------------------------------------*/
/*CSS MENU STYLES*/
/*--------------------------------------------------------------------------*/
  
  ul#dropdown { /* all lists */
	z-index: 1000;
	margin: 0; padding-bottom: 0px;
	list-style: none; 
	background: none;
	width: 600px; height:inherit;}
	
ul#dropdown a:hover {text-decoration: underline; z-index: 1000;
	margin: 0; padding-bottom: 0px;
	list-style: none;
	background: none;
	width: 600px; height:inherit;}

ul#dropdown a { /* all lists */
	z-index: 1000;
	margin: 0;
	list-style: none;
	background: none;
	color: #679ef1;
	width: 600px;
	text-decoration: none;}
	
.dropdown ul { /* all lists */
	z-index: 1000;
	list-style: none; margin: 0;
	background: none;
	color: #679ef1;
	width: 600px;}
	
.dropdown li { /* all list items */
	cursor: pointer; z-index: 1000;
	float: left; margin: 0;
	position: relative; 
	background: none;
	color:#333333; 
	padding-left: 0px;
	/*width: 110px;*/}
	
.dropdown li ul { /* second-level lists */
	position: absolute; 
	z-index: 1000;
	top: 16px;
	left: 11px; line-height:20px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #99CCFF;
	width: 260px;
	margin: 0px;
	border-left:1px solid #2894FF;
	border-right:1px solid #2894FF;
	border-bottom:1px solid #2894FF;
	color:#333333;
	}
	
.dropdown li ul.sub-menu-list li{ 
	background-color: #9cf !important;}
	
.dropdown li ul.sub-menu-list{
	display: none;}
	
.dropdown li >.dropdown ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;}
	
.dropdown li:hover ul.sub-menu-list,.dropdown li.over ul.sub-menu-list { /* lists nested under hovered list items */
	display: block; 
	background-color: #99CCFF;
	color:#333333;}
	
.spacer{
	font-size: 60%;
	color: #808080;}
	
.dropdown {
	color: #808080;
	background-color: #000000;}