/*------MAIN MENU DROPDOWN CSS---------------*/

.menustyle{

width: 99%;

font-weight: bold;

}



.menustyle:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.menustyle ul{

width: 100%;

background: url(/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/

margin: 0;

text-align: center; /*set value to "left", "center", or "right"*/

}



.menustyle ul li{

display: inline;

}



.menustyle ul li a{

color: #494949;

margin: 0;

text-decoration: none;

}



.menustyle ul li a:hover{

background: url(/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/

}



.menustyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " v";*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/

}





/* ######### Style for Drop Down Menu ######### */



.dropmenudiv{

position:absolute;

top: 0;

margin-top:-2px;

*margin-top: 8px;

border: 1px solid #BBB; /*THEME CHANGE HERE*/

border-bottom-width: 0;

font:normal 12px Arial;

line-height:18px;

z-index:100;

background-color: white;

width: 200px;

visibility: hidden;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/

}





.dropmenudiv a{

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: #333;

padding-left:12px;

}



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

width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

background-color: white;

color:#66cc33;

border-left:5px solid #66cc33;

padding-left:7px;

}



/*STYLES FOR UPPER RIGHT NAVIGATION-------------*/

#upper_right_nav {

	float:right;

	margin-top:10px;

	margin-bottom:10px;

}

#upper_right_nav ul {

	list-style: none;

	padding: 0;

	margin: 0;

} 

#upper_right_nav li {

	font-size:11px;

	font-weight:300;

	color:#999999;

	float: left;

	padding: 0 15px;

	text-align:center;

}

.navline {

	border-right:1px solid #ccc;

}

#upper_right_nav li a:link, #upper_right_nav li a:visited, #upper_right_nav li a:active {

	color: #999999;

	text-decoration:none;

}

#upper_right_nav li a:hover {color: #66cc33}



/*STYLES FOR MAIN NAVIGATION-------------*/

#main_nav {

	margin-top:10px;

	margin-bottom:10px;

	height:27px;

}

#main_nav ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

	width:936px;

	height:27px;

	border-top:5px solid #ccc;
	
	background-image:url(/images/nav_bg.jpg);

	background-repeat:repeat-x;

	background-position:bottom;

} 

#main_nav li {

	font-size:14px;

	font-weight:bold;
	font-family: Arial;
	

	color:#000000;

	float: left;

	text-align:center;

	border-right:1px solid #ccc;

}

#main_nav a {

	display:block;

	width:90px;

	height:23px;

	padding-top:9px;

	margin-top:-4px;

}

#main_nav li a:link, #main_nav li a:visited, #main_nav li a:active {

	color: #333;

	text-decoration:none;

}

#main_nav li a:hover {

	color: #66cc33;

	border-top:4px solid #66cc33;

	font-weight:bold;

	padding-top:5px;

}

/*------FOOTER NAVIGATION-------*/

#footer {

	height:27px;

	text-align:center;

	border-bottom:5px solid #CCC;

	background-color:#66cc33;

}

#footer ul {

	list-style: none;

	padding: 0px;

	margin: auto;

	height:27px;

	width:600px;

	background-repeat:repeat-x;

	background-position:bottom;

} 

#footer li {

	padding:0px;

	margin:0px;

	font-size:10px;

	color:#fff;

	float:left;

}

#footer a {

	display:block;

	height:23px;

	margin-right:15px;

	margin-top:7px;

}

#footer li a:link, #footer li a:visited, #footer li a:active {

	color: #fff;

	text-decoration:none;

}

#footer li a:hover {

	color: #000;

}