/* 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:#CFE6DD; /* 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: #FFFFFF;
	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" );
	border-left: 1px solid #638D7D;
	border-right: 1px solid #638D7D;
}

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

/* ----------- banner -----------------*/
div#banner {
	margin: 0;
	padding: 0;
	background: #638D7D;
	height: 130px;
	width: 100%;
}
div#logo {
 	float: left;
	margin: 20px 0 2px 17px; /* T R B L */
	padding-left: 17px;
	padding-left:expression("0px");
}
div#ostrich {
	float: right;
	margin: 10px 10px 0 0;
	background: url(assets/ostrich.jpg) top left no-repeat #638D7D;
	width: 81px;
	height: 120px;
}
div#slogan {
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 250px;
	font-family:'Comic Sans MS', cursive;
	color:white;
	font-size:16px;
	font-weight:normal;
}

div#phone {
	float: right;
	text-align: right;
	padding: 0 10px 0 0; /* T R B L */
	margin: 40px 0 0 0; /* T R B L */
	width: 250px;	
}
div#phone p {
	font-family:"Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;	
	margin: 0;
	padding: 0;
	letter-spacing: 0.08em;
	line-height: 1.2em;
}

div#phone a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #1B539C;	
	margin: 0;
	padding: 0;
	text-decoration: none;
}
div#phone a:hover {
	text-decoration: underline;
}
/* ----------- ^ banner ^ -----------------*/
div#underBanner {
	background: #80465C;
	height: 22px;
	margin: 0;
	padding: 4px 0 0 0;
	border-bottom: 1px solid #5C3242;
	border-top: 1px solid #5C3242;
}
div#underBanner p {
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	margin: 0 0 2px 0;
	margin:expression("0 0 5px 0");
	padding: 0 10px 1px 0;
	line-height: 1.1em;
	/*font-variant:small-caps;*/
	letter-spacing: 0.1em;
}
div#underBanner a:link {
	color: #FFFFFF;
	text-decoration: none;
}
div#underBanner a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div#underBanner a:hover {
	color: #9DB4C9;
}
/* -------- left column ----------*/
div#leftcol {
	float: left; 
	background: transparent;
	margin: 0;	
	padding: 18px 0px 10px 0px; /* T R B L */
	width: 177px; /* content + padding + border */	
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 157px; /* content only */
}
/* --------- vertical navigation-------------*/
div#nav ul {
	position: absolute;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 30px 0;
	padding: 0 0 0 5px;
}
div#nav li {
    display: block;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	background: #FFFFFF;
	color: #638D7D;
	margin: 0 0 0 0 ;
	padding: 3px 0 5px 10px;
	width: 145px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 135px; /* content only */
}
div#nav li a:link {	
    display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #638D7D;	
	margin: 0 0 0 0 ;
	padding: 5px 3px 5px 10px;
	border-top: 2px solid #DAF5EB;
	border-left: 2px solid #DAF5EB;
	border-right: 3px solid #48675B;
	border-bottom: 3px solid #48675B;
	line-height: 1.2em;
	width: 145px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 135px; /* content only */
}
div#nav li a:visited {	
    display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #638D7D;	
	margin: 0 0 0 0 ;
	padding: 5px 3px 5px 10px;
	border-top: 2px solid #DAF5EB;
	border-left: 2px solid #DAF5EB;
	border-right: 3px solid #48675B;
	border-bottom: 3px solid #48675B;
	line-height: 1.2em;
	width: 145px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 135px; /* content only */
}
div#nav li a:hover {
	border-top: 3px solid #48675B;
	border-left: 3px solid #48675B;
	border-right: 2px solid #DAF5EB;
	border-bottom: 2px solid #DAF5EB;
}
div#nav li a:active {
	border-top: 3px solid #48675B;
	border-left: 3px solid #48675B;
	border-right: 2px solid #DAF5EB;
	border-bottom: 2px solid #DAF5EB;

}
div#nav li a.YAH:link {
	cursor: text !important;
	border-top: 3px solid #48675B;
	border-left: 3px solid #48675B;
	border-right: 2px solid #DAF5EB;
	border-bottom: 2px solid #DAF5EB;
}
div#nav li a.YAH:visited {/*essential for IE when the current page has been visited */
	border-top: 3px solid #48675B;
	border-left: 3px solid #48675B;
	border-right: 2px solid #DAF5EB;
	border-bottom: 2px solid #DAF5EB;
}
div#nav li.navLabel {
	color: #80465C;
	font-size: 12px;
	font-weight:900;
	font-variant:small-caps;
	padding: 0 0 0 14px;
	width: 150px;
}
/* --------- ^ 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 185px; /* wide left margin keeps the content from wrapping under the left column navigation */
	padding: 20px 40px 50px 20px;  /*T R B L */
	padding-left:expression("0");
	min-height: 450px; /* keeps the content area taller than the left column */
	_height:600px;
}
div.leftContentCol {
	float: left;
	display: inline;
	width: 40%;
	min-height: 100px; /* keeps the content area taller than the left column */
	_height:100px;
}
div.rightContentCol {
	float:right;
	width: 40%;
	padding: 0 20px 0 10px;
	min-height: 100px; /* keeps the content area taller than the left column */
	_height:100px;
}

