/*** Stylesheet for Scott Yocum Designed by Blue Banana Designs 6-6-2006 ***/
/*** ELEMENTS ***/
html {
	margin: 0;
	padding: 0;
}

body {
	background: #273776 url(/images/stripes-bgd.gif) top repeat-x;
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center; /* IE Win 5.x */
}

p,blockquote,div,span,h1,h2,h3,h4,h5,h6,table,tr,td,th,ul,ol,li,form,a {
	margin: 0;
	padding: 0;
}

/* ----- Base font sizes ------ */
p,td,ul,ol,dl {
	font-size: .8em;
}

blockquote {
	margin-left: 40px;
	margin-right: 40px;
}

dd {
	margin: 0 0 8px 15px;
}

dt {
	background-color: #fff;
	color: #314594;
	font-weight: bold;
}

h1 {
	background: #fff;
	color: #314594;
	font: normal bold small-caps 1.3em/1.2em 'new york',georgia,times,timesNR,serif;
	height: auto;
	letter-spacing: .4em;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

h2 {
	background-color: #fff;
	color: #5366B4;
	font: normal bold small-caps 1.3em/1.2em georgia,'new york',times,timesNR,serif;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0;
}

h3 {
	background-color: #fff;
	color: #A50000;
	font: normal bold 1em/1.2em arial,verdana,helvetica,sans-serif;
	margin: 20px 0 8px 0;
	padding: 0;
}

h4 {
	background-color: #fff;
	color: #314594;
	font: normal bold .9em/1.2em arial,verdana,helvetica,sans-serif;
	margin: 16px 0 6px 0;
	padding: 0;
	text-transform: capitalize;
}

h5 {
	background-color: #fff;
	color: #00196D;
	font: normal bold .8em/1.2em arial,verdana,helvetica,sans-serif;
	margin: 14px 0 4px 0;
	padding: 0;
	text-transform: capitalize;
}

ol {
	margin: 8px 0px 8px 40px;
}

p {
	margin: 0px 0 8px 0;
}

p.initial-para:first-letter {
	/* IE6 Bug: there must be a space between the "r" and the curly brace */
	background-color: #fff;
	color: #7B8DD6;
	font-family: Georgia,'times new roman',timesNR,serif;
	font-size: 250%;
	font-weight: bold;
	line-height: .8em;
}

a {
	background-color: #fff;
	color: #314594;
}

a:link {
	background-color: #fff;
	color: #314594;
}

a:visited {
	background-color: #fff;
	color: #666666;
}

a:hover {
	text-decoration: none;
}

a:active {
	background-color: #fff;
	color: #000;
}

/* ---- Non-form button --- */
a.button {
	background-color: #BA0000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FF6262;
	border-right: 1px solid #000;
	border-top: 1px solid #FF6262;
	color: #fff;
	font: bold .9em/120% Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding: 3px 5px 4px 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

a.button:link {
	background-color: #BA0000;
	color: #fff;
}

a.button:visited {
	background-color: #BA0000;
	color: #fff;
}

a.button:hover {
	background-color: #BA0000;
	color: #000;
}

a.button:active {
	background-color: #BA0000;
	color: #fff;
}

/* Apply Holly Hac to zap IE/Win Peekaboo bug.  */
/* Hides from IE5-mac \*/
* html a.button {
	height: auto;
}
/* end hide */

hr {
	background-color: #fff;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #838FBF;
	border-left: none;
	color: #838FBF;
	height: 1px;
}

hr.dashed {
	border-bottom: 2px dashed #838FBF;
	height: 2px;
}

hr.dotted {
	border-bottom: 2px dotted #838FBF;
	height: 2px;
}

/*** POSITIONING ***/
#page-wrapper {
	background: url(../images/navs/navBgd.gif) #fff 0px 186px repeat-y;
	color: #000;
	margin: 0px auto;
	text-align: left;
	width: 740px;
}

#masthead {
	background: url(/images/stripes-bgd.gif) repeat-x;
	border-bottom: 3px solid #273776;
	height: 180px;
	width: 740px;
}

#masthead img {
	border: none;
}

#masthead img.photo-scott {
	border: 1px solid #141C3B;
	position: relative;
	top: -15px;
}

#right-column {
	float: right;
	margin-bottom: 40px;
	padding-top: 28px;
	text-align: left;
	width: 585px;
}

#left-column {
	float: left;
	margin: 0;
	padding-top: 28px;
	text-align: left;
	width: 134px;
}

/* Apply Holly Hac to zap IE/Win Peekaboo bug. This will cascade to the nested ULs. */
/* Hides from IE5-mac \*/
* html #right-column {
	height: 1%;
}
/* end hide */
#content {
	padding: 0px 40px;
}

/* h1 and h2 tags format page titles and subtitles */
#page-title {
	border-bottom: 2px dotted #AC0000;
	border-top: 2px dotted #AC0000;
	height: auto;
	margin: 0px 0 20px 0px;
	padding: 5px 0 5px 0;
}

