body {font-family: Arial, Verdana, Geneva, helvetica, sans-serif; padding: 0; margin: 0;}

img {border: 0;}
a {color: #CC0033;}
	
h1 {font-size: 180%; font-weight: bold; margin: 0.7em 0 0.5em 0; color: #CC0033; }
h2 {font-size: 160%; font-weight: normal; margin: 0.7em 0 0.5em 0; color: #CC0033;}
h3 {font-size: 130%; font-weight: normal; margin: 0.7em 0 0.5em 0; color: #CC0033;}
h4 {font-size: 120%; font-weight: bold; margin: 1em 0;}
h5 {font-size: 110%; font-weight: bold; margin: 1em 0;}
h6 {font-size: 100%; font-weight: bold; margin: 1em 0;}

.b {font-weight: bold;}
.no-m {padding: 0; margin: 0;}
.no-u {text-decoration: none;}
.a-m {vertical-align: middle;}
.image-caption {float: right; padding: 0 0 0.8em 0.5em; width: 226px; color: #333333;}
.space15 {clear: both; height: 15px; font-size: 1%; line-height: 0;}
.space10 {clear: both; height: 10px; font-size: 1%; line-height: 0;}
.skip_nav {display: none;}
.invis {visibility: hidden;}
.cl {clear: both; font-size: 0%;}
a.small {font-size: 100%; color: #FFFFFF; text-decoration: none;}
a.small-active {font-size: 100%; color: #FFFFFF; text-decoration: underline;}
a.medium {font-size: 130%; color: #FFFFFF; text-decoration: none;}
a.medium-active {font-size: 130%; color: #FFFFFF; text-decoration: underline;}
a.large {font-size: 160%; color: #FFFFFF; text-decoration: none;}
a.large-active {font-size: 160%; color: #FFFFFF; text-decoration: underline;}
.lg {font-size: 160%;}
.grey-lg {font-size: 160%; color: #555555;}

#container {padding: 0 5%; position: relative; overflow: hidden;}

#headerlinks {padding: 0.4em 5%; text-align: right;}
#headerlinks ul li {display: inline; padding: 0 0.5em; font-size: 95%;}
#headerlinks a {text-decoration: none;}
#headerlinks a:hover, #headerlinks a:active, #headerlinks a:focus {text-decoration: underline;}
#header {padding: 0 5%; background-color: #CC0033; overflow: hidden; color: #FFFFFF;}
#logo {float: left;}
#search {float: right; color: #FFFFFF; padding: 10px 10px 0 10px; font-weight: bold;}
#search form {padding-top: 0.5em;}
#search label {display: none;}
#search .cleardefault {padding: 0.1em 0.3em; color: #555555; border: 1px solid #B7B7B7;}

#topmenu {clear: both; font-size: 120%; overflow: hidden; padding: 0.2em 0;}
#topmenu ul {}
#topmenu ul li {display: inline; white-space: normal; display: block; float: left; text-align: center; border-right: 1px solid #FFFFFF;}
#topmenu a {color: #FFFFFF; text-decoration: none; display: block; padding: 0.1em 0.7em; font-weight: bold;}
#topmenu a:hover, #topmenu a:active, #topmenu a:focus, #topmenu .active {background-color: #FFFFFE; color: #CC0033;}	

#lhs {position: relative; float: left; width: 25%; margin: 20px 5% 1em 0; overflow: hidden;}
#rhs {position: relative; float: right; width: 25%; margin: 20px 0 1em 3%; overflow: hidden;}
#content {padding: 0.5em 0 1em 0; overflow: hidden;}
#content-norhs {padding: 0.5em 2% 1em 0; overflow: hidden;}
#content-nolhs {padding: 0.5em 10% 1em 10%; overflow: hidden;}

#content ul, #content-norhs ul, #content-nolhs ul {padding: 0 0 0 20px; margin: 5px 5px 5px 21px;}
#content ul li, #content-norhs ul li, #content-nolhs ul li  {padding: 0.3em 0 0.3em 0; list-style-type: disc;}


#footer {clear: both; padding: 15px 5%; background-color: #CC0033; color: #FFFFFF; overflow: hidden; text-align: right;}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover, #footer a:active, #footer a:focus {text-decoration: underline;}
#footer ul li {display: inline; padding: 0 0.5em; font-weight: bold;}
#footer-logos {padding: 0 5%;}
.footer-l {float: left; width: 48%; padding: 0.4em 0;  font-size: 90%;}
.footer-r {float: right; width: 48%; padding: 0.4em 0; text-align: right; font-size: 90%;}


/*** lhs menu ***/

#lhs ul {border-bottom: 1px solid #CC0033; padding: 0.5em 0 1.7em 0; margin-bottom: 2em;}
#lhs ul li {padding: 0.3em 0; list-style-type: none;}
#lhs ul li a {color: #000000; text-decoration: none; font-weight: bold; font-size: 110%;}
#lhs ul ul {border-bottom: 0; padding: 0.5em 0 0.5em 1.5em; margin-bottom: 0;}
#lhs ul ul li {padding: 0.2em 0;  list-style-type: none;}
#lhs ul ul li a {color: #000000; text-decoration: none; font-weight: bold; font-size: 100%;}
#lhs a:hover, #lhs a:active, #lhs a:focus, #lhs .active {color: #CC0033;}

#lhs h2 {border-top: 1px solid #CC0033; border-bottom: 1px solid #CC0033; padding: 0.2em 0; margin-top: 1.3em;}

.menu-top {background: #CC0033 url(../images/menu_top_arrow.gif) top right no-repeat; padding: 0.3em 15px 0.3em 0.3em; color: #FFFFFF; font-weight: bold; font-size: 110%;}
.menu-top a {color: #FFFFFF; text-decoration: none;}
#lhs .menu-top a:hover, #lhs .menu-top a:active, #lhs .menu-top a:focus {color: #FFFFFF; text-decoration: underline;}



.ph-top {position: relative; overflow: hidden; background-color: #CC0033; color: #FFFFFF; padding: 0.3em 0.5em 0.2em 0.5em; color: #FFFFFF; font-size: 110%;}
.ph-top a {color: #FFFFFF;}
.ph-bott {position: relative; overflow: hidden; margin-bottom: 5px;}
#content .ph-bott h2, #content-norhs .ph-bott h2, #content-nolhs .ph-bott h2 {font-size: 180%; margin:0; }
.tl, .tl-red, .bl, .tr, .tr-red, .br {width: 10px; height: 10px; position: absolute; background-repeat: no-repeat; background-color: transparent; z-index: 9999 !important; }
.tl {top:0; left:0; background-image: url(../images/corner_tl.gif);}
.tl-red {top:0; left:0; background-image: url(../images/corner_tl_red.gif);}
.bl {bottom: 0; left: 0; background-image: url(../images/corner_bl.gif);}
.tr {top:0; right:0; background-image: url(../images/corner_tr.gif);}
.tr-red {top:0; right:0; background-image: url(../images/corner_tr_red.gif);}
.br {bottom: 0; right: 0; background-image: url(../images/corner_br.gif);}
.box {border: 3px solid #CC0033; padding: 0.1em 1em;}
.box-news {background: url(../images/news_pic.jpg) top right no-repeat; border: 3px solid #CC0033; padding: 1em 240px 1em 1em;}
.box-repairs {background: url(../images/repairs_pic.jpg) top right no-repeat; border: 3px solid #CC0033; padding: 1em 240px 1em 1em;}
.box-rent {background: url(../images/rent_pic.jpg) top right no-repeat; border: 3px solid #CC0033; padding: 1em 240px 1em 1em;}
#content .box-news ul, #content .box-repairs ul, #content .box-rent ul, #content .box ul, #content-norhs .box-news ul, #content-norhs .box-repairs ul, #content-norhs .box-rent ul, #content-norhs .box ul, #content-nolhs .box-news ul, #content-nolhs .box-repairs ul, #content-nolhs .box-rent ul, #content-nolhs .box ul {padding: 0 0 0 12px; margin: 0;}
#content .box-news ul li, #content .box-repairs ul li, #content .box-rent ul li, #content .box ul li, #content-norhs .box-news ul li, #content-norhs .box-repairs ul li, #content-norhs .box-rent ul li, #content-norhs .box ul li, #content-nolhs .box-news ul li, #content-nolhs .box-repairs ul li, #content-nolhs .box-rent ul li, #content-nolhs .box ul li {list-style-image: url(../images/arrow.gif); padding: 0; margin: 0;}
#content .box ul, #content-norhs .box ul, #content-nolhs .box ul {padding: 1em 0 1em 1.5em; margin: 0;}
#content .box ul li, #content-norhs .box ul li, #content-nolhs .box ul li {list-style-image: url(../images/arrow.gif); padding: 0; margin: 0;}
.box-g {border: 1px solid #B2B2B2; padding: 0.2em 1em; margin: 0 0 0.5em 0; overflow: hidden;}
.box-g img {float: left; padding: 10px 15px 10px 0;}

.property {float: left; padding: 0 15px 10px 0;}


/*** forms ***/
	
div.row {width: 100%; overflow: hidden; background-color: #ececec; border-bottom: 1px solid #fff;}
div.row div.label {float:left; width: 28%; padding: 0 1%;}
div.row div.label2 {float:left; width: 98%; padding: 0 1%;}
div.row div.label3 {float:left; width: 48%; padding: 0 1%;}
div.row div.field {float: right; width: 67%; padding: 0 1%;}
div.row div.field3 {float: left; width: 48%; padding: 0 1%;}
div.row div.desc {float: left; width: 93%; padding: 0 1%;}
div.row div.space {float: left; width: 100%; height: 0.5em; background-color: #FFFFFF;}
div.row p {margin: 0.5em 0;}