div#container {
	width: 100%;
	text-align: center;
}
div#logos {
	width: 752px;
	margin: 15px auto 20px auto;
	}
.oneLogo {
	float: left;
	width: 148px;
	text-align: center;
	margin-bottom: 15px;
}
/* content text styling */
h1, h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0;
	font-weight: normal;
	color: #48675B;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}
h2 {
    font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 1em;
}
p {
	font-family:Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 1.5em;
	padding-top: 1.2em; 
	margin: 0;
}
p.firstPara {
	padding-top: 0;
}
.beforeUL {
	margin-bottom:0;
}
.firstParabeforeUL {
	padding-top: 0.3em;
	margin-top:0;
	margin-bottom:0;
}
/* links in the content area */
#content a {
	color: #39648A;
	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: #5C3242;/* the bullet color */
	font-size: 18px;/* the bullet size */
}
#content li p {
	color: #000000;	
	font-family: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;
	padding-bottom: 3px;
}
.floatedPhotoRight p {
	margin: 1px 0 0 0;
	padding: 2px 2px 0 2px;
	font-family: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;
	padding-bottom: 3px;
}
.floatedPhotoLeft p {
	margin: 1px 0 0 0;
	padding: 2px 2px 0 2px;
	font-family: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: #CFE6DD;
	border: 1px solid #9DB4C9;
	width: 190px;
}
.floatedSidebar h2 {
	font-size: 15px;
	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 #CFE6DD;
	border-bottom: 2px solid #CFE6DD;
	width: 250px; /* content + padding + border */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 250px; /* content only */
}
.floatedPullquote p {
	margin: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 1.1em;
	letter-spacing: 0.01em;
	color: #48675B;
	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:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td.contactBox {
	text-align:left;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
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:#CFE6DD;
	font-family:Verdana, geneva, "helvetica neue", arial, 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 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	display:block;
	color: #FFFFFF !important;
	background: #638D7D;	
	padding: 5px 3px 5px 10px;
	border-top: 2px solid #DAF5EB;
	border-left: 2px solid #DAF5EB;
	border-right: 3px solid #48675B;
	border-bottom: 3px solid #48675B;
	line-height: 1.2em;
	text-decoration: none !important;
	font-weight: bold;
	padding: 3px 9px 4px 12px; /* T R B L */
	margin: 4px 0 4px 0; /* T R B L */
	width: 43px;
}
.button:hover {
	border-bottom: 2px solid #DAF5EB;
	border-right: 2px solid #DAF5EB;
	border-left: 3px solid #48675B;
	border-top: 3px solid #48675B;

}
/* ----------------------- Bottom Navigation list styles ---------------- */
div#bottomNav {
	clear: both;
	margin: 0;
	padding: 0;
	background: #F1F8FF;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	z-index: 5;
	border-top: 1px solid #9DB4C9;

}
div#bottomNav ul {
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 0 0;/* T R B L */
	padding: 10px 10px 10px 20px;
}
div#bottomNav li {
	display: inline;
	line-height: 1.7em;
	color: #805968;
	margin: 0 0 0 0; /* T R B L */
	padding: 0 0 0 0;
}
div#bottomNav li a:link {	
	display: inline;
	text-decoration: none;
	color: #805968;	
	padding: 0 5px 3px 8px; /* T R B L */
}
div#bottomNav li a:visited {	
	display: inline;
	text-decoration: none;
	color: #805968;	
	padding: 0 5px 3px 5px; /* T R B L */
}
div#bottomNav li a:hover {
	text-decoration: underline;
}
div#bottomNav li a:active {
	text-decoration: underline;
}
div#bottomNav li a.YAH {
	cursor: text !important;
	color: #48675B !important;
	text-decoration: none !important;
}


/* ------------ footer, where we put the copyright ----------------*/
div#footer {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	background: #80465C;
	border-top: 1px solid #9DB4C9;
	border-bottom: 1px solid #9DB4C9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;	
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #5C3242;
	border-top: 1px solid #5C3242;
}
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: #FFFFFF;
}
div#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration:underline;
}
.clearBoth {
	clear: both;
}
/* ------------ ^ footer ^ ----------------*/