@charset "UTF-8";
/* CSS Document */

body {
	background-color: #3e7796; /* change this value */
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 925px;
	margin: 0 auto;
}

#header1, #header3 { /* blocks in upper corners */
	width: 15px;
	height: 15px;
	background-color: #b1bbc1; /* change this value */
	float: left;
	position: relative;
	top: 0px;
}

#header2 { /* middle bar at top */
	width: 100%;
	height:15px;
	background-color: #b1bbc1; /* change this value */
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#contentwrapper {
	width: 895px;
	position: relative;
	float: left;
	background-color: #3e7796; /* change this value */
	
	border-color: #3e7796; /* change this value */
}

/*///// NAVIGATION ///// */

#nav {
	width: 855px; 
	top: 5px;
	left: 20px;
	position: relative;
	z-index: 4;
	font-size: 20px;
	font-family: Optima, Georgia, "Century Old Style Std", "Times New Roman", Times, sans-serif;
	float: left;
	border-color: #b1bbc1; /* change this value */
	border-width: 2px 0 2px 0;
	border-style: solid;
	margin: 5px 0 10px 0;
	text-transform: capitalize;
	font-variant: small-caps;
}

	#nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 24px;
		z-index: 4;
		}
		
	#nav li {
		float: left;
		position: relative;
		width: 140px;
		text-align: left;
		z-index: 4;
		}
		
	#nav li ul { /* submenu style */
		display: none;
		position: absolute;
		margin-top: 0; 
		text-align: center;
		border: solid .5px #b1bbc1;
		background-color: #517f99; /* change this value */
		/*filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		-khtml-opacity: 0.8;*/
		z-index: 4;
		list-style: none;
		font-size: 16px;
		}
		
	#nav li:hover ul, li.over ul {
		display: block;
		}
		
	#nav li ul li {
		border-bottom: solid 1px #b1bbc1; /* change this value */
		line-height: 16px;
		margin-top: 3px;
		padding: 5px;
		}
		
	#nav li#first {
		border-top: 0;
		}
		
	#nav li#last {
		border: 0;
		}
		
		
	#nav li ul li a:link { /* drop down link colors */
	color: #fff; /* change this value */
	}
	
	#nav li ul li a:visited {
	color: #fff; /* change this value */
	}

	#nav li a:link, #nav li a:visited { /* main nav links */
	color: #cdd4d8; /* change this value */
	text-decoration: none;
	}

#navpm {
	width: 200px;
	height: 25px;
	background-color: #fff;
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 4;
	padding-top: 3px;
	font-size: 14px;
	text-align: center;
	font-family: Optima, Georgia, "Century Old Style Std", "Times New Roman", Times, sans-serif;
}

#navpm a:link {
	color: #000;
	text-decoration: none;
}

#navpm a:visited {
	color: #000;
	text-decoration: none;
}



#topimg {
	width: 895px;
	height: 150px;
	background-color: #3e7796; /* change this value */
	z-index: 1;
	float: left;
}

	#topimg #logo {
		float: left;
		position: relative;
		left: 20px;
		top: 10px;
		margin: 0;
		padding: 0;
	}
	
	#topimg #topbanner {
		float: right;
		position: relative;
		top: 10px;
		right: 20px;
		margin: 0;
		padding: 0;
	}

#sidebar {
	width: 200px;
	top: 0px;
	left: 15px;
	z-index: 3;
	position: relative;
	float: left;
	padding: 10px;
}

	#sidebar a {
		color: #fff;
	}

#flashimg {
	width: 615px;
	height: 375px;
	position: relative;
	z-index: 0;
	margin-top: 5px;
	margin-left: 260px;
}

#contentwrap {
	width: 925px;
	position: relative;
}

#content {
	width: 600px;
	position: relative;
	left: 63px;

}

#content a:link {
	color: #b1bbc1; /*change this value */
	text-decoration: underline;
}

