/* SITE SPECIFIC --------------------------------------------------- */

body
{
	margin: 0px;
	padding: 0px;
	background-color: #040f20;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

.OuterDiv
{
	border: 1px solid #444444;
	width: 800px;
	margin: 0 auto;
}

.PageHeader
{
	height: 50px;
	background-color: #efefef;
}

.PageMain
{
	background-color: #ffffff;
}

.GlobalNav
{
	background-color: #cccccc;
	border: 0px;
	text-align: center;
}

.GlobalNav DIV
{
	display: inline;
	line-height: 26px;
	font-size: 16px;
	margin: 4px 10px 4px 10px;
	padding: 4px;
}

.GlobalNav a
{
	text-decoration: none;	
	color: #444444;
}

.GlobalNavActive
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.GlobalNav a:hover
{
	text-decoration: underline;	
}

.LeftNav
{
	float: left;
	width: 150px;
	padding: 0px;
	border: solid 1px #444444;
}

.PageContent
{
	margin-left: 150px;
	padding: 8px;
	border: solid 1px #444444;
}

.PageFooter
{
	padding: 8px;
	border: solid 1px #444444;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003f78;
	line-height: 18px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003f78;
	text-indent: 0px;
	line-height: 18px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

.FormNote 
{
	font-size: 12px;
}

.FormRequired
{
	color: Red;
}

.FormLabel
{
	font-size: 12px;
	background-color: #efefef;
}

.FormField
{
	font-size: 12px;
}

.FormButtonArea
{
}

.required
{
	color: Red;
}

.message
{
	color: Red;
}

.NewsArticleDate 
{
	font-style: italic;
	margin-bottom: 15px;
}


.container {
	width: 1206px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/Background.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
}
.top_left {
	background-image: url(images/AOH-Logo-1.jpg);
	float: left;
	height: 234px;
	width: 409px;
	position: relative;
}
.left_column {
	width: 409px;
	display: inline;
	float: left;
	position: relative;
	height: 100%;
}
.left_text_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	width: 197px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 202px;
	background-image: url(images/nav-element-back.gif);
	background-repeat: repeat-y;
	text-align: right;
	height: 150px;
	overflow-y: auto;
}
.left_text_box a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	font-style: italic;
}
.left_text_box a:hover {
	text-decoration: underline;
}
.left_header {
	width: 409px;
	height: 30px;
	float: left;
}

div.left_header_testimonials a {
	background-image: url(images/Testimonials.png);
	height: 40px;
	background-position: 0 0;
	display: block;
	}

div.left_header_testimonials a:hover {
	background-position: 0 -40px;
	}

div.left_header_testimonials a:selected {
	background-position: 0 -40px;
	}

div.left_header_community_partners a {
	background-image: url(images/CommunityPartners.png);
	height: 40px;
	background-position: 0 0;
	display: block;
	}

div.left_header_community_partners a:hover {
	background-position: 0 -40px;
	}

div.left_header_community_partners a:selected {
	background-position: 0 -40px;
	}

div.left_header_surveys a {
	background-image: url(images/Surveys.png);
	height: 40px;
	background-position: 0 0;
	display: block;
	}

div.left_header_surveys a:hover {
	background-position: 0 -40px;
	}

div.left_header_surveys a:selected {
	background-position: 0 -40px;
	}
	
.survey_purpose 
{
	padding: 4px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

.left_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	background-image: url(images/nav-element-back.gif);
	background-repeat: repeat-y;
	width: 399px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	text-align: right;
	text-indent: 202px;
	margin: 0px;
}
.left_text a {
	color: #FFFFFF;
	text-decoration: none;
}
.left_text_shadow {
	background-image: url(images/nav-element-shadow.gif);
	display: block;
	width: 409px;
	height: 3px;
}
.left_text_bottom {
	background-image: url(images/nav-element-bottom.gif);
	display: block;
	width: 409px;
	height: 2px;
}

ul.left_cssmenu {
	list-style: none;
	padding: 0px;
	clear: left;
	margin: 0px;
	}
ul.left_cssmenu li a {
	display: block;
	background-image: url(images/nav-element-back.gif);
	background-repeat: repeat-y;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	text-indent: 202px;
	width: 399px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	}
ul.left_cssmenu li a:hover {
	background-image: url(images/nav-element-back-highlight.gif);
	display: block;
	}
ul.left_cssmenu li a.selected {
	background-image: url(images/nav-element-back-highlight.gif);
	display: block;
	}

ul.left_csslinkmenu {
	list-style: none;
	padding: 0px;
	clear: left;
	margin: 0px;
	}
	
ul.left_csslinkmenu li {
	display: block;
	background-image: url(images/nav-element-back.gif);
	background-repeat: repeat-y;
	text-align: right;
	text-indent: 202px;
	width: 399px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	}
ul.left_csslinkmenu li a {
	display: block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	text-align: right;
	padding-top: 6px;
	padding-bottom: 6px;
	}
ul.left_csslinkmenu li a:hover {
	text-decoration: underline;
	display: block;
	}
ul.left_csslinkmenu li a.selected {
	background-image: url(images/nav-element-back-highlight.gif);
	display: block;
	}




ul.left_csslinkmenu2 {
	list-style: none;
	padding: 0px;
	clear: left;
	overflow: scroll;
	height: 150px; 
	margin: 0px;
	}
	
ul.left_csslinkmenu2 li {
	display: block;
	background-image: url(images/nav-element-back.gif);
	background-repeat: repeat-y;
	text-align: right;
	text-indent: 202px;
	width: 399px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	}
ul.left_csslinkmenu2 li a {
	display: block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	text-align: right;
	padding-top: 6px;
	padding-bottom: 6px;
	}