/*** MAIN NAVIGATION ***/
#navs-main {
	background: url(../images/navs/navBtm.gif) bottom no-repeat;
	margin: 0;
	padding: 0 0 12px 0; /* make room to display navBtm.gif */
	width: 155px; /* IE Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 155px; /* correct width */
}

html>body #navs-main {
	width: 155px; /* opera 5 */
}

#navs-main ul {
	background: url(../images/navs/navTop.gif) top no-repeat;
	padding-top: 12px;
	width: 155px; /* IE Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 155px; /* correct width */
}

/* Apply Holly Hac to zap IE/Win Peekaboo bug. This will cascade to the nested ULs. */
/* Hides from IE5-mac \*/
* html #navs-main ul {
	height: 1%;
}
/* end hide */

#navs-main ul li {
	list-style: none;
}

#navs-main ul li a {
	background: #314594;
	border-bottom: 1px solid #fff;
	color: #BBC9FF;
	display: block;
	font: bold 1em Arial, Helvetica, sans-serif;
	height: 100%;
	padding: 5px 8px 5px 12px;
	text-decoration: none;
	margin:0 0 0 -16px;
	mar\gin:0;
}

#navs-main ul li a.first-nav {
	border-top: 1px solid #fff;
}

#navs-main li a:link {
}

#navs-main li a:visited {
}

#navs-main li a:hover{
	background-color: #ce0000;
	color: #fff;
}

/* ---- Active page:different glyph and color ----- */
body#home #navs-main ul li#nav-home a,
body#residentialListings #navs-main ul li#nav-residentialListings a,
body#commercialListings #navs-main ul li#nav-commercialListings a,
body#sellingYourHome #navs-main ul li#nav-sellingYourHome a,
body#buyerServices #navs-main ul li#nav-buyerServices a,
body#localInfo #navs-main ul li#nav-localInfo a,
body#importantDocuments #navs-main ul li#nav-importantDocuments a,
body#aboutUs #navs-main ul li#nav-aboutUs a {
	background: url(../images/navs/navGlyph_lvl1.gif) #a50000 3px 9px no-repeat;
	color: #fff;
}

body#home #navs-main ul li#nav-home a:hover,
body#residentialListings #navs-main ul li#nav-residentialListings a:hover,
body#commercialListings #navs-main ul li#nav-commercialListings a:hover,
body#sellingYourHome #navs-main ul li#nav-sellingYourHome a:hover,
body#buyerServices #navs-main ul li#nav-buyerServices a:hover,
body#localInfo #navs-main ul li#nav-localInfo a:hover,
body#importantDocuments #navs-main ul li#nav-importantDocuments a:hover,
body#aboutUs #navs-main ul li#nav-aboutUs a:hover {
	background-color: #ce0000;
	color: #fff;
}

/* ----- Navs:level 2 ----- */
#navs-main ul li ul {
	background-image: none;
	padding-top: 0px;
}

body#home #navs-main ul li#nav-home ul li a,
body#residentialListings #navs-main ul li#nav-residentialListings ul li a,
body#commercialListings #navs-main ul li#nav-commercialListings ul li a,
body#sellingYourHome #navs-main ul li#nav-sellingYourHome ul li a,
body#buyerServices #navs-main ul li#nav-buyerServices ul li a,
body#localInfo #navs-main ul li#nav-localInfo ul li a,
body#importantDocuments #navs-main ul li#nav-importantDocuments ul li a,
body#aboutUs #navs-main ul li#nav-aboutUs ul li a {
	background-color: #5366B4;
	background-image: none;
	color: #fff; /* override cascade */
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 20px;
}

body#home #navs-main ul li#nav-home ul li a,
body#residentialListings #navs-main ul li#nav-residentialListings ul li a.active-nav,
body#commercialListings #navs-main ul li#nav-commercialListings ul li a.active-nav,
body#sellingYourHome #navs-main ul li#nav-sellingYourHome ul li a.active-nav,
body#buyerServices #navs-main ul li#nav-buyerServices ul li a.active-nav,
body#localInfo #navs-main ul li#nav-localInfo ul li a.active-nav,
body#importantDocuments #navs-main ul li#nav-importantDocuments ul li a.active-nav,
body#aboutUs #navs-main ul li#nav-aboutUs ul li a.active-nav {
	background: url(../images/navs/navGlyph_lvl1.gif) #5366B4 12px 9px no-repeat;
	color: #fff; /* override cascade */
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 20px;
}