#content a:visited {
color: #b1bbc1; /*change this value */
text-decoration: underline;
}

	p {
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	}

	#intro {
	width: 600px;
	float: left;
	position: relative;
	}
	
	#intro p {
	color: #1B1464;
	font-size: 13px;
	}
	
	#introimg {
	width: 275px;
	float: right;
	position: relative;	
	}
	
	.aptname {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#apt {
	width: 325px;
	float: left;
	position: relative;
	}
	
	#aptimg {
	width: 275px;
	float: right;
	position: relative;
	}
	
	#quickfacts {
	background-color: #0066ff;
	width: 275px;
	height: 150px;
	float: right;
	position: relative;
	}
	
	#break {
	background-color: #D8C3A5;
	width: 100%;
	height: 40px;
	position: relative;	
	clear: both;
	}
	

#sidebar p {
	font-size: 14px;
	color: #cdd4d8;
}

#lowerpanelwrapper {
	width: 650px;
	height: 140px;
	float: right;
}

	#announcements {
		position: relative;
		left: 25px;
		top: 5px;
		width: 200px;
		height: 125px;
		float: left;
		padding: 10px;
		overflow: auto;
		color: #cdd4d8;
		font: 13px Arial, Helvetica, sans-serif;
	}

	#announcements h2 {
		margin: 0;
		padding: 0;
		font: 15px/17px Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#announcements h3 {
		margin: 0;
		padding: 0;
		font: 15px/17px Arial, Helvetica, sans-serif;
	}

	#announcements p {
		padding: 3px 0;
		font: 12px Arial, Helvetica, sans-serif;
	}
	
	#announcements a {
		font: 12px Arial, Helvetica, sans-serif;
		color: #b1bbc1;
	}
	
	#announcements a:hover {
		text-decoration: none;
	}
	
	#announcements a:visited, #announcements a:active {
		color: #b1bbc1;
		text-decoration: underline;
	}

	#lowerpanelright {
		width: 295px;
		height: 125px;
		float: right;
		padding: 0;
		position: relative;
		left: -15px;
		top: 5px;
	}

		#lowerpanelright p {
			top: -20px;
			margin-top: 2px;
			font-size: 14px;
			padding: 3px;
			color: #cdd4d8;
		}
		
		#lowerpanelright a {
			color: #b1bbc1;
		}
	

	
#footer {
	height: 75px;
	width: 885px;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	}
	
	#footer #col1 {
		position: relative;
		top: 19px;
		left: 10px;
		width: 300px;
		margin: 0;
		padding: 0;
		text-align: right;
		float: left;
	}
	
	#footer #col1 p, #footer #col2 p, #footer #col3 p {
		font: 13px/16px Arial, Helvetica, sans-serif;
		color: #cdd4d8;
	}
	
	#footer #col2 {
		position: relative;
		top: 19px;
		left: 25px;
		width: 220px;
		margin: 0;
		padding: 0 15px;
		text-align: center;
		float: left;
	}
	
	#footer #col3 {
		position: relative;
		top: 19px;
		left: 25px;
		width: 325px;
		margin: 0;
		padding: 0;
		text-align: left;
		float: left;
	}
	
	#footer a {
		color: #b1bbc1;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	
#clear {
	float: none;
}

table {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.th {
	color: #663300;
	font-weight: bold;
}

#article {
	line-height: 18px;
}

#article img {
	padding-left: 5px;
	}
	
#resident_login {
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px;
	margin: 0;
	background-color: #333366;
	
}

	#resident_login a {
		font: 12px Arial, Helvetica, sans-serif;
		color: #f9ae00;
	}
	
	#resident_login a:hover {
		text-decoration: none;
	}

#index_login {
	width: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	color: #cdd4d8;
	padding: 20px 10px 0 0;
	position: relative;
	bottom: 10px;
	text-align: right;
}
	
	#index_login form {
		padding: 0;
		margin: 0;
	}
	
	#index_login .right {
		float: left;
		width: 80px;
		clear: both;
	}

	#index_login input {
		height: 13px;
		font: 12px Arial, Helvetica, sans-serif;
		border: none;
		padding: 3px;
		margin: 3px 0;
	}
	
	#index_login p {
		border: none;
		background-color: #fff;
		font: 12px Arial, Helvetica, sans-serif;
		color: #1e3c50;
		margin: 0;
		padding: 2px;
		width: 50px;
		display: block;
		text-align: center;
		float: right;
		position: relative;
		bottom: 20px;
	}
	
	#index_login h3 {
		font-weight: bold;
		font: 13px Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 2px 0;
	    color: #cdd4d8;
	}
	
	#index_login a {
		color: #b1bbc1;
		font-weight: bold;
	}

