/* 
wahomeowners.com 
Created by Stevie Benge August/September 2009
 
colors:
#006f9a Dark Blue
#b3d0d5 Light Blue
#cd5c5c Muted Red (used for links and button background)
#d2e4b3 body background
#dee7cc wrapper background
#f7f7f7 content areas
#444 basic font color
#c1c1c1 border color
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearing floats without extra markup  */
.wrap { display: inline-block; }
.wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrap { height: 1%; }
.wrap { display: block; }


/* END Reset */

/* Baseline Styles */

body {
    background: #d2e4b3;
    font: 13px/1.5 verdana, arial, sans-serif;
    color: #444; 

}

h1 {
	font-size: 21px;
	margin-bottom: 20px;
	margin-left: 10px;
}

h2 {
	font-size: 19px;
	margin: 15px 0 10px 10px;
	color: #006f9a;
}

.content h2 span {
	font-size: 17px;
}

h3 {
	font-size: 15px;
	margin: 1px 0 15px 15px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 13px;
}

sup {
	font-weight: bold;
	font-size: 10px;
	color: #006f9a;
	vertical-align: top;
}

a:focus {
	outline: 1px dotted #888;
}

li, td {
 	font-size: 12px;
}

p {
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 10px;
	padding: 5px 10px 3px 10px;
}
 
dt {
	margin-left: 20px;
} 
 
a, a:link {
 	color: #cd5c5c;
 	text-decoration: underline;
}
a:hover {
 	color: #FF2400;
}

ul.sf-menu li a.current { 
	color: red;
}

#nav a:hover {
 	color: #cd5c5c;
}

a.current {
	color: red;
}

cite {
	font-size: 11px;
}

.message {
 	border: 1px solid #c1c1c1;
 	background-color: #e9f2f4;
 	color: #cd5c5c;
 	padding: 3px;
 	width: 350px;
 	font-size: 12px;
 	margin: 5px 10px;
}


.content li {
	
	padding: 10px 30px 0;
	list-style-position: inside;
	list-style-type: disc;
}

.content li a {
	background: url(/images/star.png) no-repeat;
	padding-left: 23px;
}

.content ol, ul {
	margin-bottom: 15px;
}

.content li.nostyle {
	list-style-position: inherit;
	list-style-type: none;
}

.content a.sansstyle {
	background: none;
	padding-left: 0;
}

.content ul.nolistitem li {
	list-style-type: none;
}

a.selected {
	color: red;
}

div.share-this {
	float: right;
	padding-top: 3px;
	margin: 1px 10px 5px;
	height: 22px;
	width: 940px;
	text-align: right;
	font-family: "trebuchet ms", verdana, arial;
}

div.share-this a {
	color: #006f9a;
}

div.share-this a:hover {
	color: #cd5c5c;
}

ul.thumbnails a {
	line-height: 1.1;
	margin-top: 3px;
	margin-left: 3px;
}

p.mail-link {
	/* display: block; */
	clear: both;
	float: left;
	font-size: 10px;
	margin: 3px 0 3px 5px;
	padding: 0 5px 5px 17px;
	/* vertical-align: bottom; */
	background: url(/images/email_link.png) no-repeat;
}

#gallery p.mail-link a {
	font-family: Verdana, sans-serif;
	font-style: oblique;
	color: #545454;
	text-decoration: underline;
}

/* END Baseline Styles */

/* Wrapper div */

#wrapper {
    width: 960px;
    margin: 10px auto;
    background-color: #dee7cc;

}

/* END Wrapper div */

/* Header */

#header {
    width: 960px;
    height: 75px;
    margin: 0 auto;
    background: #006f9a;
}

#header span {
	width: 650px;
	height: 75px;
	text-indent: -9999px;
	display: block
}

#header span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	/* outline: none; */
	background: #006f9a url(/images/logo2.jpg) no-repeat;

}

/* END Header */

/* Primary Navigation */

