/* Drop Menus on any Page */

/*These Dropdowns are blue bar and rollovers go from white lettering  to grey
---Most of the bugs are out and tested from IE5 to IE7 and firefox browsers
---They have to have some Javascript to work with IE5-6 They work fine without the Java for IE7*/

/*This Div is the container for the whole horizontal Bar*/
/*Without a top padding of 5 Firefox doesn't expand the bar properly*/
/*Set The Background color for the Bar Here and the width and height*/
#title_bar {
	background-image: none;
	height: 23px;
	width: 1000px;
	padding-top: 3px;
	margin-top: 0px;
	margin-left: 0px;
	background-repeat: repeat;
	background-position: left top;
	padding-left: 25px;
	margin-bottom: 0px;
	position: relative;
	z-index: 4;
	background-color: #000000;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/*Get rid of the bullits for the normal list items*/
.topmenu_ul ul {
list-style-type: none;
}
/*Get rid of bullits, make the list float in a line to the left*/
/*Don't know what the significance ot the relative position is but I left it in anyway*/
/*Had to set a fixed width just because stupid IE was acting up the submenu items would float to far to the right*/
/*And when you rolled over them they were a bitch to click on */
.topmenu_li {
	float: left;
	position: relative;
	list-style-type: none;
	clear: right;
	width: auto;
}
/*Set your link colors, fonts, and backgrounds here for the top level links*/
.topmenu_li a {
	text-decoration: none;
	font-variant: normal;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

/*Set the hover state for the top level link compliment to above css for the a link*/

.topmenu_li a:hover {
	font-size: 11px;
	line-height: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
}

/*Further formatting for the top level link this is where the right hand double bar is placed*/
/*Make sure display is set to block or the list items won't drop down */
/*Don't go over 4 pixels padding on the box or the menus really go wonkie*/
.top_menu_title {
	display: block;
	text-align: center;
	padding: 3px;
	color: #000000;
	border-right-width: 4px;
	border-right-style: double;
	border-right-color: #FFFFFF;
}

/*Quite a lot of the formatting for the submenu Links*/
/*Box Likes to be set to a specific width*/
/*Background color and left side border adds a lot to the drop down items*/
/*Notice Display set to none and position set to absolute*/
/*Margin set to -1 so it goes up to the master links a bit looks cool*/
/*padding of 3px all around makes the submenu items stand out when the box drops down*/
.submenu_ul {
	background-color: #FFFFCC;
	border-left-width: 5px;
	border-left-style: double;
	border-left-color: #666666;
	position: absolute;
	text-align: left;
	vertical-align: top;
	background-position: left top;
	width: 130px;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	font-size: 11px;
	line-height: normal;
	list-style-type: none;
	margin-top: -1px;
	display: none;
	text-transform: capitalize;
	color: #CCCCCC;
}


.submenu_li a {
	text-decoration: none;
	display: block;
	color: #000000;
	padding: 1px;
	font-size: 11px;
	line-height: normal;
	text-transform: capitalize;
}

.submenu_li a:hover {
	background-color: #336699;
	color: #FFFFFF;
}

#dmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	width: 767px;
}

/*Magic CSS that uses the JavaScript above to turn on the nested list*/
li:hover ul , li.over ul{ /*lists nested under hovered list items*/ 
	display: block;
}