/* Ver 1.3  - Added Global Stylesheet for server request efficiency */

/*
Table of Contents
------------------

A) Global Styles

1) General Typography for Page

2) Body and Page Set-Up

3) Accessibility

4) Masthead - Branding

5) Navagational Elements

6) Content Layout

7) Footer Layout

8) Lists Designs

9) Forms Designs

10) Nuances, Odds and Ends

11) Button Styles

12) Links Styles

use: = space and number for fast search in page i.e. = 99

*/

/* --------------------
= A) Global Styles 
  ----------------------*/


/* Intro
--------------------------------------------------------

This file is used to help make cross-browser design
easier by setting default styles. Most of these
styles can be overriden and styled by editing
'villageCapital_v1.3.css'.

DO NOT EDIT THIS FILE!


Global Font Sizes
--------------------------------------------------------

The following code is to help achieve scalable and consistent
font-sizes across major platforms. To set a font-size in the 
CSS, use one of the percentage values from the table below.

Licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
--------------------------------------------------------

77% = 10px	 85% = 11px	 92% = 12px

100% = 13px	107% = 14px	114% = 15px

122% = 16px, 129% =17px, 136% = 18px

144% = 19px	152% = 20px	159% = 21px

167% = 22px	174% = 23px	182% = 24px

189% = 25px	197% = 26px

-------------------------------------------------------*/

body {
	font: normal 13px arial, verdana, helvetica, clean, sans-serif;
	}

table {
	font-size:inherit;
	font-size:100%;
	}

select, input, textarea {
	font: normal 99% arial, verdana, helvetica, clean, sans-serif;
	}

pre, code {
	font: normal 115% monospace;
	}

body * {
	line-height:1.22em; /* must be overriden for Safari */
	}
	
/* classes for sizing  various type elements */

.fs-77pct  {font-size:77%;}
.fs-85pct  {font-size:85%;}
.fs-92pct  {font-size:92%;}
.fs-100pct {font-size:100%;}
.fs-114pct {font-size:114%;}
.fs-122pct {font-size:122%;}
.fs-129pct {font-size:129%;}
.fs-136pct {font-size:136%;}

/* Removes Default Border From Linked Images
-------------------------------------------------------*/

a img {
	border: none;
}


/* Gereric Clear, Use On Divs
-------------------------------------------------------*/

.clear {
	clear: both;
}


/* Accessible Hide: visualy hides an element yet
makes content available to screen-readers.
-------------------------------------------------------*/

.hide {
	position: absolute;
	left: -3000px;
	}

/* Makes Horizontal Rules look consistent accross
popular browsers.
-------------------------------------------------------*/

hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 0 0 10px;
	}


/* Define some default margins to common elements,
again for cross-browser purposes
-------------------------------------------------------*/

body {
	margin: 0; padding: 0;
	}

h1, h2, h3, h4, h5, h6,
p, blockquote,
form, label, dl, ul, ol,
fieldset {
	margin: 0 0 1em 0;
	}

address {
	font-style: normal;
	margin: 0 0 1em 0;
	}

dd {
	margin: 0 0 0.5em 0; padding: 0;
	}

dt {
	margin: 0; padding: 0;
	font-weight: bold;
	}

/* Forms
-------------------------------------------------------*/

legend {
	color: #000;
}

/*  -------------------------------------------
= 1) styles for the typography of the page
    ------------------------------------------- */
#content h1, #content h2,
#content h3, #content h4,
#content h5, #content h6 {
	font-weight:normal;
	margin: 0 0 0.5em 0; padding: 0;
	}
	
#content h1 {
	font-size: 197%;
	}
	
#content h2 {
	font-size: 182%;
	}
	
#content h3 {
	font-size: 167%;
	}
	
#content h4 {
	font-size: 136%;
	}
	
#content h5 {
	font-size: 114%;
	}
	
#content h6 {
	font-size: 114%;
	}
	
h5.subhead span {
	border-bottom: 1px solid #777;
	font-size: 100%; font-weight: bold; color: #333;
	padding: 3px;
	}
	
