body {
background: #f8f8f8;
color: #000;
font: normal 70% verdana;
margin: 0;
padding: 0;
text-align: center;
}

a {color:#f09}

img {border: 0;}

hr {
clear: both;
display: block;
visibility: hidden;
}

div#container {
background: #fff;
border: 1px solid #707aa1;
margin: 0 auto;
padding: 0;
text-align: left;
width: 880px;
}

div#masthead {
background: #99c url(../img/bg_header.png) repeat-x top left;
clear: both;
float: left;
height: 120px;
margin: 0;
padding: 4px 0 0 0;
position: relative; /* new */
width: 100%;
}

div#masthead img {
clear: both;
display: block;
margin: 0 0 0 60px;
}

* html #primary-navigation {
overflow: visible;
height: 1px;
}

ul#primary-navigation {
bottom: 0;
clear: both;
left: 32px;
margin: 0;
padding: 0;
position: absolute;
}

ul#primary-navigation li {
display: inline;
float: left;
list-style-type: none;
margin: 0 3px 0 0;
padding: 0;
width: 104px;
}

ul#primary-navigation li.wide {
width: 132px !important;
margin-right: 3px !important;
}

ul#primary-navigation li.wide a {
width: 124px !important;
}

ul#primary-navigation li.wider {
width: 148px !important;
margin-right: 3px !important;
}

ul#primary-navigation li.wider a {
width: 140px !important;
}

ul#primary-navigation li a {
background: #a5b6d9 url(../img/bg_main-navigation.gif) repeat-x top left;
border: 1px solid #d4d8e7;
border-width: 1px 1px 0 1px;
color: #fff;
display: block;
float: left;
font: normal 120% "Lucida Sans Unicode";
margin: 0;
padding: 4px;
text-align: center;
text-decoration: none;
width: 96px;
}

ul#primary-navigation li a:hover {
background: #fff;
color: #7680a7;
}

ul#primary-navigation li a.selected {
background: #fff;
color: #336;
}


/* ticker divs */

#ticker {
clear: both;
display: block;
background-color: #eff2ff;
border-bottom: 1px solid #ccc;
padding: 2px 0;
text-align: center;
width: 100%;
}

#news {
margin: 0;
padding: 4px;
}

#news li {
list-style-type: none;
}

/* wrapper around content */

div#content-container {
clear: both;
padding-right: 20px;
}

/* main content div */

div#main-content {
background-color: #fff;
float: right;
line-height: 1.4em;
margin: 22px 0 0 0;
padding: 0 0 20px 0;
width: 680px;
}

div#main-content h1, legend {
color: #336;
font: normal 160% "Lucida Sans Unicode";
margin: 0;
padding: 0;
}

div#main-content h2 {
color: #336;
font: normal 140% "Lucida Sans Unicode";
margin: 1em 0 0.5em 0;
padding: 0;
}

div#main-content img {
border: 1px solid #336;
margin: 0 0 1em 1em;
}

/* secondary navigation (vertical) */

ul#secondary-navigation {
float: left;
margin: 25px 0 0 20px;
padding: 0;
}

ul#secondary-navigation li {
background: #fff url(../img/bullet.gif) right 5px no-repeat;
display: block;
list-style-type: none;
margin: 0 0 1.2em 0;
padding: 0 8px 0 0;
text-align: right;
width: 115px;
}

ul#secondary-navigation li a {
color: #727ca3;
text-decoration: none;
}

ul#secondary-navigation li a:hover {
color: #f09;
}

/* homepage */

div#homepage {
background: url(../img/bg_home.jpg) no-repeat top right;
padding-bottom: 40px;
}

div#homepage p {
color: #666;
font-size: 120%;
line-height: 1.6em;
padding-right: 300px;
}

/* footer */

div#footer {
border-top: 1px dotted #efefef;
clear: both;
color: #999;
margin: 0 20px;
}

div#footer p {padding: 8px}

/* mortgage calculator */

table#mortgagecalculator {
border: 1px solid #336;
width: 100%;
}

table#mortgagecalculator th {
background: #336;
color: #fff;
font: bold 110% "Lucida Sans Unicode";
padding: 4px;
vertical-align: top;
}

table#mortgagecalculator td {
margin: 0;
padding: 8px;
}

/* best buys table */

table#bestbuys {
border: 1px solid #e0e0ef;
border-collapse: collapse;
color: #161937;
font-size: 100%;
width: auto;
}

table#bestbuys th {
background: #a5b6d9 url(../img/bg_main-navigation.gif) repeat-x 0 0;
border: 1px solid #e0e0ef;
color: #336;
font: bold 110% "Lucida Sans Unicode";
padding: 2px;
text-align: center;
vertical-align: top;
}

table#bestbuys td {
background: #fff;
border: 1px solid #e0e0ef;
margin: 0;
padding: 8px 2px;
text-align: center;
vertical-align: top;
}

table#bestbuys td.occ {
font-weight: bold;
}

/* forms */

fieldset {
margin-bottom: 2em;
border: 1px solid #727ca3;
padding: 0 2em 2em;
}

fieldset fieldset {
border: 1px solid #d4d8e7;
}

legend {
padding: 4px;
}

label {
color: #666;
font-size: 120%;
font-weight: bold;
margin-bottom: 8px;
}

input[type='text'] {
background-color: #f1f1ff;
border: 1px solid #ccc;
padding: 3px;
width: 300px;
}

textarea {
background-color: #f1f1ff;
border: 1px solid #ccc;
padding: 3px;
width: 300px;
}

span.requiredfield {
color: #c30;
font-style: italic;
}

p.submitrow {
border: 1px solid #ccc;
margin: 1em;
}

/* flash message for errors */

div.message {
border: 1px solid #ccc;
color: #336;
font-size: 120%;
font-weight: bold;
margin: 1em 0;
padding: 1em;
text-align: left;
}

/* error messages on forms */

div.error-message {
color: #c30;
}