.chromestyle{
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	position: absolute; width: auto; height: 0; visibility: hidden; content: "."; display: inherit; }

.chromestyle ul{
	margin: 0;
}

.chromestyle ul li{ display: inherit; }

.chromestyle ul li a{
	color: #cccccc;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0;
}

.chromestyle ul li a:hover{ color: #000000; background-color: #cccccc; background-image: none; }

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	visibility: hidden;
	color: #003366;
	background-color: #F0F0F0;
	text-decoration: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}


.dropmenudiv a{
	width: 190px;
	display: block;
	text-indent: 15px; /*THEME CHANGE HERE*/
	padding: 6px 5px 2px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 16px;
	background-image: url(../images/menubar.gif);
	list-style-position: outside;
	list-style-type: square;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../images/menubar2.gif);
}

.dropmenudiv li.current a:link, 
.dropmenudiv li.current a:visited, 
.dropmenudiv li.current a:hover, 
.dropmenudiv li.current a:active {
	color: #FFFFFF;
	background-color: #CCCCCC;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../images/menubar2.gif);
}
.dropmenudiv ul { list-style: none; margin: 0 auto; padding: 0; width: auto; }
.dropmenudiv li { margin-left: 0; width: auto; padding-left: 0; display: inline; }