.chapter {
	margin-bottom: 2em;
	}
	
.smallprint {
	color: #666;
	font-size: 0.7em;
	}

/*  ------------------------------------------
    2) styles for the body and page set-up
    ------------------------------------------ */
body {
	background: #f7f7f7 url(../images/bgs/bg.jpg) repeat-x;
	color:#222;
	text-align:center;
	}
	
#page {
	background-color: #fff;
	border-top-width:0;
	height:auto;
	margin: 0 auto;
	width: 926px;
	text-align:left;
	border: #9b9b9b solid 1px;
	border-top-width:0;
	}

/*  ----------------------------------------------------------
= 3) Accessibility Menu (Usualy Hidden)
These styles control the display the "skip to content" and
"Skip to Navigation" Links. These links are normally hidden
from Web browsers.
  -------------------------------------------------------------- */
#accessibility {
	display: none;
	}
#nav-skipto-content {
	}
	
#nav-skipto-navigation {
	}

/* -------------------------------------------
= 4) styles for the masthead and branding
   ------------------------------------------- */
#branding {
	background: #537baf url(../images/bgs/bgBanner.gif) repeat-x;
	height:100px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

#branding #logo img {
	background: transparent url(../images/bgs/bgLogo.gif) repeat-x;
	border: 1px solid silver;
	border-top-width: 0;
	display: block;
	padding: 5px;
}

#home-tagline {
	float:left;
	margin:0;
	width:200px;
	}
	
#tagline {
	color:#555;
	font-weight: bold;
	padding: 44px 0 10px 14px;
	}

/* -------------------------------------------
= 5) styles for the navagation on the page
   ------------------------------------------- */
   
#nav-wrapper {
	height:25px;
	background: #9fc0d2 url(../images/bgs/nav-bg2.jpg) repeat-x;
	}

#navigation-primary {
	border-right:1px solid #000;
	border-top: #444 solid 1px;
	float:right;
	height:21px; 
	position:relative;
	text-align:center;
	z-index:100;
	}

/* remove all the bullets, borders and padding from the default list styling */
#navigation-primary ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
/* float the list to make it horizontal and a relative positon 
so that you can control the dropdown menu positon */
#navigation-primary li {
	float:left;
	position:relative;
	}

/* style the links for the top level */
#navigation-primary a,
#navigation-primary a:visited {
	display:block;
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #fffff0;
	text-decoration:none; 
	color:#fff;
	width:128px; 
	height:21px; 
	background:#9fc0d2;
	line-height: 18px !important; /* overrides global.css property */
	border-left: 1px solid #e4debd; border-right: none;
	padding: 1px 0;
	}

/* for creating the selected page primary navigation element */
.home #navigation-primary li#home a,
.mortgages #navigation-primary li#mortgages a,
.fha-loans #navigation-primary li#fha-loans a,
.reverse-mortgages #navigation-primary li#reverse-mortgages a,
.resources #navigation-primary li#resources a,
.articles-and-tips #navigation-primary li#articles-and-tips a,
.contact-village-capital #navigation-primary li#contact-village-capital a {
	background: #a6acc9;
	color: #f3f0ed;
	cursor:default;
	}
	
/* hide the sub levels and give them a position absolute so that they take up no room */
#navigation-primary ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0;
	top:21px;
	z-index:200;
	}
	
#navigation-primary ul ul li.top-link {
	border-top: 1px solid #999;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#navigation-primary table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}

/* style the second level links */
#navigation-primary ul ul a,
#navigation-primary ul ul a:visited {
	background:#f7f7f7; 
	color:#265491; 
	height:21px; 
	font-weight:normal;
	border: 1px solid #999;
	border-top-width:0;
  /* width:128px;
	below is added for align submenus */
	padding:2px 0;
	}

/* style the top level hover */
#navigation-primary a:hover,
#navigation-primary ul ul a:hover {
	color:#fff; 
	background:#f88238;
	}
	
