/* 
    red: #942824
    mid grey: #d4cdbd
    light grey: #f2ecd2
    dark grey: #777777
*/
* {font-family: Arial, Helvetica, sans-serif}
strong {font-weight: bold; vertical-align: baseline !important;}
em {font-style: italic;}

body, html {background-color: #ffffff;}
#hd {background-color: #7eb7d4;}

#hd {position: relative; background-image: url(images/header.jpg); background-repeat: no-repeat;}
#bd {position: relative;}
#hd img.logo {position: absolute; left: 15px; top: 15px;}
#hd div.wrapper {padding: 1em; margin-left: 180px; position: relative;}

#hd h1 {font-weight: bold; color: #ffffff; font-size: 2.4em; margin-top: 0.2em; margin-bottom: 0em;}
#hd h2 {font-weight: bold; color: #d8e6f1; font-size: 1.5em; margin-bottom: 0.2em}

#col1 {padding: 1em 0em 1em 0em;}
ul.mainnav {margin: 0.5em 15px 1.5em 25px;}
ul.mainnav li {margin: 0.4em 0em 0.4em 0em;}
ul.mainnav li a {text-decoration: none; display: block; padding: 0.4em 1em 0.4em 1.45em; font-size: 0.85em; font-weight: bold; color: #58748c; background-color: #d8e6f1}
ul.mainnav li a:hover {color: #ffffff; background-color: #b3d5f1}
ul.mainnav li a.submenu {background-image: url(images/arrow_white.gif); background-repeat: no-repeat; background-position: 0.5em 50% }
ul.mainnav li a.active_submenu {background-image: url(images/arrow_white_down.gif);  background-position: 3px 50%}
ul.mainnav ul {margin-left: 0.5em; padding-left: 0.5em; border-left: 3px solid #d8e6f1}
ul.mainnav ul a {padding-left: 1em; background-color: #d8e6f1}
ul.mainnav li a.active {background-color: #b3d5f1; color: #ffffff;}

#ft {padding: 1em 15px 1em 15px; margin: 1em 0em 0em 0em; text-align: center;}
#ft p {color: #8aa2b7; font-size: 0.85em; margin-bottom: 0.7em; margin-left: auto; margin-right: auto; width: 75%}
#ft p a {color: #8aa2b7;}
#ft p a:hover {color: #d92e6e;}

.content {padding: 1em 1.5em 1em 0em}
.content h1 {font-weight: bold; color: #58748c; font-size: 1.3em; margin: 0.5em 0em 0em 0em;}
.content h2 { font-weight:bold; color: #58748c; font-size: 1.1em; margin: 1em 0em 0em 0em;}
.content h3 {font-weight: bold; color: #58748c; font-size: 0.9em; margin: 1em 0em 1em 0em;}
.content a {color: #58748c}
.content a:hover {color: #d92e6e}
.content p, .content ul, .content ol {color: #58748c; margin: 1em 0em 1em 0em; font-size: 0.9em}
.content ul, .content ol {margin: 1em 3em 1em 3em;}
.content dl {margin: 1em 0em 1em 0em;}
.content ul li {list-style-type: disc; padding-left: 0.5em}
.content dt {font-weight:bold; color: #58748c; font-size: 1.0em; margin: 1em 0em 0em 0em; }
.content dd {margin: 0.5em 0em 0.5em 0em; font-size: 0.9em; color: #58748c;}
.content p.lead {font-weight: bold; color: #58748c;}
.content p.contact {text-align: center; margin-top: 3em; font-size: 1.3em;}
.content p.contact span {font-weight: bold; font-size: 1.4em; color: #d92e6e}
.content p.contact strong {color: #d92e6e}
.content p.contact a {color: #d92e6e; font-weight: bold;}
.content p.development {background-color: yellow; padding: 0.3em 1em 0.3em 1em; font-weight: bold; color: #000000}
.content table {font-size: 0.9em; }
.content li table {font-size: 1em !important;}
.content table.type1, .content table.type2 {margin: 1em 0em 1em 0em;}
.content table.type3 {margin: 2em 0em 1em 0em;}
.content table.type1, .content table.type3 {width: 100%;}
.content table.type1 td.nopadding {padding-top: 0em;}
.content table.type1 th, .content table.type1 td, .content table.type2 td {border-bottom: 1px solid #b3d5f1; color: #58748c; vertical-align: top; padding: 0.4em 2em 0.4em 0em}
.content table.type2 th, .content table.type2 tr.pretendHeader td {padding-bottom: 0.7em; color: #58748c; font-weight: bold; border: none;}
.content table.type1 th {white-space: nowrap;}
.content table.type3 th {padding-bottom: 0.4em; text-align: center; font-weight: bold;}
.content table.type3 td {padding-top: 0.3em; text-align: center;}
.content table.type3 td.small {width: auto; padding: 0.4em 0em 0em 0em; color: #444444;}
.content table.key {margin-top: 1em;}
.content table.key td, .content table.key th {padding: 0.3em;}
.content div.error p {color: #d92e6e; font-weight: bold;}
.content .login {margin: 1em 0em 1em 0em}
.content .login p {margin: 0.3em 0em 0.3em 0em;}
.content .login label {padding-right: 0.5em;}
.content .logout .button {font-size: 0.9em; margin-left: 1em; vertical-align: middle}
.content .adminTools * {vertical-align: middle !important;}
.content .adminTools img {vertical-align: middle;}
.content .adminTools a {margin-right: 0.3em;}
.content .center {text-align: center;}
.content blockquote {margin: 1em 3em 2em 1em; padding-left: 1em; border-left: 2px solid #b3d5f1; font-style: italic; color: #942824}
form.fhTableType1 fieldset {margin-top: 0.5em;}
form.fhTableType1 .fhFieldRegion * {vertical-align: middle;}
form.fhTableType1 td.fhLabelRegion {padding-top: 0.4em;}
form.fhTableType1 legend {font-weight: bold;}
form.fhTableType1 label {font-size: 0.9em;}
form.fhTableType1 .fhErrorField {background-color: #fff7e1 !important;}
form.fhTableType1 .fhUploadedFile {font-size: 0.85em; padding-left: 0.4em}
.dsSubcat ul li {font-size: 0.95em}
.dsSubcat ul li form {font-size: 1.1em;}

#environmentalPolicy {height: 150px; width: 100%; background-image:  url("../../images/environmental-policy.png"); background-repeat: no-repeat; background-position: left top}
.halfcol {width: 48%; margin-right: 1%; float: left;}

.content .featured { float: left; width: 32%; margin: 0.5em 1% 1em 0; background-color: #ffffff;background-image: url(images/featured-background.gif); background-repeat: no-repeat; background-position: left bottom;}
.content .featured h2 {margin: 0em; background-color: #58748c; color: #ffffff; font-weight: bold; font-size: 0.9em}
.content .featured h2 a {border-bottom: 3px solid #ffffff; color: #ffffff; display: block; text-decoration: none;  padding: 0.3em 0.5em 0.3em 0.7em;}
.content .featured h2 a:hover {color: #d8e6f1}
.content .featured p {margin: 0em; min-height: 83px;  background-repeat: no-repeat; background-position: right bottom;}
.content .featured p a {display: block; padding: 0.5em 85px 0.5em 0.7em; font-size: 1em; }
.clear {clear: both;}
.content .featured1 p {background-image: url(images/featured1.gif);}
.content .featured2 p {background-image: url(images/featured2.gif);}
.content .featured3 p {background-image: url(images/featured3.gif);}

#image_rotator {float: right; margin: 1.2em 0em 1em 2em; }
#rotator {position: relative; height: 168px; width: 250px;}
#rotator .image_holder {width: 250px; position: absolute; top: 0px; left: 0px; height: 168px;}

.right {float: right; margin: 1em 0em 0.5em 2em; clear: right; }
.left {float: left; margin: 1em 2em 0.5em 0em; clear: left; }
.small {width: 150px;}
.medium {width: 200px;}
.large {width: 250px;}

.developmentSummary, .development {margin: 0.5em 0em 0.5em 0em; }
.developmentSummary, .development .header {width: 100%; background-color: #d8e6f1; margin-bottom: 0.5em;}
.developmentSummary .devDetails {padding: 0.5em 1em 0.5em 1em  }

.developmentMapSummary {background-color: #d8e6f1; padding: 0.5em 1em 0.5em 1em; margin: 0em !important; }

.developmentSummary img, .development .header img {width: 48%; float: left; margin-right: 2%;}
.development .header .devDetails {padding: 0.1em 1em 0.1em 1em}

.developmentMapSummary {max-width: 300px;}
.developmentMapSummary img {width: 100%; text-align: center;}

.devDetails h2 {margin: 0em 0em 0.5em 0em}
.development .devDetails h2 {margin: 0.5em 0em 0em 0em}
.developmentMapSummary h2 {margin: 0.2em 0em 0.3em 0em;}
.devDetails p, .developmentMapSummary p {margin: 0em}
.devDetails p.summary {margin: 0.5em 0em 0.5em 0em}
.devDetails p.price {margin-top: 1em; color: #d92e6e}
.devDetails p.contact {clear: none; margin: 0.6em 0em 0.6em 0em; font-weight: bold; color: #58748c; text-align: left;}
.devDetails p.price span {font-weight: bold; font-size: 1.2em}
.developmentMapSummary p.available, .devDetails p.available { margin-top: 0.6em; padding-top: 0.2em; padding-bottom: 0.2em; }
.developmentMapSummary p.available a, .devDetails p.available a {text-decoration: none;background-image: none; padding: 0.2em 0.5em 0.2em 0.5em; background-color:#58748c; color: #ffffff; font-weight: bold; font-size: 1em;}
.developmentMapSummary p.available a:hover, .devDetails p.available a:hover {text-decoration: underline;}
.developmentMapSummary p.link {padding-top: 0.6em;}
.devDetails a, .developmentMapSummary a {padding-left: 10px; background-image: url(images/arrow_grey.gif); background-repeat: no-repeat; background-position: 0px 50%;}
.devDetails a:hover, .developmentMapSummary a:hover {background-image: url(images/arrow_white.gif);}

#fontControls {text-align: center; font-size: 0.85em; color: #393939;}
#fontControls p {margin-bottom: 0.3em}

#board div {clear: both; padding-bottom: 1em;}
#board img {float: left; margin: 0em 0.5em 0.5em 0em;}