/* Sean Sep 2008: Modified for consistent rendering between IE and Mozilla based browsers (Firefox, Chrome and Safari)*/
.chromestyle{
	width: 99%;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:white;
}

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

.chromestyle ul{
	border: 0;
	width: 100%;
	height: 35px;
	margin: 2px 0px 0 0;   												/* Need to specify all the margins to get consistent rendering in IE*/
	padding: 0 0 11px 0;
	background: url('../images/toolbar.png') center center no-repeat;	/*THEME CHANGE HERE*/
	text-align: center;
}

.chromestyle ul li{
	display: inline;													/* IMPORTANT: This is what makes it a horizontal menu, and not a list*/
}

.chromestyle ul li a{
	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 12px 15px 9px 15px;				
	text-decoration: none;
	/*border-right: 1px solid #B0B0B0;*/  								/*Works in IE, but the border extends all the way to the top of the document in Firefox *sigh* not really needed anyway.*/
	font-size: 11px;
}


.chromestyle ul li a:hover{
	background: url('../images/chromebg-over.png') bottom center  repeat-x; /*THEME CHANGE HERE*/
	color:#EFEFEF;
}

/*HTML to indicate drop down link*/
.chromestyle ul li a[rel]:after{ 
	content: "";
	/*content: " " url(../images/downimage.gif); /*uncomment this line to use an image instead*/
}


/* --------------- Style for Drop Down Menu --------------- */
.dropmenudiv{
	position: absolute;
	top: 0px;
	border: 1px solid #BBB;												/*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height: 16px;
	z-index: 100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	overflow: auto;
	text-align: left;
}

.dropmenudiv a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#DDDDDD;
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; 			/*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: black;
	font-size: 11px;
}

.dropmenudiv a:link   	{font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color:gray}
.dropmenudiv a:visited	{font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none;}
.dropmenudiv a:hover   	{font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:#666666;}
.dropmenudiv a:active  	{font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px;}

* html .dropmenudiv a{ 						/*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{					 	/*THEME CHANGE HERE*/
	background-color: #EEEEEE;
}