#navigation-primary :hover > a,
#navigation-primary ul ul:hover > a {
	color:#fff;
	background:#f88238;
	}

#navigation-primary ul ul li a {	
	filter:alpha(opacity=92); /* for IE */
	-moz-opacity:.92; /* for older mozilla browsers & firefox */
	opacity:.92; /* for safari, firefox and opera */
	}

/* make the second level visible when hover on first level list OR link */
#navigation-primary ul li:hover ul,
#navigation-primary ul a:hover ul {
	visibility:visible;
	}

/* Used to make the dropdown lists different widths and align the text left */

#page #navigation-primary ul.text-left li {
	text-align:left;
	}
	
#navigation-primary ul.text-left li a {
	width:174px;
	}
		
#navigation-primary ul#w128px li  a {
	width:128px;
	}
	
#navigation-primary ul#w136px li  a {
	width:136px;
	}
	
#navigation-primary ul#w146px li  a {
	width:146px;
	}
	
#navigation-primary ul#w174px li  a {
	width:174px;
	}
	
#navigation-primary ul#w174bpx li  a {
	width:174px;
	}

ul.text-left li a span {
	padding-left:6px;
	}

/* secondary navagation */
#navigation-secondary {
	float: left;
	margin: 1.4em 0 0;
	padding: 0;
	width: 174px;
	}
	
#navigation-secondary-inner {
	margin:0; padding:0;
	}

#navigation-secondary ul {
	border: 1px solid #9499ab;
	border-bottom-width: 0;
	border-width: 1px 0 0 0;
	list-style: none;
	margin:0; padding:0;
	}

#navigation-secondary li {
	font: normal 92% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	border-bottom: 1px solid #9499ab;
	text-align: left;
	}

#navigation-secondary li a {
	background:#fff;
	color:#265491;
	display: block;
	text-decoration: none;
	padding: 3px 12px;
	}
	
#navigation-secondary li a:hover {
	color: #fff;
	background-color: #f88238;
}

/* -----------------------------------------------
= 6) styles for the content and text on the page
   ----------------------------------------------- */
#content {
	float: left;
	margin-top:1.4em;
	background-color:transparent;
	padding:0;
	width:625px;
	}
	
#content-inner {
	padding-left: 3.4em;
	background-color: inherit;
	}

/* begin intro styles */

#introduction {
	width: 634px;
	color:#fffff0;
	background:#79b400 url(../images/bgs/intro-bg2.jpg) repeat-x;
	height:139px; overflow:hidden;
	}

#introduction-inner {
	padding:12px;
	font-size:107%;
	text-align:justify;
	}

#intro-text-1, #intro-text-2 {
	float:left;
	height:120px;
	width:290px;
	}
	
#introduction h3.intro-links {
	font-size:121%;
	font-weight:bold;
	text-align:center;
	}
	
/* ----------------  */

.intro-border {
	border-right:#6e727f solid 1px;
	padding-right:18px;
}
.intro-layout {
	margin: .5em 0 0 0;
	text-align:left;
}

/* end intro styles */

#home-buying-tips {
	float:right;
	margin-right:10px;
	width: 150px;
}
#side-picture {
	float:left;
	padding: 40px 0 0 32px;
	}

#bottom-margin-space {
	clear:both;
	height:4em;
	background-color:#fff;
	}

#page-bottom {
	clear:both;
	overflow:hidden;
	height:8px;
	text-align:center;
	background-color:#fff;
	}
	
#footer {
	clear:both;
	margin: 3em 0 0 0;
	text-align:center;
	}

#company-info {
	margin:2em 0 0 0;
	font: normal 70% arial, verdana, helvetica, sans-serif; color: #000;
	}

#memberships {
	margin: 3em 0 1.5em 0;
	}

#searchTable td.h40 {
	height: 40px;
	vertical-align:top;
	}

#new-search {
	text-align:center;
	margin:8px 0;
	clear:both
	}

