/* Copyright (c) 2005 Service First Webmasters, Inc. All Rights Reserved. */

body,html {
	text-align: center; /*for IE5x only*/
	margin:0; padding:0;
}
body {/*this is separated because DW applies the html background to everything */
	background-color:#002412; /* the color shown outside the 780 or 1004-wide page div */
}
/* ---------- page - the biggest div, containing everything else ------------*/
div#page {
	text-align:left;/* to counteract the IE5x hack in the body tag for centering*/
	padding: 0;
	margin: auto; /* set this margin to zero for stuck-left designs, auto for float-center */
	background: #FDFFED;
	width: 96.8%;
	min-width: 780px;
	max-width: 1004px; 
	/* the width expression rule for IE only must have the following somewhere in the document:	<?xml version="1.0" encoding="ISO-8859-1"?>	We don't know why. However, having that xml line ruins the smartscroller on the forms pages. You must remove it from the forms page to get the smartscroller to work. IE will still load the forms page ok, but may crash upon resizing the browser. */
	width:expression(document.body.clientWidth < 780 ? "780px": document.body.clientWidth > 1004 ? "1004px": "auto" );
}

/* --------------- ^ page ^ ---------------*/

/* ----------- banner -----------------*/
div#banner {
	margin: 0;
	padding: 0;
	background: url(assets/bannerright.jpg) 334px top no-repeat ;
	height: 169px;
	width: 100%;
}
div#logo {
 	float: left;
	margin: 0; /* T R B L */
	padding: 0;
	background: url(assets/bannerleft.png) left top no-repeat;
	height: 169px;
	width: 334px;
}
div#logo img {
	margin: 22px 0 0 30px;
}
/* ----------- ^ banner ^ -----------------*/

/* -------- left column ----------*/
div#leftcol {
	float: left; 
	background: url(assets/leftcol_bottom.png) left bottom no-repeat #FDFFED;
	margin: 0;	
	padding: 0; /* T R B L */
	width: 157px; 
	height: 316px;
}
/* --------- vertical navigation-------------*/
div#nav ul {
	position: absolute;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}
div#nav li {
    display: block;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.05em;
	background: transparent;
	color: #002412;
	margin: 0;
	padding: 0;
	width: 157px; 
	height: 42px;

}
div#nav li a:link {	
    display: block;
	text-decoration: none;
	color: #002412;
	background: url(assets/btn_bg.png) top left no-repeat;
	margin: 0 0 0 0 ;
	padding: 6px 0 0 26px;
	line-height: 1.2em;
	width: 183px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 157px; /* content only */
	height: 42px;
}
div#nav li a:visited {	
    display: block;
	text-decoration: none;
	color: #002412;
	background: url(assets/btn_bg.png) top left no-repeat;
	margin: 0 0 0 0 ;
	padding: 6px 0 0 26px;
	line-height: 1.2em;
	width: 183px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 157px; /* content only */
	height: 42px;
}
div#nav li a:hover {
	background: url(assets/btn_bg_over.png) top left no-repeat;
	color: #FDFFED;
}
div#nav li a:active {
	background: url(assets/btn_bg_over.png) top left no-repeat;
	color: #FDFFED;
}

div#nav li a.YAH{
	_cursor: text !important;
	background: url(assets/btn_bg_over.png) top left no-repeat !important;
	color: #FDFFED !important;
}
div#nav li a.YAH {
	cursor: text !important;
}
/* --------- ^ vertical  navigation ^ -------------*/

div#badge1 {
	position: relative;
	text-align:center;
	top: 450px;
	padding: 5px 5px 10px 5px;
	background: transparent;
	margin: 50px 15px 0 20px;
}
div#badge1 p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

/* -------------content---------------*/
div#content {
	margin: 0 0 0 190px; /* wide left margin keeps the content from wrapping under the left column navigation */
	padding: 20px 35px 50px 2px;  /*T R B L */
	padding-left:expression("0");
	min-height: 420px; /* keeps the content area taller than the left column */
	_height:420px;
}
div#flashcontent {
	width: 99%;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}
div.contentContainer {
	margin-top:10px;
	width: 99%;
	clear:right;
}
/* content text styling */
h1, h2 {
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-weight: normal;
	color: #002412;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
}
h2 {
    font-size: 17px;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 1em;
}
p {
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 1.5em;
	padding-top: 1.2em; 
	margin: 0;
}
p.firstPara {
	padding-top: 0;
}
/* links in the content area */
#content a {
	color: #002412;
	text-decoration: underline;
}
#content ul {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 5px 2em; /* T R B L */
	padding: 0;
}
#content li {
	color: #002412;/* the bullet color */
	font-size: 18px;/* the bullet size */
}
#content li p {
	color: #000000;	
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px; 
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0.4em 0 0 0;
	}
