/* Global Styles */
html {
font: 100% times, serif;
margin: 0;
padding: 0;
}
body  {
font: 100% times, serif;
color: #222222;
background: #ffffff url(images/bodyBack.jpg) left top repeat-x;
margin: 0;
padding: 0;
}
#pageContainer {
font-size: .75em;
color: #222222;
background: #ffffff;
border: 1px solid #42345f;
width: 740px;
margin: 20px auto;
padding: 0 0 1em 0;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
p {
margin: 0;
padding: 0;
}
form {
margin: 0;
padding: 0;
}
img {
border: none;
}


/* Header */
#header {
padding: 1em;
position: relative;
}
#logo {
position: absolute;
top: 6px;
left: 6px;	
}
#agentName {
text-align: right;
font-weight: bold;
font-size: 1.5em;
color: #42345f;
background: #ffffff;
padding: .5em 0 .3em 0;
font-family: arial, sans-serif;	
}


/* Content */
#content {
padding: 4px;	
}
#agentQuote {
padding: 5px 0;
color: #814b1a;
background: #efeadc;
position: relative;	
}
#customerLogin {
font-weight: bold;
font-size: 1.1em;
padding: .3em 1em;
color: #ffffff;
background: #c3b381;
border-top: 1px solid #814b1a;
border-bottom: 1px solid #814b1a;
font-family: arial, sans-serif;	
}
#customerLogin a:link, #customerLogin a:visited {
color: #ffffff;
background: #c3b381;
text-decoration: none;
}
#customerLogin a:hover, #customerLogin a:visited:hover {
color: #ffffff;
background: #c3b381;
text-decoration: none;
}
#quoteText {
font-weight: bold;
font-style: italic;
font-size: 1.6em;
margin: 1em 1em 1em 170px;
text-align: justify;
}
#agentPhoto {
position: absolute;
top: 4em;
left: 20px;	
}
#agentPhoto img {
border: 1px solid #42345f;
}


/* Columns */
#column1 {
float: left;
width: 140px;	
}
#column2 {
float: left;
width: 380px;
margin: 0 30px 2em 30px;
}
#column3 {
float: right;
width: 150px;	
}



/* Contact Info */
#contactInfo {
font-family: arial, sans-serif;
font-size: .9em;
margin: 10em 0 1em 20px;
color: #000000;
}
#contactInfo address {
font-style: normal;	
}
#contactLink {
font-weight: bold;
font-size: 1.2em;
margin: 1em 0;
}
#contactLink a:link, #contactLink a:visited {	
color: #42345f;
text-decoration: none;
}
#contactLink a:hover, #contactLink a:visited:hover {	
color: #42345f;
text-decoration: underline;
}
#emailSignUp {
font-family: arial, sans-serif;
width: 140px;
background: #efeadc;	
}
#emailSignUp div {
padding: .5em .5em 0 .5em;
}
#signUpTitle {
font-weight: bold;	
}
#signUpEmail_required {
border: 0;
width: 100%;	
}
#signUpButton {
margin: .2em 0 .5em 0;	
}


/* Main Content */
h1 {
color: #814b1a;
font-size: 1.5em;
border-bottom: 1px dotted #814b1a;
margin: 1.5em 0 .5em 0;
}
h2 {
color: #814b1a;
font-size: 1.2em;
margin: 1.5em 0 1em 0;
}
.postDate {
margin: -1em 0 .5em 0;	
}
p {
margin: .5em 0 1em 0;
line-height: 1.2em;
text-align: justify;
}
.linkList {
font: bold 1em arial, sans-serif;
list-style: none;
margin: .5em 0;
padding: 0;	
}


/* Links, Rates and Stock Ticker */
#loans {
background: #f9f7f1 url(images/loanBack.jpg) left top repeat-y;
font: bold 1.1em arial, sans-serif;
padding: .5em;
margin: 4px 0;
text-align: right;
}
#loans a {
color: #ffffff;	
}
#apply {
background: #f9f7f1 url(images/apply.jpg) left top no-repeat;
height: 100px;
width: 150px;
}
#apply a {
display: block;
height: 100px;
width: 150px;	
}
#rates {
background: #e5f1ec;
font: bold 1em arial, sans-serif;
padding: .5em;
margin: 4px 0 0 0;
text-align: right;
}
#currentRateLine {
font-size: .9em;
margin: 0 0 .5em 0;	
}
#currentRate {
color: #007647;
font-size: 1.2em;	
}
#rates .inlineLink {
color: #007647;
font-size: .9em;
}
#fannieMae {
background: #f9f7f1;
font: bold 1.1em arial, sans-serif;
padding: .5em;
margin: 4px 0 0 0;
text-align: right;
}
.stockStats {
font-size: .9em;
color: #555555;	
}



/* Footer */
#footer {
clear: both;
text-align: center;
font-family: arial, sans-serif;
font-weight: bold;
font-size: .7em;
color: #888888;
width: 700px;
margin: 0 auto;
}
#bancshares {
font-size: 1.2em;
color: #42345f;
margin: .2em 0;
}



/* Other Styles */

.inlineLink, .inlineLink:visited {
color: #42345f;
text-decoration: none;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #42345f;
text-decoration: underline;
}
.legalLink, .legalLink:visited {
color: #888888;
text-decoration: underline;
}
.legalLink:hover, .legalLink:visited:hover {
color: #888888;
text-decoration: underline;
}



/* Forms */
.formContainer {
margin: 1em 0;
padding: 1.5em 0;
background: #ffffff;
color: #333333;	
font-size: 1.1em;
}
.formContainer em {
color: #b40000;
background: #ffffff;
font-size: .9em;
}
fieldset {
border-top: 1px dotted #814b1a;
border-bottom: 1px dotted #814b1a;
border-left: none;
border-right: none;
margin: 0;
padding: 0;	
}
legend {
color: #814b1a;
background: #ffffff;
font-size: 1.5em;
margin: .5em 0 .5em 0;
}
.formInstructions {
padding: .4em;
color: #333333;
background: #ffffff;
}
.formList {
list-style: none;
margin: 0;
padding: 0;
}
.formRow {
position: relative;
clear: both;
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;
height: 1.8em;
}
.formRowTextarea {
position: relative;
clear: both;
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;
height: 4em;	
}
.formRowFull {
position: relative;
clear: both;
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;	
}
.formColumnLeft {
float: left;	
width: 48%;
}
.formColumnRight {
float: right;
width: 48%;	
text-align: right;
}
.formElementLabel {
width: 100%;
}
.formElementInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;
}
.formElementTextarea {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;
}
.formElementSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;	
}
.formElementButton {
font: bold 1em arial, sans-serif;
color: #814b1a;
background: #efeadc;
border: 1px solid #814b1a;
cursor: pointer;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
background: #ffffff;
}