.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; font:11px Arial, Helvetica, sans-serif; background-color: #0073b9; width: 140px; visibility: hidden; color: white; z-index: 100; margin-top: 0; }


.dropmenudiv a{ width: 200px; display: block; text-indent: 3px; border-bottom: 1px solid #00436c; /*THEME CHANGE HERE*/
padding: 6px 5px 2px; text-decoration: none; color: #70c9ff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; height: 16px; }

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

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: black; background-color: #f0f0f0; text-decoration: none; }