/* For color and font in background OUTSIDE main table. Max-width for main content table. 1050px viewed at 1024x768 will appear 
full width. But viewed at 1200x1024 will appear 1050px with background taking 150px, 75px each side */

body {
max-width: 1050px;
background-color: #6b9bb0;
background-image: url(../image-files/bg2.jpg);
background-repeat: repeat-x;
font-family: Verdana, Arial, Georgia, sans-serif;
font-size: 93%; /*DONT ALTER*/
color: #000;
margin: auto;
padding: 0;
text-align: center;
}

/*Fluid width - DONT ALTER*/
.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}

/*Font size is 100% of body font, which is 100% of 93%. DONT ALTER*/
table {
font-size: 100%; /*DONT ALTER*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/*HEADINGS*/
/*h1-h5*/
h1 { font-family: Georgia, Arial, Verdana, sans-serif; font-size: 150%;  color: #2d4754; text-align:left;}
h2 { font-family: Georgia, Arial, Verdana, sans-serif; font-size: 135%;  color: #2d4754; text-align:left;}
h3 { font-family: Georgia, Arial, Verdana, sans-serif; font-size: 110%;  color: #555555; text-align:left;}
h4 { font-family: Georgia, Arial, Verdana, sans-serif; font-size: 115%;  color: #2d4754; text-align:left;}
h5 { font-family: Georgia, Arial, Verdana, sans-serif; font-size: 105%;  color: #2d4754; text-align:left;}

/* Heading bgs*/
.hbg1 {
background-color: #e7f2f8;
border: 1px dashed #bfced5;
color: #666;
width: auto;
padding: 2px 20px 2px 10px;
text-align: left;
}

.hbg2 {
background-color: #e7f2f8;
border-top: 1px dashed #bfced5;
border-bottom: 1px dashed #bfced5;
color: #2d4754;
text-decoration: none;
width: auto;
padding: 2px;
text-align: left;
}

.hbg3 {
background-color: #fff;
border-top: 0;
border-bottom: 1px solid #bfced5;
color: #555;
width: auto;
padding: 1px;
text-align: left;
}

.hbg3-grey {
background-color: #fff;
border-top: 0;
border-bottom: 1px solid #bfced5;
color: #555;
width: auto;
padding: 1px;
text-align: left;
}

.hbg3-linkbox {
background-color: #e7f2f8;
border-top: 0px;
border-bottom: 1px dashed #bfced5;
color: #2d4754;
text-decoration: none;
width: auto;
padding: 0px;
margin: 0px;
text-align: left;
}

.hbg4 {
background-color: #e7f2f8;
border-top: 1px dashed #bfced5;
border-bottom: 1px dashed #bfced5;
color: #2d4754;
text-decoration: none;
width: auto;
padding: 2px;
text-align: left;
}

/*Remove space between headings*/
h1, h2 {
margin: 0;
}

h1, h3 {
margin: 0;
}

/*LINK*/
/*Prevents C2 underline - DONT ALTER*/
a.href { 
font-family: Verdana, Arial, Georgia, sans-serif;
font-size: 100%; color: #000099;
text-decoration: underline;
}

a:hover { 
font-family:  Verdana, Arial, Georgia, sans-serif;
font-size: 100%;
background-color: #fff;
background-repeat: repeat;
color: #336699;
}

/*Anchor link - basic DONT ALTER*/
a.jumplink{
text-decoration: none;
font-size: 100%;
background-color: transparent;
color: #000;
}

a:hover.jumplink {
text-decoration: none;
font-size: 100%;
background-color: transparent;
color: #000;
}

/*Anchor link - h4-hbg4*/
a.jumplinkhbg {
text-decoration: none;
font-size: 115%;
background-color: transparent;
color: #2d4754;
}

a:hover.jumplinkhbg {
text-decoration: none;
font-size: 115%;
background-color: transparent;
color: #336699;
}

/*Remove underline from h4 link*/
h4, h4 a:link, h4 a:visited {
font-family: Georgia, Arial, Verdana, sans-serif;
color: #2d4754;
font-size: 115%;
text-align: left;
text-decoration: none;
}

h4 a:hover, h1 a:active {
font-family: Georgia, Arial, Verdana, sans-serif;
color: #336699;
font-size: 115%;
text-align: left;
text-decoration: none;
}

/*Horz rule*/
hr {
border: 0;
color: inherit;
background-color: #bfced5;
height: 1px;
width: 100%;
text-align: left;
}

/*List*/
ul li {
padding-bottom: 10px;
}

/*C2.0 invitation*/
.storyInput {
height: 200px;
}
.vIsText_3000 {
height: 100px;
}
body #INV a {
text-decoration: none;
}
body #VisitorPages a {
text-decoration: none;
}

/*TABLE*/
/*Tiled: replace bg color with image, background-image: url; background-repeat: repeat;
Table cells with bg color*/
td.logo {
background-color: #fff;
font-size: 100%;
}

td.headerbg {
background-color: #fff;
background-image: url(../image-files/prime-real-estate-articles.jpg);
height: 350px;
background-repeat: repeat;
}

td.spacerbg {
background-color: #fff;
font-size: 93%;
}

td.contentbg {
font-family: Verdana, Arial, Georgia, sans-serif;
background-color: #fff;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
font-size: 93%;
color: inherit;
padding: 15px;
}

td.rightbg {
font-family: Verdana, Arial, Georgia, sans-serif;
font-size: 75%;
color: inherit;
margin-right: 5px;
background-color: #fff;
padding: 5px;
}

td.leftbg {
font-size: 86%;
color: inherit;
margin-left: 5px;
background-color: #fff;
padding: 5px;
}

td.footerbg {
font-size: 86%;
border-left: 0px;
border-top: 1px solid #bfced5;
border-bottom: 0px;
color: inherit;
background-color: #e7f2f8;
padding: 5px;
}

/* ------ Frequently Used Styles ------ */
blockquote {
margin: 12px 40px;
color: #2d4754;
font-weight: normal;
font-size: 115%;
line-height: 20px;
font-family: 'Courier New', Courier, Arial, monospace;
}

/*Now using for KWs right column*/
p.links {
text-align: left;
font-size: 80%;
}

/*Disclosure*/
p.dis {
text-align: left;
font-size: 75%;
}

/*smaller content*/
p.dir {
text-align: left;
font-size: 75%;
}

/*FNMA link*/
p.fnma {
text-align: right;
font-size: 60%;
}

/*1003 tip link*/
p.tip-links {
text-align: left;
font-size: 80%;
}

/*Footer strip text*/
p.ftr {
text-align: center;
font-size: 86%;
}

/* Item Floats and Clear */
.ItemCenter {
margin: 12px 0 8px 0;
padding: 0px 5px 0px 5px;
text-align: center;
clear: both;
}

.ItemCenter1 {
margin: 12px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}

.Clear {
clear: both;
}