#nav {
	width: 960px;
	margin: 0 auto;
	height: 50px;
	background: #b3d0d5;
	display: block;
	border-bottom: 1px solid #aaa;
}
	
ul.sf-menu {
	margin-bottom: 1px;
	margin-left: 15px;
}

.sf-menu li.first { /* first level heading */
	display: block;
	padding: 1px;
	/* width: auto; */
	margin: 15px 3px 0 17px;

	font: 16px/1.1 "trebuchet-ms", sans-serif;
	letter-spacing: -1px;
	float: left;
	height: auto;
	width: auto;
	background: none;
}

.sf-menu li.first a {
	color: #006f9a;
}

.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 13em; /* left offset of submenus need to match (see below) */
	display: block;
	background: #b3d0d5;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	z-index: 999;
}
.sf-menu ul li {
	width: 100%;
	padding: 5px;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
	/* letter-spacing: normal; */
	font-size: 15px;
	z-index: 999;
}

.sf-menu li span{
	font-size: 13px;
}

.sf-menu a {
	display: block;
	position: relative;
	text-decoration: none;
}

.sf-menu ul li a {
	background: transparent url(/images/bullet_star.png) no-repeat;
	padding-left: 20px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.2em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 13em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 14em; /* match ul width */
	top: 0;
}

/*
#nav li form {
	padding: 3px 0px;
}

#nav li.search {
	float: right;
	margin-right: 10px;
}

#nav input#term {
	background: #e1e1e1;
	border: 1px solid #c2c2c2;
}

#nav input.submitbtn {
	border: 1px solid #e7e7e7;
	background: #f7f7f7;
	color: #666;
	margin-left: 3px;
}
*/


/* END Primary Navigation */

/* Main Content Area */

#main {
    margin: 10px;
    width: 940px;

}

div.main-squeeze {
	font-family: Verdana, Helvetica, sans-serif;
}

/* END Main Content Area */

/* Footer */
 
#footer {
    clear: both;
    font-size: 9px;
    width: 960px;
    height: 50px;
    background: #b3d0d5;
    margin: 0 auto;
}

#footer p {
	font-size: 11px;
	text-align: right;
	margin: 0 10px 0 0;
	padding-top: 30px;
	float: right;
}

#footer p a.current {
	color: red;
}

#footer .search-wrap form {
	width: 300px;
	margin: 0 0 0 10px;
	padding-top: 15px;
	float: left;
}

#footer .search-wrap form input {
	border: 1px solid #c1c1c1;
}

#footer .search-wrap form input.search-btn {
	background: #cd5c5c;
	color: #f7f7f7;
	cursor: pointer;
}

/* END Footer */

/* Page Styles */

.content {
	margin-bottom: 10px;
}

#main-content-wrap {
 	float: left;
 	width: 700px;
 	background: #f7f7f7; 
}

#main-content-wrap-realtor-search {
 	float: left;
 	width: 750px;
 	background: #f7f7f7; 
}

#main-content-wrap-search-results {
 	float: left;
 	width: 940px;
 	background: #f7f7f7; 
}

.content {
	border: 1px solid #c1c1c1;
}

#menu-generic {
	width: 220px;
	background: #e9f2f4;
	float: right;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
}

#menu-generic li span {
	font-size: 13px;
}

#menu-generic li {
	margin: 10px 0;
	padding: 0 7px;
	font: 12px/1.2 verdana, arial, sans-serif;
	/* letter-spacing: -1px; */
}

#menu-generic li a {
	background: transparent url(/images/bullet_green.png) no-repeat;
	padding-left: 17px;
}

#menu-generic a {
	color: #006f9a;
	text-decoration: none;
	
}

#menu-generic a:hover {
 	color: #cd5c5c;
}

#menu-generic a.current {
	color: red;
}

h3.simplified-generic {
	width: 220px;
	height: 100px;
	margin: 0 auto 5px;
}