/* -------------------------------------------
= 7) styles for the footer: copyright etc.
   ------------------------------------------- */
#legal {
	clear:both;
	margin: 1em 0 0 0;
	font: normal 77% arial, verdana, helvetica, sans-serif; color: #000;
	}

/* -------------------------------------------
= 8) styles for the lists on the page
   ------------------------------------------- */
#content ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 17px;
	list-style-type: square;
	}

.options-grp li a {
	text-decoration: none;
	color: #265491;
	}

.options-set ul li, ul.topics li {
	color:#9499ab;
	list-style-image:url(../images/general/bullet2.gif)
	}

.page-style {
	list-style-image:url(../images/general/bullet2.gif)
	}
	
.requirements {
	font-style:italic;
	list-style-image:url(../images/general/bullet2.gif)
	}

ol { /* reset ol */
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
	}
	
ol.page-nav {
	list-style:decimal;
	text-align:left;
	margin:0 1em 1em 2em;
	padding:0;
	}
	
ol.page-nav a:visited {
	color:#265491;
}
ol#tips li {
	padding-bottom: 1em;
	}

#short-data-list {
	background:#ddd url(../images/bgs/short-data-list-bg.jpg) repeat-x;
	border: #888 double 4px;
	color:#000;
	font-size:85%;
	height:240px; width:546px;
	padding:1em;
	}
	
#short-data-list h4 {
	margin-bottom:.75em;
	font-size:100%; 
	border-bottom:#fff solid 1px; 
	width:300px;
	padding-bottom: 6px;
	}
	
#short-data-list .short-data-list-set {
	display:inline;
	float:left;
	padding:10px 10px 0 10px;
	width:155px;
	}
	
#short-data-list ul {
	list-style:inside;
	list-style-type:square;
	margin:0; padding:0;
	}

#short-data-list ul li {
	padding-bottom:.75em;
	}

/* -------------------------------------------
= 9) styles for the forms
   ------------------------------------------- */
#form-border {
	background:#eee url(../images/bgs/loan-app-bg.jpg) repeat-y;
	border:#004c8f dotted 1px;
	padding:1em;
	width:500px;
	}

#aux-content,
#real-estate-updates,
#right-real-estate-agent,
#rapid-response-form-mortgage,
#testimonial-sidebar {
	float:left;
	display:inline;
	margin:45px 0 0 32px;
	width: 160px;
	padding-left:8px;
	border: 1px solid #d1d1d1;
	background-color: #fffde1;
	font-size:92%;
	}
	
#testimonial-sidebar {
	padding-right: 8px;
}

#adv-search {
	padding-left:20px;
	}

#contact-form td {
	vertical-align:top;
	}

#required-note {
font-size: 85%;
font-style:italic;
padding-right:5px;
text-align:right;
	}
	
.compact input {
	margin-bottom: 10px;
	}

.sign-up-field {
	width:140px;
	border:solid 1px #d1d1d1;
	background-color: #fff;
	font: normal 10px verdana, arial, helvetica, sans-serif; color:#697944;
	padding-left:3px;
	margin-bottom:7px;
	}

.quick-response-field {
	width:140px;
	border:solid 1px #d1d1d1;
	background-color: #fff;
	font: normal 10px verdana, arial, helvetica, sans-serif; color:#697944;
	padding-left:3px;
	margin-bottom:7px;
	}

.quick-search-field {
	width:500px;
	border:solid 1px #9499ab;
	background-color: #fff;
	font: normal 92% verdana, arial, helvetica, sans-serif; color:#c45800;
	padding-left:3px;
	margin-bottom:7px;
	height: 16px;
	}
	
.align-btn {
	vertical-align: top;
	margin-top: 1px;
	}

.L210 {
	width:210px;
	border:#bbb solid 1px;
	}

input:hover, textarea:hover {
	border:#777 solid 1px;
	}

input[type=image]:hover,
#sidebar input[type=image],
#sidebar input[type=image]:hover  {
	border-width:0;
	}

#sidebar input,
#sidebar textarea {
	border:#bbb solid 1px;
	}

