@charset "utf-8";
* {
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
} 

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #aecc8d;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}

/* SITE LINE HEIGHT SPACERS */
#spacer {height: 10px; width: 960px;}
#spacer2 {height: 20px; width: 960px;}
#contactSpacer {height: 10px;}

#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #aecc8d;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #aecc8d; 
	width: 960px;
	height: 119px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#nav-bar {
	height: 31px;
	margin-top: 45px;
	margin-bottom: 0px;
}
#collage1 {
	width: 960px;
	height: 275px;
	background: url("../images/collage1.jpg");
}
#collage2 {
	width: 960px;
	height: 275px;
	background: url("../images/collage2.jpg");
}
#page-title {
	width: 960px;
	height: 65px;
	background: url("../images/page-header-bg.jpg");
	margin-bottom: 20px;
}
#mainContent {
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 960px;
	background: url("../images/body-bg.jpg");
	background-position: bottom;
	background-repeat: no-repeat;	
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	text-align: left;
	color: #438674;
}
#mainContent a {
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	text-align: left;
	color: #438674;
	text-decoration:underline;
}
#mainContentBios {
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 960px;
	background: url("../images/body-bg.jpg");
	background-position: bottom;
	background-repeat: no-repeat;	
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	text-align: left;
	color: #438674;
}
#mainContentBios a {
	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	text-align: left;
	color: #438674;
	text-decoration:underline;
	font-weight: 600;
}

.supportText {padding-left: 30px; padding-right: 30px; margin-bottom: 10px;}
.biosText {font-family: "Trebuchet MS", Arial; font-size: 10pt; text-align: left; color: #438674; padding-left: 30px; padding-right: 30px; margin-bottom: 10px;}


/* SITE FIXED-WIDTH COLUMNS */
#mainBullets{width: 960px; display:block; padding: 0 0; margin: 0; background:none;}
#requestBullets{width: 960px; display:block; padding: 0 0; margin: 0; background:none;}
#formsLeft{font-size: 11pt; margin-left: 300px; width: 35px; height: 35px; float: left; text-align: center; background-image: url("../forms/images/pdf-icon.png"); background-position: center; background-repeat: no-repeat;}
#formsRight{font-size: 12pt; padding-top: 7px; margin-left: 10px; width: 450px; height: 35px; float: left; text-align: left;}
#formsRight a {font-size: 12pt; text-align: left;  text-decoration:underline;}
#column_a{font-size: 11pt; margin-left: 100px; width:250px; margin-right:5px; float:left; text-align: left;}
#column_b{font-size: 11pt; width:250px; margin-right:5px; float:left; text-align: left;}
#column_c{font-size: 11pt; width:250px; float:left; text-align: left;}
#hoursColumnLeft{font-size: 11pt; margin-left: 20px; width:340px; height:425px; float:left; text-align: center;}
#hoursColumnRight{font-size: 11pt; width:560px; height:425px; margin-left:20px; margin-right:20px; float:left; text-align: left;}
#contactColumnLeft{font-size: 11pt; margin-left: 155px; margin-right: 5px; width:320px; float:left; text-align:center; font-family: "Trebuchet MS", Arial; font-size: 12pt; color: #438674;}
#contactColumnRight{font-size: 11pt; width:320px; margin-left:5px; margin-right:155px; float:left; text-align: center; font-family: "Trebuchet MS", Arial; font-size: 12pt; color: #438674;}
#serviceColumnLeft{font-size: 11pt; margin-left: 20px; width:300px; height: 230px; float:left; text-align: center;}
#serviceColumnLeft2{font-size: 11pt; margin-left: 20px; width:300px; height: 480px; float:left; text-align: center;}
#serviceColumnLeft3{font-size: 11pt; margin-left: 20px; width:300px; height: 400px; float:left; text-align: center;}
#serviceColumnRight{font-size: 11pt; margin-left:20px; margin-right: 20px; width:600px; height: 230px; float:left; text-align: left; line-height: 1.3;}
#serviceColumnRight2{font-size: 11pt; margin-left:20px; margin-right: 20px; width:600px; float:left; text-align: left; line-height: 1.3;}
#serviceColumnRight3{font-size: 11pt; margin-left:20px; margin-right: 20px; width:600px; height: 400px; float:left; text-align: left; line-height: 1.3;}

#serviceColumnRight p{margin-bottom: 10px;}
#left {width: 249px; height: 119px; float: left;}
#right {width: 711px; height: 119px; float: right;}

#requestColumnLeft{font-size: 11pt; width:130px; margin-left:200px; height: 25px; float:left; text-align: left;}
#requestColumnRight{font-size: 11pt; width:400px; margin-left:20px; height: 25px; float:left; text-align: left;}
#requestColumnLeftTextArea{font-size: 11pt; width:200px; margin-left:130px; height: 30px; float:left; text-align: left;}
#requestColumnRightTextArea{font-size: 11pt; width:400px; margin-left:20px; float:left; text-align: left;}
#requestColumnLeftB{font-size: 11pt; width:200px; margin-left:120px; height: 25px; float:left; text-align: left;}
#requestColumnRightB{font-size: 11pt; width:210px; margin-left: 20px; height: 25px; float: left; text-align: left;}
#requestColumnRightState{font-size: 11pt; width:40px; height: 25px; margin-left: 10px; float: left; text-align: left;}
#requestColumnRightD{font-size: 11pt; width:60px; height: 25px; margin-left: 0px; float: left; text-align: left;}
#requestColumnRightZip{font-size: 11pt; width:30px; height: 25px; margin-left: 0px; float: left; text-align: left;}
#requestColumnRightF{font-size: 11pt; width:50px; height: 25px; margin-left: 0px; float: left; text-align: left;}
#clear {
clear: both;
}