h3.simplified-generic span {
	width: 220px;
	height: 106px;
	text-indent: -9999px;
	display: block
}

h3.simplified-generic span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	outline: none;
	background: url(/images/homeownership-simplified-200.png) 10px no-repeat;
}

h3.avoiding-foreclosure-generic {
	width: 220px;
	height: 100px;
	margin: 0 auto 2px;
}

h3.avoiding-foreclosure-generic span {
	width: 220px;
	height: 76px;
	text-indent: -9999px;
	display: block
}

h3.avoiding-foreclosure-generic span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	outline: none;
	background: url(/images/avoiding-200.png) 10px no-repeat;
}

h3.eight-thousand-tax-credit-generic {
	width: 220px;
	height: 110px;
	margin: 0 auto 2px;
}

h3.eight-thousand-tax-credit-generic span {
	width: 220px;
	height: 110px;
	text-indent: -9999px;
	display: block
}

h3.eight-thousand-tax-credit-generic span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	outline: none;
	background: url(/images/tax-credit-extended.png) 10px no-repeat;
}


/* Eight Steps */

#content-steps {
 	float: left;
 	width: 700px;
 	background: #f7f7f7;
 	/* background: #d2e4b3; */
}

#content-steps p, h1, h2 {
	/* padding: 1px 10px; */
}

#menu-steps {
	width: 220px;
	background: #b3d0d5;;
	float: right;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
}

#menu-steps li span {
	font-size: 13px;
}

#menu-steps li {
	margin: 10px 0;
	padding: 0 7px;
	font: 15px/1.2 "trebuchet ms", sans-serif;
	letter-spacing: -1px;
}

#menu-steps li a {
	background: transparent url(/images/bullet_star.png) no-repeat;
	padding-left: 20px;
}

#menu-steps a {
	color: #006f9a;
	text-decoration: none;
	
}

#menu-steps a:hover {
 	color: #cd5c5c;
}

#menu-steps a.current {
	color: red;
}

.content table.tax {
	margin: 10px 0 10px 40px;
	width: 325px;
}

.content table.tax th {
	text-align: left;
	
}

.content table.tax td {
	text-align: right;
}

.content table.tax td.leftalign {
	text-align: left;
}

h1.step-one {
	background: url(/images/step1.gif)  10px 10px no-repeat;
	height: 73px;
	width: 262px;
}

h1.step-one span {
	display: block;
	text-indent: -9999px;
}

h1.step-two {
	background: url(/images/step2.gif)  10px 10px no-repeat;
	height: 69px;
	width: 390px;
}

h1.step-two span {
	display: block;
	text-indent: -9999px;
}

h1.step-three {
	background: url(/images/step3.gif)  10px 10px no-repeat;
	height: 89px;
	width: 372px;
}

h1.step-three span {
	display: block;
	text-indent: -9999px;
}

h1.step-four {
	background: url(/images/step4.gif)  10px 10px no-repeat;
	height: 90px;
	width: 305px;
}

h1.step-four span {
	display: block;
	text-indent: -9999px;
}

h1.step-five {
	background: url(/images/step5.gif)  10px 10px no-repeat;
	height: 88px;
	width: 335px;
}

h1.step-five span {
	display: block;
	text-indent: -9999px;
}

h1.step-six {
	background: url(/images/step6.gif)  10px 10px no-repeat;
	height: 64px;
	width: 414px;
}

h1.step-six span {
	display: block;
	text-indent: -9999px;
}

h1.step-seven {
	background: url(/images/step7.gif)  10px 10px no-repeat;
	height: 84px;
	width: 309px;
}

h1.step-seven span {
	display: block;
	text-indent: -9999px;
}

h1.step-eight {
	background: url(/images/step8.gif)  10px 10px no-repeat;
	height: 90px;
	width: 266px;
}

h1.step-eight span {
	display: block;
	text-indent: -9999px;
}



/* End Eight Steps */

/* FAQ */