ul.left_csslinkmenu2 li a:hover {
	text-decoration: underline;
	display: block;
	}
ul.left_csslinkmenu2 li a.selected {
	background-image: url(images/nav-element-back-highlight.gif);
	display: block;
	}


ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
ul.cssmenu li {
	float: left;
	}
ul.cssmenu li a {
	display: block;
	height: 42px;
	background: url('images/Navigation.jpg');
	}

ul.cssmenu li.home a {
	width: 104px;
	background-position: 0 0;
	}
ul.cssmenu li.resident a {
	width: 117px;
	background-position: -104px 0;
	}
ul.cssmenu li.developments a {
	width: 104px;
	background-position: -221px 0;
	}
ul.cssmenu li.vantage a {
	width: 150px;
	background-position: -325px 0;
	}
ul.cssmenu li.portfolio a {
	width: 77px;
	background-position: -475px 0;
	}
ul.cssmenu li.contact a {
	width: 71px;
	background-position: -552px 0;
	}

ul.cssmenu li.home a:hover {
	background-position: 0 -42px;
	}
ul.cssmenu li.resident a:hover {
	background-position: -104px -42px;
	}
ul.cssmenu li.developments a:hover {
	background-position: -221px -42px;
	}
ul.cssmenu li.vantage a:hover {
	background-position: -325px -42px;
	}
ul.cssmenu li.portfolio a:hover {
	background-position: -475px -42px;
	}
ul.cssmenu li.contact a:hover {
	background-position: -552px -42px;
	}

ul.cssmenu li.home a.selected {
	background-position: 0 -42px;
	}
ul.cssmenu li.resident a.selected {
	background-position: -104px -42px;
	}
ul.cssmenu li.developments a.selected {
	background-position: -221px -42px;
	}
ul.cssmenu li.vantage a.selected {
	background-position: -325px -42px;
	}
ul.cssmenu li.portfolio a.selected {
	background-position: -475px -42px;
	}
ul.cssmenu li.contact a.selected {
	background-position: -552px -42px;
	}

.center_column {
	position: relative;
	width: 623px;
	display: inline;
	float: left;
	height: 100%;
}
.center {
	height: 235px;
	width: 623px;
	float: left;
	position: relative;
}
.center_top {
	height: 192px;
	width: 623px;
}
.top_right {
	background-image: url(images/Right-Top.jpg);
	height: 234px;
	width: 174px;
	float: right;
}
.center_main {
	background-color: #FFFFFF;
	height: 100%;
	min-height: 600px;
	width: 583px;
	padding: 20px;
}
.center_text_box {
	background-image: url(images/Copy-Background.jpg);
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: auto;
	width: 563px;
	line-height: 1.5;
}

.properties 
{
	width: 560px;
}

.property_header {
	background-image: url(images/brown_gradient.jpg);
	background-repeat: repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-indent: 0px;
	line-height: 16px;

	text-align: center; 
	vertical-align: middle;
	margin: 0px;
	padding-top: 13px;
	width: 100%;
	height: 27px;
}

.property_box {
	background-image: url(images/property_background.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	overflow: auto;
	width: 550px;
	height: 110px;
}

.property_image {
	width: 100px;
	height: 65px;
	float: left;
	border: solid 1px #cccccc;
	text-align: center;
	vertical-align: middle;
	margin-top: 20px;
	margin-right: 10px;
}

.property_title {
	width: 120px;
	height: 75px;
	float: left;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-top: 35px;
	margin-right: 10px;
}

.property_address {
	width: 200px;
	height: 75px;
	float: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	margin-top: 35px;
}
.right_column {
	position: relative;
	float: left;
	width: 174px;
	display: inline;
}
.main_left {
	background-image: url(images/AOH-Logo-2.jpg);
	float: left;
	width: 409px;
	height: 330px;
}
.right_mid {
	height: 330px;
	width: 174px;
	background-image: url(images/Right-Mid.jpg);
}
.footer_top {
	background-image: url(images/Bottom.gif);
	height: 20px;
	width: 1206px;
	display: block;
	clear: both;
}
.footer {
	height: 50px;
	width: 1206px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	clear: both;
}
.footer a
{
	text-decoration: none;
	color: #FFFFFF;
}

.top {
	float: left;
	height: 234px;
	width: 1206px;
}
.main {
	background-image: url(images/Background-Columns.gif);
	background-repeat: repeat-y;
	width: 1206px;
	overflow: hidden;
	clear: both;
	float: left;
}
.leftGirl {
	background-image: url(images/Happy-Girl.png);
	height: 313px;
	width: 159px;
	position: absolute;
	left: 33px;
	top: 440px;
}

.blue_text_box {
	background-image: url(images/Blue-Box-Back.jpg);
	background-repeat: repeat-x;
	width: 553px;
	padding-top: 1px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-position: top;
	height: 227px;
	overflow: visible;
}
.ourPurposeImageBox {
	width: 244px;
	height: 249px;
	float: left;
	margin-bottom: 20px;
	background-image: url(images/Our-Purpose/Our-Purpose-Frame.jpg);
	background-repeat: no-repeat;
	padding-top: 9px;
	padding-left: 9px;
}
.ourPurposeThumb {
	width: 75px;
	height: 70px;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor:pointer;
}
.purposeBox {
	width: 275px;
	float: right;
}
.orange_text_box {
	background-image: url(images/Orange-Box-Back.jpg);
	width: 245px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	float: right;
	background-repeat: repeat-x;
	margin-top: 5px;
	background-position: top;
	height: 208px;
	overflow: visible;
}
.orangeHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ad6f00;
	line-height: 18px;
	font-weight: bold;
}

#tinybox {position:absolute; display:none; padding:0px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#e3e3e3}