#sidebar input:hover,
#sidebar textarea:hover {
	border:#777 solid 1px;
	}

/* -----------------------------------------------
= 10) styles for the various nuances on the page
   ----------------------------------------------- */
 
.alert {
	color: rgb(255, 0, 0);
	}

.arrow {
	display: block;
	height:23px;
	margin-top:13px;
	background: #fff url(../images/bgs/up-arrow.gif) no-repeat;
	width:80px;
	}

.bold {
	font-weight:bold;
	}
	
.center {
	text-align:center;
	}
	
.emphasis {
	font-style:italic;
	}
	
.emphasis2 {
	font-style:italic;
	text-decoration:underline;
	}
	
.float-left {
	float:left;
	}

.font-12px {
	font-size:12px;
	}

.bold-emphasis {
	font-style:italic;
	font-weight:bold;
	}

.image-border {
	border: dashed 1px #f88238;
	}
	
.label {
	border-bottom:#d1d1d1 solid 1px;
	font-weight:bold;
	width:230px;
	display:block;
	}

.note {
	padding: 6px;
	background-color: #fff;
	border-bottom: solid #ccc 1px;
	font-size: 92%;
	width:396px;
	}
	
.options-grp {
	border: 1px solid #9b9b9b;
	margin-bottom: 15px; padding-left: 10px;
	background-color:#fff;
	width:622px;
	}
	
.options-grp p {
	margin: 0 10px 10px 0;
	}
	
.options-set {
	float: left;
	display:inline;
	margin: 0 10px 10px 0;
	padding: 10px 10px 0 10px;
	width: 279px;
	background: #fff;
	border: 1px solid #9b9b9b;
	}
	
.search-directions {
	margin-top: 4px; color: rgb(102, 102, 102);
	font-size: 85%;
	}

.subhead {
color:#858559;
	}
	
.underline {
	text-decoration: underline;
	}

.no-decoration {
	text-decoration: none;
	}
/*#quick-search-hdr { --- coming`---
	margin: 24px 10px 8px 0;
	color: #777;
	font: bold 85% verdana, arial, helvetica, sans-serif
	}*/
	
/*#extended-search { --- coming ---
	background:#9499ab url(../images/bgs/extended-search-grd2.jpg) repeat-x;
	height:160px; width:614px;
	margin-top:0;
	padding-left: 20px;
	display:none;
	}*/

#bold-underline { /* used for advanced search text - coming */
	font-weight:bold;
	text-decoration:underline !important;
	}
	
#content .options-set h4,
#navigation .options-set h4 {
	color:#2851c6;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	background-color:#fff;
	border-bottom: #9b9b9b solid 1px;
	}

#content .long-header, #content .short-header {
	background:#fff url(../images/bgs/test-bg.gif) repeat-x;
	text-align:left; font-style:italic;
	font-size:129%; color:#73734d;
	padding: 2px 0 2px 6px;
	border-color:#996;
	border-width:1px;
	border-style:solid;
	border-top-color: #eee;
	border-right-color:#ccc;
	border-left-color:#e4e4e4;
	margin-bottom: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}
	
#content .long-header {
	width:370px;
	}
	
#content .options-grp h2 {
	border-bottom: 1px solid #dbd5c5;
	margin: 0 10px 10px 0;
	padding: 6px 0 6px 10px;
	font-size: 114%;
	font-weight: bold;
	color: #fffff0;
	background-color:#5C7583;
	background-image:none;
	border-bottom-color:#fff;
	text-align:center;
	}

#content .short-header {
	width:240px;
	}

#content .list-none {
	list-style:none;
	}

#aux-content h5,
#home-buying-tips h5,
#right-real-estate-agent h5,
#rapid-response-form h5,
#rapid-response-form-mortgage h5,
#testimonial-sidebar h5 { /* gets firefox to display correctly */
	border-bottom: 1px solid #dbd5c5;
	margin: 0 10px 10px 0;
	padding: 4px 0 8px 0;
	font-size: 100%;
	}
	
