/* Chrome Menu CSS */

#chromemenu{
	position	: absolute; /*Theme Change here*/
	margin-top	: 92px;
	width		: 860px;
	z-index		: 1;
}

#chromenubackground {
	position	: absolute; /*Theme Change here*/
	margin-top	: 93px;
	width		: 900px;
	height		: 25px;
	z-index		: 0;
	background-color: #a7273a;
/*	background	: url(../images/menubackground.gif) center center repeat-x;
*/}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

#chromemenu ul{
	/*	border				: 1px solid #BBB;*/
	width				: 100%;
	padding-left		: 0px;
	float				: left;
	font				: bold 12px Verdana;
	margin				: 0;
	margin-left			: 20px;
}


#chromemenu ul li{
	display				: inline;
}


#chromemenu ul li a{
	float				: left;
	color				: #FFFFFF;
	font-weight			: lighter;
	padding				: 6px 12px 6px 7px;
	text-decoration		: none;
}

#chromemenu ul li a:hover{
	color	: #CCCCCC;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/

	/*content				:" " url(../images/arrow_down.gif); uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position			: absolute;
	top					: 0;
	border				: 1px solid #BBB; /*Theme Change here*/
	border-bottom-width	: 0;
	font				: normal 11px Verdana;
	line-height			: 18px;
	z-index				: 100;
	background-color	: white;
	width				: 200px;
	visibility			: hidden;
}

.dropmenudiv a{
	width			: 100%;
	display			: block;
	text-indent		: 3px;
	border-bottom	: 1px solid #BBB; /*Theme Change here*/
	padding			: 2px 0;
	text-decoration	: none;
	color			: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
	background-color	: #F0F0F0;
}