@charset "UTF-8";

@import "dropdown.css";

/* COLOR KEY 
_____________________________

background: 			#71b0f0;
orange: 				#FEA600;
yellow:					#FED900;
blue border: 			#377bdf;
main panel background: 	#42688d;
lighter green: 			#62A940;
dark green:		 		#336d17;



/* GLOBAL SETTINGS
____________________________ */

*								{ margin:0; padding:0; }
html							{ overflow-y: scroll; }
html, body						{ height: 100%; }
body							{ font-size: 16px; background: #71b0f0 url(../images/mainBg.gif) repeat-x; color: #FFF; 
								font-family: Cambria, "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; }
								
ul								{ list-style: none; margin: 0; padding: 0; }
ol								{ list-style: decimal inside; }
a								{ outline: none; text-decoration: none; }
a img							{ border: none; }
img								{ vertical-align: middle; }
.aligncenter 					{ display:block; margin:0 auto; }
.alignleft						{ float:left; margin: 0 15px 15px 0; }
.alignright						{ float:right; margin: 0 0 15px 15px; }
img.alignleft,
img.alignright					{ position: relative; z-index: 10; border: 3px solid #FFF; }
img.noborder					{ border: none; }
.clear 							{ clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


/*	HEADINGS
______________________________*/

h1, h2, h3, h4, h5				{ margin: 0; padding: 0; font-weight: bold; font-family: Cambria, Georgia, Times, 'Times New Roman', serif; }
h1 								{ font-size: 28px; font-style: italic; color:#FFF; text-align: right; margin: 0 110px 10px 0;}
h2 								{ font-style: italic; font-size: 19px; border-bottom: 1px solid #fea600; padding-bottom: 2px; margin: 10px 0; }
h2 a							{ text-decoration: none; color: #FFF; }
h2 a:hover						{ color: #FED900; }
h4 								{ font: normal normal bold 22px Calibri, "Trebuchet MS", Helvetica, sans-serif; }
h2.county						{ border: none; background-color:#036; padding-left: 5px; }
#footer h4						{ padding-top: 20px; }


/*  LAYOUT
_____________________________*/

#container 						{ margin: 0 auto; width: 1002px; background: url(../images/containerBg.jpg) no-repeat; text-align: left; }
#navBar 						{ width: 1002px; height: 25px; }
#content 						{ width: 962px; margin: 0 20px; }
#logo 							{ margin: 35px 0; padding-left: 30px; float: left; }

p 								{ padding-bottom: 20px; line-height: 20px; }
p a, 
p a:link, 
p a:visited 					{ text-decoration: none; color: #FFF; border-bottom: 1px dashed #ffd300; }

p a:hover, 
p a:active, 
p a:focus 						{
	border-bottom: 1px solid #FFF;
	color: #FEA600;
}

p 								{ padding-bottom: 20px; line-height: 20px; }
p b, 
p b:link, 
p b:visited 					{ text-decoration: none; color: #000; border-bottom: 1px dashed #ffd300; }

p b:hover, 
p b:active, 
p b:focus 						{
	border-bottom: 1px solid #FFF;
	color: #FFF;
}

.emphasis						{ font-weight: bold; color: #FED900; }
.link							{ font-weight: bold; padding-bottom: 5px }
.mainPanel 						{ border: 1px solid #fea600; background: #42688d; margin: 0 110px 20px 110px; padding: 15px;}
.list ul 						{ margin: 5px 0 20px 30px;}
.list li 						{ padding: 5px 0 5px 20px; background: url(../images/bullet-arrow.png) left center no-repeat; 
									font: italic normal bold 16px Calibri, "Trebuchet MS", Helvetica, sans-serif;}
								
.maplist ul 					{ margin: 5px 0 10px 20px; font: italic normal bold 16px Calibri, "Trebuchet MS", Helvetica, sans-serif;}
.maplist li						{ padding-bottom: 10px}
.maplist a						{ color: #FFF; border-bottom: 1px dashed #FED900; }
.maplist a:hover				{ color: #FED900; border-bottom: none }
.maplist ul ul li				{ padding: 5px 0 0 20px; background: url(../images/bullet-arrow.png) left center no-repeat;}

.panelLeft 						{ border: 1px solid #fea600; background: url(../images/panelBg.png); padding: 15px; float: left;}
.panelLeft p					{ font-size: 17px }
.panelRight 					{ border: 1px solid #377bdf; background: url(../images/panelBg.png); padding: 15px; float: right;}
.panelRight ul 					{ padding-top: 5px;}
.panelRight li 					{ display: inline;}

.panelRight li a, 
.panelRight li a:link, 
.panelRight li a:visited 		{ font: 12px Arial, Helvetica, sans-serif; color: #ffd300; padding-right: 15px; text-decoration: none;}

.panelRight li a:hover, 
.panelRight li a:active, 
.panelRight li a:focus 			{ color: #FFF; text-decoration: underline;}

.leave 							{ padding-right: 5px; background: url(../images/leaveSiteIcon.gif) right center no-repeat;}
.darkbluebox					{ background: #003262; width: 450px; padding: 20px; border: 1px dashed #FEA600; margin-bottom: 30px; }
.boxheader						{ color: #FED900; font-size: 18px; font-style: italic; text-align:center;}
.yellow							{ color: #FED900; }
.groupbox						{ background: #22578B; padding: 15px; margin-bottom: 40px }


/* HOMEPAGE
_______________________________*/

#home 							{ margin-bottom: 10px;}
#home .panelLeft 				{ width: 500px; padding-top: 25px;}
#home .panelRight 				{ width: 380px; height: 295px;}
#container .free 				{ position: absolute; left: 38px; top: 173px; border: 1px solid #fea600;}
#container .free:hover, 
#home .free.hover 				{ border: 2px solid #FFF;}
h2.news 						{ margin-bottom: 0; }
p.date 							{ font: 11px Arial, Helvetica, sans-serif; color: #ffd300;	float: right;	padding: 0;}
p.news 							{ font: 13px/20px Arial, Helvetica, sans-serif; padding-top: 20px;}
.homepic 						{ margin-bottom: 0; }
.consultation 					{ background: url(../images/free-consultation.png) top left no-repeat; padding: 3px 0 5px 8px; font-weight: bold; width: 210px; float: right; 
								margin: 0 20px 0 0;}

.consultation a 				{ text-decoration: none; color: #FFF; font: 13px "Trebuchet MS", Helvetica, sans-serif;}
.consultation:hover 			{ background: url(../images/free-consultation-hover.png) top left no-repeat;}


/* FOOTER
_______________________________*/

#footerWrap 					{ background: #061903 url(../images/footerExtBg.jpg) repeat-x;}
#footer 						{ background: url(../images/footerTree.jpg) 98% 0% no-repeat; width: 1002px; margin: 0 auto; text-align: left; 
								padding: 80px 0 50px 0;}
								
#footer p 						{ padding-top: 10px; }
.footerPanel 					{ width: 220px; background:url(../images/panelBg.png); border: 1px solid #fea600; font: 14px "Trebuchet MS", Helvetica, sans-serif;	color: #FFF;}
.footer-left 					{ float: left; margin: 47px 0 20px 60px; text-align: center;}
.footer-right 					{ float: right;	width: 270px;	margin-bottom: 10px;}

.footerPanel li a,
.footerPanel li a:link,
.footerPanel li a:visited 		{ display: block; color: #FFF; padding: 3px 0 3px 15px; text-decoration: none;}

.footerPanel li a:hover,
.footerPanel li a:active,
.footerPanel li a:focus 		{ background-color: #000; border-top: 1px solid #fea600; border-bottom: 1px solid #fea600; padding: 2px 0 2px 15px;}

.footerPanel li.first a:hover 	{ border-top: none; padding-top: 3px;}
.footerPanel li.last a:hover 	{ border-bottom: none; padding-bottom: 3px;}
.copyright 						{ float: left; width: 420px;	padding-left: 20px;}