body#home #navs-main ul li#nav-home ul li a:hover,
body#residentialListings #navs-main ul li#nav-residentialListings ul li a:hover,
body#commercialListings #navs-main ul li#nav-commercialListings ul li a:hover,
body#sellingYourHome #navs-main ul li#nav-sellingYourHome ul li a:hover,
body#buyerServices #navs-main ul li#nav-buyerServices ul li a:hover,
body#localInfo #navs-main ul li#nav-localInfo ul li a:hover,
body#importantDocuments #navs-main ul li#nav-importantDocuments ul li a:hover,
body#aboutUs #navs-main ul li#nav-aboutUs ul li a:hover {
	background-color: #7B8DD6; /*background-image: none;*/
	color: #fff; /* override cascade */
}

/*** BUTTONS ***/
input.form-button {
	background-color: #BA0000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FF6262;
	border-right: 1px solid #000;
	border-top: 1px solid #FF6262;
	color: #FEDE58;
	font: bold .9em Verdana,Geneva,Arial,Helvetica,sans-serif;
}

/*** LISTS ***/
ul.standard-body-list {
	margin: 0 0 15px 15px;
	padding: 0 0 0 15px;
}

ul.standard-body-list li {
	padding-bottom: 8px;
}

ul.standard-body-list li ul {
	font-size: 100%;
	margin: 0 0 0px 0px;
	padding: 8px 0 0 15px;
}

#links-list ul {
	list-style-type: none;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-top: .5em;
}

#links-list ul li {
	padding-bottom: .5em;
}

/*** 	FEATURE ***/
#feature {
	float: right;
	margin: 15px 0 20px 40px;
	padding: 0;
}

#feature img {
	border: 1px solid;
}

/* ---- Callout ---- */
#callout {
	float: none;
	margin: 0;
	background: url(/images/callout-bgd.gif) #fff top repeat-x;
	border-bottom: 2px solid #314594;
	border-top: 2px solid #314594;
	color: #5A6AA9;
	font: bold 1.3em/1.4em 'new york',georgia,times,timesNR,serif;
	height: auto;
	padding: 0 0 20px 0;
	width: 200px;
}

#callout p {
	padding: 5px 10px 5px 10px;
}

/* ----Testimonials ---- */
#callout p.testimonial {
	margin: 8px 5px 0 5px;
}

#callout p.quoteeName {
	font-size: .65em;
	font-family: verdana,arial,sans-serif;
	font-weight: bold;
	line-height: normal;
	margin: 10px 5px 20px 5px;
}

#callout p.quoteeName span.quoteeLocation {
}

.callout-left {
	float: left;
	margin: 20px 20px 20px 0px;
}

.callout-right {
	float: right;
	margin: 20px 0px 20px 20px;
}

.errortext {
	background-color: #fff;
	color: #CE0000;
	font-weight: bold;
}

.heading-bar {
	background-color: #C91A42;
	color: #fff;
	font: bold .7em/120% verdana,arial,sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px;
	text-align: left;
}

/* ----- Horizontal Button Group ------ */
.navs-horizontal {
	text-align: center;
}

.navs-horizontal li {
	display: inline;
}

/*** PHOTOS ***/
.photo-float-left {
	float: left;
	margin: 0 20px 20px 0;
}

.photo-float-right {
	float: right;
	margin: 0 0px 20px 20px;
}

#photodisplay {
	float: left;
	margin: 0px 20px 20px 0;
}

#photodisplay img {
	border: 1px solid #000;
	margin: 0 5px 5px 0;
	padding: 0;
}

/*** BUYING GUIDE ***/
ul#buying-guide li {
	list-style: none;
	display: inline;
}

/*** LOGOS DISPLAY ***/
#logos-display {
	text-align: center;
	margin: 20px 0;
	border-top: 1px solid #ccc;
}

#logos-display p {
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

#logos-display img {
	border: none;
}

/*** FOOTER ***/
#footer {
	border-top: 2px dotted #A50000;
	clear: both;
	font-size: .8em;
	margin: 0px 40px 0px 173px;
	padding: 10px 0px 10px 0;
	text-align: center;
}

#footer a {
	text-decoration: underline;
}

#footer a:link {
	background-color: #fff;
	color: #5366B4;
}

#footer a:visited {
	background-color: #fff;
	color: #666;
}

#footer a:hover {
	background-color: #fff;
	color: #5366B4;
	text-decoration: none;
}

#footer img {
	border: none;
}

#footer p {
	line-height: normal;
	margin: 0px 0px;
	padding: 0;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	display: inline; /*padding:0 5px;*/
	margin: 0px 0 10px 0; /*border-right:1px solid #000;*/
	padding: 0 0px 0 10px;
}

#footer ul li a {
	margin: 0;
	padding: 0;
}

/*** SITEMAP ***/
#sitemap-list ul {
	font-size: 90%;
	list-style: none;
}

#sitemap-list ul li {
	border-bottom: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	padding: 5px 0 12px 20px;
}

#sitemap-list ul ul li {
	border-bottom: none; /* override cascade */
	padding-bottom: 5px; /* override cascade */
}

/*** MISC CLASSES ***/
.small {
	font-size: .6em;
}

.call-attention {
	color: #CE0000;
	background-color: #fff;
}