.xsmall {
	font: 10px Arial, Helvetica, sans-serif;
}

.right {
	float: left;
	text-align: right;
	width: 120px;
	height: 20px;
	padding: 5px;
	margin: 5px;
}

input, select, textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 10px 5px;
	border: 1px solid #666;
}
	

/* subpage styles */

#af #subpageheader { background-image: url('images/amenities_features.gif'); }
#ai #subpageheader { background-image: url('images/amenities_inclusive.gif'); }
#apart #subpageheader { background-image: url('images/apart.gif'); }
#aml #subpageheader { background-image: url('images/apart_main.gif'); }
#arl #subpageheader { background-image: url('images/apart_cary.gif'); }
#aul #subpageheader { background-image: url('images/apart_upper.gif'); }
#ah #subpageheader { background-image: url('images/page_area_hist.gif'); }
#ae #subpageheader { background-image: url('images/comm_area_events.gif'); }
#contact #subpageheader { background-image: url('images/bg_contact.gif'); }
#specials #subpageheader { background-image: url('images/page_area_hist.gif'); }
#oe #subpageheader { background-image: url('images/comm_our_events.gif'); }
#directory #subpageheader { background-image: url('images/comm_directory.gif'); }


#subpageheader { width: 895px; height: 425px; float: left; background-repeat: no-repeat; background-position: top left; }

	#subpageheader h1 { display: none; }
	
	#subpageheader p { color: #cdd4d8; padding: 0 0 0 10px;}

	#subpageheader #all_inclusive {
		position: absolute;
		right: 36px;
		width: 287px;
		height: 20px;
		top: 577px;
		margin: 0;
		padding: 0;	
	}

	#subpageheader #all_inclusive:hover {
		cursor: pointer;
	}

#subpagecontent {
	position: relative;
	top: -20px;
	padding: 10px;
	color: #cdd4d8;
	float: left;
	width: 875px;
	margin-left: 10px;
}
	#subpagecontent h1 {
		font: 24px Arial, Helvetica, sans-serif;
		color: #cdd4d8;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 10px;
	}
	
	#subpagecontent #hdr {
		width: 500px;
		float: left;
		position: relative;
		padding: 0 0 0 5px;
		margin: 0 0 5px 0;
		top: -15px;
	}
	
		#subpagecontent #hdr h2 {
			padding: 0 0 0 5px;
		}

	#subpagecontent h2 {
		margin: 0;
		padding: 0 0 0 10px;
		font: 16px Arial, Helvetica, sans-serif;
		color: #cdd4d8;
		font-weight: 900;
	}
	
	#subpagecontent h3 {
		margin: 0;
		padding: 0 0 0 10px;
		font: 14px Arial, Helvetica, sans-serif;
		color: #cdd4d8;
		font-weight: bold;
	}
	
	#subpagecontent p {
		margin: 0;
		padding: 0 0 0 10px;
		font: 13px Arial, Helvetica, sans-serif;
		color: #cdd4d8;
	}
	
	#subpagecontent a {
		color: #b1bbc1;
	}
	
	#subpagecontent a:hover {
		text-decoration: none;
	}
	
	#subpagecontent #col1, #subpagecontent #col2, #subpagecontent #col3 {
		width: 31%;
		float: left;
		margin-right: 5px;
		padding-left: 5px;
		position: relative;
	}
	
	#subpagecontent ul {
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}
	
	#subpagecontent ul li {
		color: #cdd4d8;
		font: 13px Arial, Helvetica, sans-serif;
	}

.indent {
	text-indent: 10px;
}