.floatedPhotoRight {
	float: right;
	margin: 10px 0 5px 15px;  /* T R B L */
}
.floatedPhotoRight img {
	display: block;
	border: 1px solid #BBC28B;
	margin-bottom: 3px;
}
.floatedPhotoRight p {
	margin: 1px 0 0 0;
	padding: 2px 2px 0 2px;
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
}
.floatedPhotoLeft {
	float: left;
	margin: 10px 15px 5px 0;  /* T R B L */
}
.floatedPhotoLeft img {
	display: block;
	border: 1px solid #BBC28B;
	margin-bottom: 3px;
}
.floatedPhotoLeft p {
	margin: 1px 0 0 0;
	padding: 2px 2px 0 2px;
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
}
.floatedSidebar {
	float: right;
	margin: 10px 0 5px 15px;  /* T R B L */
	padding: 6px 6px 6px 6px;
	background: #E5E8CA;
	border: 1px solid #BBC28B;
	width: 190px;
}
.floatedSidebar h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
}
.floatedPullquote {
	float: right;
	margin: 10px 0px 15px 25px;  /* T R B L */
	padding: 5px 0px 8px 0px;  /* T R B L */
	border-top: 2px solid #BBC28B;
	border-bottom: 2px solid #BBC28B;
	width: 250px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 250px; /* content only */
}
.floatedPullquote p {
	margin: 0;
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.1em;
	letter-spacing: 0.01em;
	color: #002412;
	padding: 0px 5px 0px 8px;  /* T R B L */	
}
/* the styles for the contact form */
td.contactLabel {
	text-align:right;
	vertical-align:top;
	padding: 3px 3px 3px 0;
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
td.contactBox {
	text-align:left;
	vertical-align:middle;
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
table.contactForm {
	clear: both;
	margin: 10px auto 0px auto; /* T R B L */
	border-collapse: collapse;
	width: 200px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 200px; /* content only */ 
}
.formBox {
	background-color:#E5E8CA;
	border: 1px solid #BBC28B;
	font-family:"AbadiMT-Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1em;
	padding: 2px;
}

.validationSummary, .validationSummary ul {
	font-family:Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	line-height: 1.4em;
	margin: 0.8em 0 0 3em; /* T R B L */
	padding: 0;	
}
.validationSummary li {
	color: #FF0000 !important;
	list-style-type: disc;
	list-style-position: outside;
}
.validationSummary li b{
	font-family:Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.hiddenForm {
	margin:0;
	padding:0;
}

.button {
    display: block;
	text-decoration: none !important;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #002412;
	background: url(assets/button_bg.png) top left no-repeat;
	margin: 0 0 0 0 ;
	padding: 5px 0 0 30px;
	line-height: 1.2em;
	width: 183px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 120px; /* content only */
	height: 42px;
}
.button:hover {
	color: #FDFFED !important;
	background: url(assets/button_bg_over.png) top left no-repeat;

}
/* ----------------------- Bottom Navigation list styles ---------------- */
div#bottomNav {
	clear: both;
	margin: 0;
	padding: 0;
	background: #9DC28B;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
}
div#bottomNav ul {
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 0 0;/* T R B L */
	padding: 9px 10px 10px 20px;
}
div#bottomNav li {
	display: inline;
	line-height: 1.7em;
	color: #002412;
	margin: 0 0 0 0; /* T R B L */
	padding: 0 0 0 0;
}
div#bottomNav li a:link {	
	display: inline;
	text-decoration: underline;
	color: #002412;	
	padding: 0 5px 3px 8px; /* T R B L */
}
div#bottomNav li a:visited {	
	color: #002412;	
}
div#bottomNav li a:hover {
	color: #FDFFED;
}
div#bottomNav li a:active {
	color: #FDFFED;
}
div#bottomNav li a.YAH {
	cursor: text !important;
	color: #FDFFED !important;
	text-decoration: none !important;
}
div#contactInfo {
	background: url(assets/water_bottom.jpg) top left no-repeat;
	height: 80px;
}
div#contactInfo p {
	font-weight: bold;
	color: #FDFFED;
	line-height: 1.2em;
}
div#contactInfo a {
	color: #FDFFED !important;
}
div#contact1 {
	float: left;
	width: 55%;
	margin: 0 0 0 13px;
	padding: 10px 0 0 15px;
	margin: expression("0 0 0 15px");
	padding: expression("10px 0 0 0");
}
div#contact2 {
	padding: 0 0 0 0;
	margin: 0 0 0 30px;
	padding: 10px 0 0 0;
	margin: expression("0 0 0 30px");
}

/* ------------ footer, where we put the copyright ----------------*/
div#footer {
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	background: #BBC28B;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #FDFFED;	
	height: 30px;
	width: 100%;
}
div#footer .copy {
	font-family: Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 10px;
}
div#footer .allRights {
	float: left;
	padding: 10px 0 0 25px;
	background: transparent;
	margin: 0;
	font-family: Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 10px;
	color: #FDFFED;
}
div#footer a {
	color: #FDFFED;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration:underline;
}
.clearBoth {
	clear: both;
}
/* ------------ ^ footer ^ ----------------*/