#content-faq {
	float: left;
 	width: 700px;
 	background: #d9d9d9;
}

/* End FAQ */

/* Glossary */

ul#internalnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#internalnav a {
	background: none;
	padding: 0;
	margin: 1px 5px;
}

#glossary {
	padding: 10px;
}

#glossary dl {
	margin: 20px 2px 40px;
}

#glossary dt {
	margin: 10px 2px 4px;
	color: #006f9a;
	font-weight: bold;
	font-style: italic;
}

#glossary dd {
	margin: 2px 2px 10px;
}

#glossary #anchor_steam a.selected {
	color: red;
}

#glossary .section {
	display: none;
}

/* End Glossary */

/* 8000 Tax Credit */

.content h1.eight-thousand {
	background: url(/images/8000-revised.jpg) 10px 10px no-repeat;
	height: 100px;
	width: 360px;

}

.content h1.eight-thousand {
	display: block;
	text-indent: -9999px;
}

.content .movie {
	margin-left: 5px;
	margin-top: -110px;
	margin-right: 10px;
	/* margin: -105px 10px 10px 10px; */
	float: right;
	width: 300px;
}

/* End 8000 Tax Credit */

/* Programs */

#programs-wrap {
	float: left;
 	width: 700px;
 	background: #f7f7f7 url(/images/fin_prog.png) no-repeat 350px 40px;
}

#programs-wrap .programs-container {
	display: none;
}

/* End Programs */

/* Foreclosure */

#foreclosure-wrap {
	float: left;
 	width: 700px;
 	background: #f7f7f7 url(/images/forcl.png) no-repeat 350px 40px;
}


/* End Foreclosure */

/* Homepage */

#home-page-container {
	width: 940px;
}

#slideshow-wrap {
	position: relative;
	width: 638px;
	height: 100%;
	float: left;
	
}

.slideshow img { 
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
}

#pullquote {
	width: 620px;
	z-index: 99;
	margin-top: -103px;
	position: relative;
	
	/* background: transparent url(/images/welcome.png) no-repeat; */
}		

#pullquote span {
	display: block;
	background: transparent url(/images/welcome.png) no-repeat;
	width: 443px;
	height: 38px;
	margin-left: 170px;
}

#pullquote p { 
	font-size: 11px;
	font-style: italic;
	text-align: right;
	/*
-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
	background: #000;
*/
	 background: transparent url(/images/pq-bg2.png); 
	
	
	color: #fff;
	
}

#pullquote p a {
	color: #444;
}

span.salutations {
	letter-spacing: normal;
}

#seperator {
	height: 10px;
	width: 938px;
	clear: both;
	background: transparent;
}

#content-box {
	width: 300px;
	height: auto;
	border: 1px solid #ccc;
	float: right;
	background: #e9f2f4;
	/*
-moz-opacity:.90; 
	filter:alpha(opacity=90); 
	opacity:.90;
*/
}

#content-box ul li {
	margin: 10px 5px 5px 12px;
	font-size: 11px;
}


#gallery {
	width: 620px;
	height: 350px;
	/*
border: 1px solid #ccc;
	background: #f3f3f3;
	border: 1px solid #e3e3e3;
*/
}

#gallery h2 {
	border-bottom: 1px solid #c1c1c1;
}

#gallery #ytvideo {
    float: left;
	margin-right: 10px;
	width: 400px;
}


#gallery ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}

#gallery ul li {
    list-style-type: none;
    display:block;
    background: #f7f7f7;
    float: left;
    width: 200px;
    margin-bottom: 5px;
	/* padding:2px; */

}

#gallery ul li img {
    width: 60px;
    float: left;
    margin-right: 5px;
    border: 1px solid #999;
}

#gallery ul li a {
    font-family: "trebuchet ms", verdana, arial;
    text-decoration: none;
    display: block;
    color: #006f9a;
}

#gallery ul li a:hover {
	color: #cd5c5c;	
}