#aux-content {
	background:#f7f7f7 url(../images/bgs/short-data-list-bg.jpg) repeat-x;
	border: #888 double 3px;
	color:#000;
	height:390px; width:170px;
	padding:1em;
	}
	
#aux-content h5 {
	border-bottom: #d1d1d1 1px dashed;
	font-style:italic;
	margin: 0 14px 5px 0;
	padding: 2px 0 5px 0;
	font-size: 100%;
}

#introduction-inner h1 {
	font-weight:bold;
	font-size:136%; margin-bottom:0.5em;
	}

#navigation .options-grp h4 {
	border-bottom: 1px solid #dbd5c5;
	margin: 0 10px 10px 0;
	padding: 10px 0 8px 0;
	font-size: 107%;
	font-weight: bold;
	color: #333;
	}
	
#simple-search {
	border: 1px solid #e1e1e1;
	background:#e6e6e6 url(../images/bgs/s-bg.jpg) repeat-x;
	height:137px;
	}
	
#resources.options-grp {
	border-width: 0;
	}
	
#resources .options-set {
	width: 240px;
	}

/* -------------------------------------------
= 11) styles for the Buttons
   ------------------------------------------- */

.button-send, .button-send-this-info, .button-reset{
	background-color:#e68244;
	border:1px solid #842025;
	color:#eee;
	cursor:pointer;
	font:bold 10px verdana, arial, helvetica, sans-serif;
	height:21px;
	}

.button-send {
	margin-bottom:7px;
	width:51px;
	}
	
.button-send-this-info {
	width:105px;
	}	
	
.button-reset {
	width:80px;
	}
	
	
/* -------------------------------------------
= 12) styles for the links on the page
   ------------------------------------------- */

#feature-link {
	float:right;
	padding: 1.75em 3.0em 0 0
	}

#feature-link a:link,
#feature-link a:visited {
	color:#fff;
	font-weight:bold;
	font-style:italic;
	}

#feature-link a:hover,
#feature-link a:active {
	color: #ff6;
	font-weight:bold;
	font-style:italic;
	}

a:link {
	color:#265491;
	}
	
a:visited {
	color:#80a4d4; /* #d3c5b4 */
	}

a:hover {
	color: #f88238;
	}

a:active {
	color:#d3c5b4;
	}

.view-property a:visited { /* sets the view property links visited state */
	color:#c43838;
	}

/* sets options groups links differently than the rest of page */
#content-inner a:link,
#content-inner a:visited {
	text-decoration:none;
	}
	
#content a.no-visit { /* removes visited state for links */
	color:#c43838;
	}

#content-inner a:hover,
#content-inner a:active {
	text-decoration:underline;
	color: #f88238;
	}

#introduction a.normal:link,
#introduction a.normal:visited {
	color:#fffff0;
	text-decoration:underline;
	}

#introduction a.normal:hover,
#introduction a.normal:active {
	color:#bdddf7;
	text-decoration:underline;
	}

#simple-search p.note a:visited { /* for detail search link on home page */
	color: #c43838;
	}
	
#simple-search p.note a:hover { /* for detail search link on home page */
	color: #f8941d;
	}
	
#content a.arrow:visited {
	color:#265491;
	}
	
#content a.arrow:hover {
	color: #f8941d;
	text-decoration:underline;
	}
	
#content #underline {
	text-decoration:underline;
	}
	
#search-top a.arrow:hover {
	color:#f8941d;
	}
	
#content a.label:link,
#content a.label:visited {
	color: #c43838;
	text-decoration: none;
	}
	
.footer-navigation {
	font: normal 85% arial, helvetica, sans-serif; 
	color:#000;
	}
	
.footer-navigation a:link {
	color:#265491;
	}
	
.footer-navigation a:visited {
	color:#80a4d4;
	}
	
.footer-navigation a:hover {
	color: #f88238;
	}
.footer-navigation a:active {
	color:#d3c5b4;
	}