/* 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:#FFFFFF; /* the color shown outside the 780 or 1004-wide page div */
}
.body {/*this is separated because DW applies the html background to everything */
	background-color:#345383; /* 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: #FDF1BF;
	width: 96.8%;
	min-width: 820px;
	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 < 820 ? "820px": document.body.clientWidth > 1004 ? "1004px": "auto" );
}

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

/* ----------- banner -----------------*/
div#banner {
	margin: 0;
	padding: 0;
	background: url(assets/banner3.jpg) left top no-repeat #FFFBEB;
	height: 140px;
	width: 100%;
}
div#logo {
	float:left;
	background: transparent;
	width:437px;
	height:140px;
}
div#phone {
	float:left;
	display:none;
	text-align: left;
	padding: 95px 0 0 128px; /* T R B L */
	margin: 0 0 0 0; /* T R B L */
	width: 350px;

}
div#phone p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;	
	margin: 0;
	padding: 0;
	letter-spacing: 0.08em;
	line-height: 1.3em;
}
div#phone a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF !important;	
	margin: 0;
	padding: 0;
	text-decoration: none;
}
div#phone a:hover {
	text-decoration: underline;
}
/* ----------- ^ banner ^ -----------------*/
div#hnav {
	height: 31px;
	width: 100%;
	background: url(assets/btn_bg.png) top left repeat-x #FFFBEB;
}
div#hnav ul {
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 0 12px;/* T R B L */
	padding: 8px 0 0 0;
	border-left: 1px solid #D8C08B;
}
div#hnav li {
	display: inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #4B230A !important;
	background: transparent;
	margin: 0 0 0 0; /* T R B L */
	padding: 0 0 0 0;
}
div#hnav li a:link {	
	position:relative;
	_position:static;/*this is a hack, revealing only to IE6 */
	text-decoration: none;
	background: transparent;
	font-weight: bold;
	color: #4B230A !important;	
	border-right: 1px solid #D8C08B;
	border-left: 1px solid #E2CA95;
	padding: 8px 15px 7px 15px;
}
div#hnav li a:visited {
	position:relative;
	_position:static;/*this is a hack, revealing only to IE6 */
	text-decoration: none;
	background: transparent;
	font-weight: bold;
	color: #4B230A !important;	
	border-right: 1px solid #D8C08B;
	border-left: 1px solid #E2CA95;
	padding: 8px 15px 7px 15px;
}
div#hnav li a:hover {
	background: url(assets/btn_bg_over.png) left top repeat-x transparent;
	border-left: 1px solid #D8C08B;
	border-right: 1px solid #E2CA95;
}
div#hnav li a:active {
	background: url(assets/btn_bg_over.png) left top repeat-x transparent;
}
div#hnav li a.YAH {
	_cursor: text !important;
	background: url(assets/btn_bg_over.png) left top repeat-x transparent !important;
	border-left: 1px solid #D8C08B !important;
	border-right: 1px solid #E2CA95 !important;
}
div#nav li a.YAH {
	cursor: text !important;
}
div#hnav li.navEnd a:link, div#hnav li.navEnd a:visited, div#hnav li.navEnd a:hover  {
	_cursor: default !important;
	border-left: 1px solid #E2CA95;
	border-right:0;
	background: url(assets/btn_bg.png) top left repeat-x;
	padding: 8px 0px 7px 0px;
}
div#hnav li.navEnd a.YAH {
	cursor: text !important;
}
/* -------- left column ----------*/
div#leftcol {
	float: left; 
	background: transparent;
	margin: 0;	
	padding: 20px 0px 10px 0px; /* T R B L */
	width: 175px; /* content + padding + border */	
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 175px; /* content only */
}
div#badge1 {
	text-align:center;
	margin: 0px 10px 0 10px;
}
div#badge1 p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

/* -------------content---------------*/
div#content {
	margin: 0 0 0 0; /* wide left margin keeps the content from wrapping under the left column */
	padding: 30px 10% 50px 10%;  /*T R B L */
	min-height: 400px; /* keeps the content area taller than the left column */
}
div#container {
	width: 100%;
	text-align: left;
	clear:both;
}
div.leftContentCol {
	float: left;
	display: inline;
	width:46%;
	min-height: 100px; /* keeps the content area taller than the left column */
	_height:100px;
}
div.rightContentCol {
	float:right;
	width: 46%;
	padding: 0 20px 0 20px;
	min-height: 100px; /* keeps the content area taller than the left column */
	_height:100px;
}
/* content text styling */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0;
	color: #4B230A;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #4B230A;
    font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
margin: 0 0 3 0;
}
p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #000000;
	line-height: 1.5em;
	padding-top: 1.2em; 
	margin: 0;
}
.firstPara {
	padding-top: 0;
}
.gravitasNotice {
	font-size:10px;
	padding-top:20px;
}
/* links in the content area */
a {
	color: #6E744D !important;
	text-decoration: underline;
}
ul {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 5px 2em; /* T R B L */
	padding: 0;
}
li {
	color: #6E744D;/* the bullet color */
	font-size: 18px;/* the bullet size */
}
li p {
	color: #000000;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 15px; 
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0.4em 0 0 0;
	}