#gallery .currentvideo {
	background: #b3d0d5;
}

#gallery .currentvideo a {
	color: #cd5c5c;
}

#pre-footer {
	height: 20px;
	width: 940px;
	clear: both;
	background: transparent;
}

#pre-footer p {
	font-size: 11px;
}

h3.simplified {
	width: 300px;
	height: 100px;
	margin: 0 auto 20px;
}

h3.simplified span {
	width: 262px;
	height: 106px;
	text-indent: -9999px;
	display: block
}

h3.simplified span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	/* outline: none; */
	background: url(/images/homeownership-simplified.png) 15px no-repeat;
}

h3.avoiding-foreclosure {
	width: 300px;
	height: 100px;
	margin: 0 auto 10px;
}

h3.avoiding-foreclosure span {
	width: 234px;
	height: 76px;
	text-indent: -9999px;
	display: block
}

h3.avoiding-foreclosure span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	/* outline: none; */
	background: url(/images/avoiding.png) 15px no-repeat;
}

h3.eight-thousand-tax-credit {
	width: 300px;
	height: 110px;
	margin: 0 auto 10px;
}

h3.eight-thousand-tax-credit span {
	width: 290px;
	height: 106px;
	text-indent: -9999px;
	display: block
}

h3.eight-thousand-tax-credit span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	/* outline: none; */
	background: url(/images/tax-credit-extended-270.png) 15px no-repeat;
}

/*
#header {
    width: 960px;
    height: 100px;
    margin: 0 auto;
    background: #006f9a;
}

#header span {
	width: 650px;
	height: 75px;
	text-indent: -9999px;
	display: block
}

#header span a {
	display: block; 
	width: 100%; 
	height: 100%; 
	outline: none; 
	background: #006f9a url(/images/logo2.jpg) no-repeat;

}
*/

/* End Homepage */ 

/* Foreclosure */

.content dl {
	margin: 20px 2px 40px;
}

.content dt {
	margin: 10px 2px 4px 20px;
	color: #006f9a;
	font-weight: bold;
	font-style: italic;
}

.content dd {
	margin: 2px 2px 10px 20px;
}

#menu-foreclosure {
	width: 220px;
	background: #b3d0d5;
	float: right;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
}

#menu-foreclosure li {
	margin: 13px 0;
	padding: 0 7px;
	font: 12px/1.2 verdana, arial, sans-serif;
	letter-spacing: normal;
}

#menu-foreclosure a {
	color: #006f9a;
	text-decoration: underline;
	background: url(/images/bullet_go.png) no-repeat;
	padding-left: 20px;
}

#menu-foreclosure a:hover {
 	color: #cd5c5c;
 	text-decoration: underline;
}


/* End Foreclosure */

/* Contact Form */

#contact-form {
	width: 700px;
	background: #f7f7f7;
	float: left;
}

#contact-form form {
	margin: 1px 0 10px 20px;
}

#contact-form form label {
	display: block;
}

#contact-form input.btn {
	background: #cd5c5c url(/images/email_add.png) 47px center no-repeat;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	width: 75px;
	height: 30px;
	display: block;
	border: 1px solid #ccc;
	margin-top: 10px;
	color: #f7f7f7;
}

#contact-form input {
	margin-bottom: 10px;
	height: 17px;
	vertical-align: bottom;
}

#contact-form p.inform {
	color: #006f9a;
	font-style: italic;
}
 
#contact-form .focusField {
    border: solid 1px #73a6ff;
    background: #eff5ff;
    color: #000;
}

#contact-form .idleField {
    background: #f9f9f9;
    color: #6f6f6f;
	border: 1px solid #999;
}

#contact-form textarea {
	overflow: auto;
}

/* End Contact Form */

/* Calculators */

#zoom {
	z-index: 9999;
}

ul.zoom li {
	list-style-type: none;
	
}

ul.zoom li a {
	padding-bottom: 5px;
}

/* End Calculators */