.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;
	visibility: hidden;
	color: #ffffff;
	margin-top: 0;
	background-color: #7DC4D0;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #F992C2;
	border-bottom-color: #333333;
	display: block;
	border-left-style: dotted;
	border-left-color: #F992C2;
	border-left-width: 1px;
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 15px;
	border-bottom: 1px solid #cacccd; /*THEME CHANGE HERE*/
	padding: 4px 5px 2px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 14px;
	list-style: square;
}

* html .dropmenudiv a{ /*IE only hack*/
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	color: #008CA1;
	background-color: #FBC1DB;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