#pdf {
	padding: 0 0 10px 0;
	text-align: center;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #438674;
	text-decoration:none;
}
#pdf a {
	padding: 0 0;
	margin: 0;
	text-align: center;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	font-weight: 600;
	color: #438674;
	text-decoration:underline;
}
.mainContentText {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 1.5;
	text-align: left;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #438674;
}
.mainContent h3 {
	text-align: center;
	font-family:"Trebuchet MS", Arial;
	font-size: 16px;
	color: #438674;
}
.missionStatement {
	margin-top: 10px;
	margin-left: 150px;
	margin-right: 150px;
	line-height: 2.0;
	text-align: left;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	font-style: italic;
	font-weight: 600;
	color: #438674;
}
.mapText {
	line-height: 1.2;
	text-align: left;
	font-family: "Trebuchet MS", Arial;
	font-size: 11pt;
	color: #438674;
	margin-bottom: 10px;
}
.hoursText {
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 1.5;
	text-align: center;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #438674;
}
.contactOfficeText {
	text-align: center;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: black;
}
#requestForm {
	line-height: 35px;
	width: 960px;
	text-align: center;
	margin-top: 20px;
	margin-left:auto;
	margin-right: auto;
}
.formblock {
	height: 20px;
	margin-top: 4px;
	background-color: #FFFFCC;
	font: Arial;
	font-size: 10pt;
	color: #438674;
	border: solid 1px #438674;
}
.formblock2 {
	background-color: #FFFFCC;
	margin-top: 4px;
	font: Arial;
	font-size: 10pt;
	color: #438674;
	border: solid 1px #438674;	
}
.formblock3 {
	background-color: #FFFFCC;
	font: Arial;
	font-size: 10pt;
	color: #438674;
	border: solid 1px #438674;
}
textarea {
	font-family: "Trebuchet MS", Arial;
	font-size: 100%;
	overflow:hidden;
	border: solid 1px #438674;
	margin-top: 8px;
 }
select { 	background-color: #FFFFCC;
	font: Arial;
	font-size: 10pt;
	color: #438674;
	border: solid 1px #438674;
} 
#leftContact {
width: 430px;
float: left;
font-family: "Trebuchet MS", Arial;
font-size: 12pt;
color: #438674;
text-align: center;
padding-left: 50px;
padding-right: 0px;
}
#rightContact {
width: 430px;
float: right;
font-family: "Trebuchet MS", Arial;
font-size: 12pt;
color: #438674;
text-align: center;
padding-left: 0px;
padding-right: 50px;
}
#emails {
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 960px;
	margin-bottom: 20px;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	text-align: left;
	color: #438674;
}
#emails p{
	padding-left: 30px;
	padding-right: 30px;
	line-height: 1.2;
	text-align: center;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #438674;
}
#emails a {
	margin: 0;
	padding: 0 0;
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	text-decoration:underline;
	color: #438674;
	font-weight: 600;
}

input.formbutton {
	cursor:pointer;
	width: 90px;
	height: 20px;
	font-weight:600;
	border: none;
	background: url(../images/formbg.gif) 0 0 no-repeat;
	font-family: "Trebuchet MS", Arial;
	color: #FFFFCC;
	padding-bottom: 4px;
}

input.formbutton:hover{
	cursor:pointer;
	width: 90px;
	height: 20px;
	font-weight:600;
	border: none;
	background: url(../images/formbg.gif) 0 0 no-repeat;
	font-family: "Trebuchet MS", Arial;
	color: black;
} 
#footer {
	width: 960px;
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#aecc8d;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-family: "Trebuchet MS", Arial;
	font-size: 9pt;
	text-align: right;
}
#footer a {
	margin: 0;
	padding: 0 0;
	font-family: "Trebuchet MS", Arial;
	font-size: 9pt;
	text-decoration:underline;
	color: #438674;
}