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

/* ================================================
This copyright notice must be untouched at all times.
The original version of this script and the associated (x)html is available at
http://www.stunicholls.com/menu/pro_dropline_6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any way to fit your requirements.
=======================================++======= */

#preheadermenu #dropcontain {
	position:			relative; 
	z-index:			5; /*5*/
	height:			66px; /*60px to 70px. I may be able to put auto here--dunno.*/
	background-color:	#1b1b1b; /*1b1b1b. backdrop of whole menubar. sample olive*/
	letter-spacing:		normal;
	text-transform:		uppercase;
	margin:			0; /*zero out margin*/
	padding:			0; /*zero out padding*/
}
#preheadermenu #dropouter {
	position:			relative;
	z-index:			3; /*3*/
	height:			36px; /*36px*/
	text-align:			center;  
	width:			100%; /*a guess*/
	background:		url(../images/fades/bluemenufade-1x36.png) repeat-x;
	margin:			inherit;
	padding:			inherit;
}
#preheadermenu #dropmenu {
	height:			36px; /*36px*/
	padding:			0; 
	margin:			0 auto;
	list-style-type:		none;
}
#preheadermenu #dropmenu li {
	float:				left;
}
#preheadermenu #dropmenu li a {
	float:				left;
	display:			block; 
	height:			26px; /*26px. controls height of menu tab and vertical border between top menu items.*/
	line-height:		auto; /*auto. drops top menu text down. doesn't have to have units.*/
	padding-top:		10px; 	/*10px*/
	padding-bottom:	0; 		/*0*/
	padding-left:		20px; 	/*20px*/
	padding-right:		20px; 	/*20px*/
	border-right:		1px solid #1d3550; /*controls color of right border in main level*/
	text-decoration:		none; 
	text-align:			center; 
	white-space:		nowrap; 
	color:			#bca45a; /*bca45a site's default gold; sample lightsteelblue*/
}
/*#dropmenu li a:focus { outline: 0; }*/

#preheadermenu #dropmenu li#li-1.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample darkred*/
	color:			white; 
}
#preheadermenu #dropmenu li#li-2.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample aqua*/
	color:			white;
}
#preheadermenu #dropmenu li#li-3.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample fuchsia*/
	color:			white;
}
#preheadermenu #dropmenu li#li-4.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample purple*/
	color:			white;
}
#preheadermenu #dropmenu li#li-5.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample skyblue*/
	color:			white;
}
#preheadermenu #dropmenu li#li-6.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample skyblue*/
	color:			white;
}
#preheadermenu #dropmenu li#li-7.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample orangered*/
	color:			white;
}
#preheadermenu #dropmenu li#li-8.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample green*/
	color:			white;
}
#preheadermenu #dropmenu li#li-9.clicked a.down {
	background-color:	#1b1b1b; /*1b1b1b; sample pink*/
	color:			white;
}




#preheadermenu #dropsubmenu {
	position:			absolute; 	/*absolute*/
	z-index:			1; 		/*1. I made this 10 temporarily during testing.*/
	display:			block;
	top:				0; 		/*0. controls height of top menu bar*/
	left:				0; 
	width:			100%; 	/*100% a guess*/
	/*height:			auto; lowers the teal background of the submenus. has no effect text on submenu height. this height is in addition to the height of the text. I can't see teal at all.*/
	background-color:	#1b1b1b; 	/*1b1b1b or 123; sample color teal*/
	font-size:			0.89em; /*was 0.9em*/
}
#preheadermenu #dropsubmenu ul {
	position:			absolute; 	/*absolute*/
	display:			block;
	top:				0; 		/*0*/ 
	left:				0; 
	height:			auto; 	/*auto. has something to do with top menu background height. individual colors gets lowered. this is the height of top menu color.*/
	width:			inherit; 	/*inherit a guess*/
	margin:			0 auto;
	padding:			0;
	list-style-type:		none;
}

#preheadermenu #dropsubmenu ul li {
	float:				left;
}
#preheadermenu #dropsubmenu ul li a {
	float:				left;
	display:			block;
	line-height:		31px; 	/*30px. was auto. drops submenu text down. doesn't have to have units.*/
	padding-top:		0px; 		/*0px. was 6px*/
	padding-bottom:	0px; 		/*0px. was 6px*/
	padding-left:		10px; 	/*10px*/
	padding-right:		10px; 	/*10px*/
	color:			#686868;	/*686868. controls color of submenu font; sample color yellow*/	
	text-decoration:		none;
	text-align:			center;
	white-space:		nowrap;
	border-right:		1px solid #333; /*controls submenu's color of right border */
}
#preheadermenu #dropsubmenu ul li a:	 {
	color:			white; 
	background-color:	black; 
}
#preheadermenu #dropsubmenu ul#ul-1 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample darkred*/
}
#preheadermenu #dropsubmenu ul#ul-2 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample aqua*/
}
#preheadermenu #dropsubmenu ul#ul-3 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample fuchsia*/
}
#preheadermenu #dropsubmenu ul#ul-4 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample purple*/
}
#preheadermenu #dropsubmenu ul#ul-5 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample skyblue*/
}
#preheadermenu #dropsubmenu ul#ul-6 {
	background-color:	#1b1b1b; 	/*orangered #1b1b1b; sample orangered*/
}
#preheadermenu #dropsubmenu ul#ul-8 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample green*/
}
#preheadermenu #dropsubmenu ul#ul-9 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample pink*/
}
/*this "last" menu item is used to fake out Opera's bug of displaying text under HOME. in source code, a last item's (currently 9th) content has to be blank. what I needed here is something like top-padding tall enough to cover the text. seems to work.*/
#preheadermenu #dropsubmenu ul#ul-10 {
	background-color:	#1b1b1b; 	/*1b1b1b; sample saddlebrown*/
	padding-top:		24px; 	/*24px seems the best height*/
}