﻿/* Chrome CSS Drop Down Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)*/
#nav{
}
.chromestyle{
	width:99%;	
}
:after.chromestyle{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
margin:0;
}

.chromestyle ul{
width: 100%;
padding: 0px 0;
margin: 0;
text-align: center;
}

.chromestyle ul li{
display: inline;

}

.chromestyle{
	color: #524DA1;
	padding: 0px;
	margin: 11 0;
	text-decoration: none; word-spacing:-7; line-height:100%;
	
}
/* TOP menu bar  */
ul li a{
 padding:6px; 
	color: #4D88A0;
	background-color:#FFFFFF ;
	text-decoration: none;
	text-align:center; 
	margin: 11 0;
	height: 30px;
	width: 350px;
	line-width: 350px; 
}

.chromestyle ul li a:hover{
	color: #4D88A0;
	background-color:#FFFFFF ;

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	border:0001px solid #605F00;	
	position: absolute;
	top: 0;
	line-height: 120%; 
	z-index: 200;
	visibility: hidden;
	text-align:center; 
	width:355px;
	color: #4D88A0;
	background-color:#FFFFFF ;
	border:0001px solid #FFFFFF ;	
}


.dropmenudiv a{
	width: 355px;
	border:000px solid #605F00;	
	display: block;
	padding: 0px 0px;
	text-decoration: none;
	color: #524DA1;
	color: #4D88A0;
	background-color:#f0f0f0 ;
	text-align:left;	
	border:0001px solid #FFFFFF ;	

}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFFED3; color:#4D88A0; 
text-align:left;

}