.small {
	font-size: 0.7em !important;
}

/* residents styles */

#window1 {
	width: 230px;
	min-height: 260px;
	height: 260px;
	position: relative;
	float: left;
	top: 20px;
	left: 0;
}

	#window1 h2, #window2 h2, #window4 h2 {
		font: 24px Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 0;
		padding: 7px;
		text-align: left;
		background-color: #1d3b50;
		color: #fef1c8;
	}

	#window1 div {
		border-left: 3px solid #e8d0a4;
		border-right: 3px solid #e8d0a4;
		background: none;
		font: 16px/24px Arial, Helvetica, sans-serif;
		color: #bc9150;
		max-height: 132px;
		height: 132px;
		margin: 0;
		padding: 7px 0 7px 7px;
	}
	
	#window1 h3 {
		font: 24px Arial, Helvetica, sans-serif;
		font-weight: normal;
		border-left: 3px solid #e8d0a4;
		border-right: 3px solid #e8d0a4;
		border-bottom: 3px solid #e8d0a4;
		color: #fef1c8;
		margin: 0;
		padding: 7px;
		text-align: left;
		background-color: ;
	}
	#window1 a {
		color: #fef1c8;
	}
	
	#window1 a:hover {
		text-decoration: none;
	}
	
	#window1 span {
		color: #fef1c8;
	}

#window2 {
	width: 300px;
	min-height: 260px;
	height: 260px;
	position: relative;
	float: left;
	top: 20px;
	left: 10px;
	background-color: #1d3b50;
	border-bottom: 3px solid #e8d0a4;
}
	
	#window2 div {
		border-left: 3px solid #e8d0a4;
		border-right: 3px solid #e8d0a4;
		background-color: #fef1c8;
		margin: 0;
		padding: 7px;
		overflow: auto;
		max-height: 150px;
		height: 150px;
	}
	
	#window2 h3 {
		color: #000;
		font: 14px Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	#window2 a {
		color: #000;
		font: 16px Arial, Helvetica, sans-serif;
		margin: 0 0 5px 0;
	}

#window3 {
	float: left;
	height: 260px;
	padding: 0;
	margin: 0;
	position: relative;
	left: 10px;
	top: 20px;
}

	#window3 img {
		border: none;
		margin-left: 10px;
	}

#window4 {
	float: left;
	width: 96%;
	position: relative;
	left: 0;
	top: 20px;
	margin: 20px 0;
	height: 275px;
	border: 3px solid #e8d0a4;
	overflow: auto;
}

	#window4 h2 {
		margin: 5px;
	}
	
	#window4 p {
		margin: 5px 5px 5px 15px;
		color: #fff;
		font: 14px Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#window4 span {
		text-transform: uppercase;
		font-size: 0.9em;
		position: relative;
		top: 5px;
	}
	
	#window4 #one {
		left: 300px;
	}
	
	#window4 #two {
		left: 350px;
	
	}

#subnav {
	width: 400px;
	height: 15px;
	top: 10px;
	left: 490px;
	position: relative;
	font-size: 13px;
	font-family: Optima, Georgia, "Century Old Style Std", "Times New Roman", Times, sans-serif;
	color: #fff;
}

	#subnav a {
		color: #fcc16c;
	}

.right {
	float: left;
	text-align: right;
	width: 120px;
	height: 20px;
	padding: 5px;
	margin: 5px;
}

input, select, textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 10px 5px;
	border: 1px solid #666;
}

label {
	font: 12px Arial, Helvetica, sans-serif;
	color: #cdd4d8;
}

.error {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	font-weight: bold;
	background-color: #ffcccc;
	border: 1px solid black;
	padding: 10px;
	width: 95%;
	margin: 10px auto;
}

/* calendar */

#calendar iframe {
	margin: 25px 0;
	width: 850px;
	height: 650px;
	float: left;
}	

#allinclusive {
	float: right;
	position: relative;
	padding: 0 0 0 5px;
	margin: 0 22px 5px 0;
	top: -20px;
}
	
	#allinclusive img {
		border: none;
	}