.floatedPhotoRight {
	float: right;
	margin: 10px 0 5px 19px;  /* T R B L */
}
.floatedPhotoRight img {
	display: block;
	margin-bottom: 3px;
	border: 1px solid #6A2017;
}
.floatedPhotoRight p {
	margin: 1px 0 0 0;
	padding: 2px 2px 0 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.2em;
}
.floatedPhotoLeft {
	float: left;
	margin: 10px 19px 5px 0;  /* T R B L */
}
.floatedPhotoLeft img {
	display: block;
	margin-bottom: 3px;
	border: 1px solid #6A2017;
}
.floatedPhotoLeft p, div.photoContainer p {
	margin: 1px 0 0 0;
	padding: 2px 2px 0 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.2em;
}
.floatedSidebar {
	float: right;
	margin: 10px 0 5px 15px;  /* T R B L */
	padding: 6px 6px 6px 6px;
	background: #FFFBEB;
	border: 1px solid #7B3301;
	width: 190px;
}
.floatedSidebarLeft {
	float: left;
	margin: 10px 15px 5px 0px;  /* T R B L */
	padding: 6px 6px 6px 6px;
	background: #FFFBEB;
	border: 1px solid #7B3301;
	width: 190px;
}
.floatedSidebar h2, .floatedSidebarLeft 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 #F9E2A3;
	border-bottom: 2px solid #F9E2A3;
	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: #91907E;
	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:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	width: 250px;
}
.contactNote {
	text-align:right;
	vertical-align:top;
	padding: 3px 3px 3px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
td.contactBox {
	text-align:left;
	vertical-align:middle;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}
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:#FFFBEB;
	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: url(assets/btn_bg.png) top left repeat-x;	
	padding: 5px 3px 5px 10px;
	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 {
	background: url(assets/btn_bg_over.png) top left repeat-x;	

}
/* ----------------------- Bottom Navigation list styles ---------------- */
div#bottomNav {
	clear: both;
	margin: 0;
	padding: 0;
	background: #FDF1BF;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 3px solid #F9E2A3;

}
div#bottomNav ul {
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 0 0;/* T R B L */
	padding: 15px 10px 10px 20px;
}
div#bottomNav li {
	display: inline;
	line-height: 1.7em;
	color: #4B230A;
	margin: 0 0 0 0; /* T R B L */
	padding: 0 0 0 0;
	font-size: 12px;
}
div#bottomNav li a:link {	
	display: inline;
	text-decoration: none;
	color: #4B230A !important;	
	font-size: 12px;
	padding: 0 5px 3px 8px; /* T R B L */
}
div#bottomNav li a:visited {	
	display: inline;
	text-decoration: none;
	color: #4B230A !important;	
	font-size: 12px;
	padding: 0 5px 3px 5px; /* T R B L */
	font-size: 12px;
}
div#bottomNav li a:hover {
	text-decoration: underline;
	color: #9F4A15 !important;
}
div#bottomNav li a:active {
	text-decoration: underline;
}
div#bottomNav li a.YAH {
	_cursor: text !important;
	color: #9F4A15 !important;
	text-decoration: none !important;
	font-size: 12px;
}
div#bottomNav li a.YAH {
	cursor: text !important;
}
div#contactInfo {
	background: url(assets/cartoonnew.png) 15px 3px no-repeat #FFFBEB;
	height: 110px;
}
div#contactInfo p {
	font-weight: bold;
	color: #4B230A;
}
div#contactInfo a {
	color: #6E744D !important;
}
div#contact1 {
	float: left;
	width: 40%;
	margin: 28px 0 0 155px;
	_margin: 28px 0 0 77px;
}
div#contact2 {
	padding: 10px 0 0 0;
}

/* ------------ footer, where we put the copyright ----------------*/
div#footer {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	background: #D5BC86;
	border-top: 1px solid #7B3301;
	border-bottom: 3px solid #7B3301;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;	
	height: 25px;
	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: #FFFFFF;
}
div#footer a {
	color: #FFFFFF !important;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration:underline;
}
.clearBoth {
	clear: both;
}

div.rotatingPics {
	float:right;
	background: transparent;
	width:250px;
	height:586px;
	margin: 0;
	_margin: 0 0 0 0;
	padding: 35px 0 0 0;
}
div.columnPhoto {
	margin: 0 0 0 0;
	padding: 21px 0 0 0;
}
div.rotatingPics h3 {
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#726d62;
	padding-top:3px;
	
}
div.rotatingPics p {
	padding: 10px 0 0 0;
	font-size:13px;
	color:#726d62;
	line-height: 1.2em;

}

div.propertyVisible {
	display:block;
	visibility:visible;
}
div.propertyInvisible {
	display:none;
	visibility:hidden;
}