/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
p,
div.text  {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 10px;
}
div.text p {
font-size: 1em; /* font-size fix within text div */
}
dl,
ul,
ol,
form input, 
form textarea,
form select {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif; /* Used to fix font issue with textarea */
}
div.text ul,
div.text ol {
margin: 0 0 10px 30px;
list-style: disc;
font-size: 1em; /* font-size fix within text div */
}
div.text ol {
list-style: decimal;
}
a:link,
a:visited {
color: #3F445E;
}
a:hover {
color: #000;
}

/* headings */
h1 {
color: #3F445E;
border-bottom: 1px solid #3F445E;
font-size: 1em;
margin: 0 250px 15px 0;
text-transform: uppercase;
}
html.nocol h1,
html.popup h1 {
margin-right: 0;
}
h2 {
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
div.text h2 {
font-size: 1em; /* font-size fix within text div */
}
h3 {
font-size: 1em;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1em; /* font-size fix within text div */
}

/* Structure 
------------ */
body {
background-color: #eee;
}
#wrap {
background-color: #fff;
width: 950px;
height: auto;
margin: 0 auto;
}
#header {
height: 84px;
background-color: #3F445E;
}
#container {
padding: 10px;
background-image: url(/_lib/starter/005/img/bg_columns.gif);
background-position: top left;
background-repeat: repeat-y;
}
html.nocol #container {
background-image: url(/_lib/starter/005/img/bg_columns_nocol.gif);
background-position: top left;
background-repeat: repeat-y;
}
#mainContent {
width: 680px;
float:left;
}
#subContent {
width: 225px;
float: right;
margin: 0 0 31px 10px;
}
.break {
clear: both;
}

/* Header
--------- */
#header a#logo {
display: block;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
}

/* Footer
--------- */
#footer {
background-color: #CCC;
border: 1px solid #3F445E;
}
#footer,
#footer p,
#footer a {
color: #343434;
font-size: 0.9em;
text-decoration: none;
margin-bottom: 0;
}
#footer p {
padding: 10px;
}
#footer p.publisher {
float: right;
}
#footer p.publisher span {
margin-left: 10px;
}

/* Dropdown menu
-----------------*/
#menu {
background-image: url(/_lib/starter/005/img/bg_menu.gif);
border-top: 1px solid #3F445E;
border-bottom: 1px solid #3F445E;
border-left: 1px solid #3F445E;
border-right: 1px solid #3F445E;
}
#menu a{
font-weight: bold;
text-transform: uppercase;
color: #3F445E;
border-right: 1px solid #3F445E;
display: block;
float: left;
font-size: 0.9em;
padding: 8px 14px 7px 14px;
text-decoration: none;
}
#menu a:hover,
#menu a.dropdown {
background-color: #3F445E;
color: #fff;
}
#menu li ul {
width: 200px;
}
#menu li li a{
font-weight: normal;
text-transform: capitalize;
background-color: #f4f4f4;
border-right: 1px solid #3F445E;
border-left: 1px solid #3F445E;
float: none;
padding: 3px 5px;
}
#menu li li.first a {
border-top: 1px solid #3F445E;
}
#menu li li.last a {
border-bottom: 1px solid #3F445E;
}

/* Standard forms
------------------*/
form textarea, input, select{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
}
form legend {
color: #3F445E;
font-weight: bold;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
}
form li {
list-style-type: none;
}
form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
color: #666;
}
form input {
width: 250px;
}
form textarea {
width: 250px;
}
form select {
width: 254px;
}
form input.radio {
width: 30px;
}
form p {
clear: both;
}
form fieldset#submit,
form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}
form fieldset#submit input,
form fieldset.submit input,
form input.button,
a.button {
width: auto !important;
padding: 4px 10px;
cursor: pointer;
background-color: #3F445E;
border: none;
color: #fff;
}
a.button {
font-size: 1em;
}
form em span,
form .required {
color: #B90000;
font-weight: bold;
}

/* Popups
--------- */
html.popup #content {
margin: 0;
padding: 13px 21px 7px 21px;
}
html.popup,
html.popup body,
body.slideshow {
background-image: none;
background-color: #fff;
}
html.popup body #header,
body.slideshow #header {
border-bottom: 1px solid #494949;
}

/* Slideshow */
body.slideshow form input.button {
margin-right: 2px;
margin-top: 10px;
margin-bottom: 10px;
}
body.slideshow table {
text-align:center;
width: 100%;
}

/* Homepage
----------- */
body#home #container {
background-image: url(/_lib/starter/005/img/bg_columns_nocol.gif);
background-position: top left;
background-repeat: repeat-y;
}
body#home #mainContent {
width: 680px;
float:left;
}
body#home #subContent {
width: 225px;
float: right;
margin: 0px;
}

/* Property Alert Spill */
body#home #homePropertyAlert {
background-color: #8c8c8c;
margin: 10px 0 0 0;
padding: 10px;
}
body#home #homePropertyAlert h2 {
color: #fff;
margin: 0 0 10px 0;
}
body#home #homePropertyAlert p {
color: #fff;
margin: 10px 0 0 0;
}
body#home #homePropertyAlert a {
background-color: #3F445E;
color: #FFF;
border: none;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 2px 0;
margin: 10px 0 0 0;
}
body#home #homePropertyAlert a:hover {
background-color: #DDEBF6;
color: #3F445E;
}

/* Animation */
body#home ul#animation {
height: 272px;
width: 695px;
overflow: hidden;
margin: 0 0 10px 0;
}

/* Print Friendly */
html.brochure #header {
height: auto;
margin: 0 0 20px 0;
}

/* Search Form */
#form form #right {
float: left;
}