@import url(l1Nav.css);
@import url(constants.css);
@import url(lightbox.css);

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%; /* needed for container min-height */
	
	font-family:arial,sans-serif;
	font-size:12px;
	color:#555;
}

body {
	background:#DFC06F url(../_img/body_bg.jpg) repeat-x;
}

h1 { 
	font:28px;
	margin:120px 0px 0px 36px;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:100;
	font-style:italic;
}

h1.twoTier { 
	font:28px;
	margin:92px 0px 0px 36px;
	padding:0;
	width:200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:100;
	font-style:italic;
}

h1.index { 
	font:20px;
	margin:0px 0px 0px 0px;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#96552F;
	font-weight:100;
	font-style:italic;
}

a {
	color:#BB0E00;
}

a:hover {
	color:#BB0E00;
	text-decoration:none;
}

p { 
	line-height:1.65em; 
	margin:18px 0px 0px 0px;
	padding:0;
}

label {
	clear:both;
	float:left;
	margin:9px 0px 0px 0px;
	padding:0;
	width:200px;
}

input, select {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0;
	width:200px;
	height:19px;
}

textarea {
	float:left;
	margin:9px 0px 0px 0px;
	padding:0;
	width:200px;
	height:100px;
}

.btnSubmit
{
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:52px;
}

strong {
	color:#96552F;
}

em {
	color:#D3A452;
}


.affordable {
	color:#D3A452;
}

.affordableHousing
{
	width:300px;
}


#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding:0px 0px 100px 0px;
	width:931px;
	background: url(../_img/content_bg.jpg) repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#masthead {
	margin:0;
	padding:0px 0px 0px 13px;
	height:114px;
	background:url(../_img/masthead_bg.jpg) repeat-y;
}

	#logo {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:250px;
		height:114px;
		background:#000;
	}


#indexHeaderContainer {
	clear:both;
	margin:0;
	padding:0px 0px 0px 13px;
	height:231px;
	background:url(../_img/indexHeaderContainer_bg.jpg) repeat-y;
}

#headerContainer {
	clear:both;
	margin:0;
	padding:0px 0px 0px 13px;
	height:171px;
	background:url(../_img/headerContainer_bg.jpg) repeat-y;
}


	#headerImgContainer {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:905px;
		height:203px;
	}
	
	#header {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:250px;
		height:171px;
		background: url(../_img/header_bg.jpg) repeat-x;
	}
	
	#headerImgContainer
	{
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:655px;
		height:171px;
	}
	
	#headerImg
	{
		width:655px;
		height:171px;
		border:0;
	}


#contentContainer {
	clear:both;
	margin:0;
	padding:0px 0px 100px 13px; /* bottom padding for footer */
	background: url(../_img/content_bg.jpg) repeat-x;
	overflow:auto;
}
	
	#content {
		float:left;
		display:inline;
		margin:9px 0px 0px 36px;
		padding:0;
		width:630px;
		overflow:auto;
	}
	
	#content p {
		text-align:justify;
		margin:18px 0px 0px 0px;
		padding:0;
	}
	
	
	#callouts {
		float:left;
		display:inline;
		margin:27px 0px 0px 83px;
		padding:0px;
		width:120px;
		list-style-type:none;
	}
	
	#callouts a {
		text-decoration:none;
		color:#95542D;
	}
	
	#callouts a:hover {
		text-decoration:underline;
		color:#95542D;
	}
	
	#callouts li {
		float:left;
		margin:6px 0px 0px 0px;
		padding:0px 0px 6px 14px;
		width:120px;
		background:url(../_img/callouts_icon.gif) no-repeat 0 30%;
		border-bottom:1px dotted #95542D;
	}
	
	#callouts li.pdf {
		background:url(../_img/icon_pdf_small.gif) no-repeat 0 25%;
	}
	
	.formRow
	{
		clear:both;
		float:left;
		display:inline;
		margin:0px 0px 0px 0px;
		padding:0;
		width:400px;
	}

table {
	margin:18px 0px 0px 0px;
	padding:0;
	width:500px;
	border:1px solid #CCC;
}

td {
	margin:0;
	padding:4px;
	border:1px solid #CCC;
	text-align:center;
}

#footer {
	clear:both;
	position:absolute;
	width:100%;
	padding:13px 0px 0px 0px;
	bottom:0; /* stick to bottom */
	font-size:11px;
	color:#95542D;
}
	
#copyright {
	clear:both;
	float:left;
	padding:6px 0px 0px 0px;
	margin:6px 0px 0px 36px;
	width:152px;
	border-top:1px solid #95542D;
}

#copyright a, #bullseye a, #copyright a:visited, #bullseye a:visited {
	color:#95542D;
	text-decoration:none;
}

#copyright a:hover, #bullseye a:hover {
	text-decoration:underline;
}

#address {
	float:left;
	display:inline;
	padding:12px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	width:531px;
	text-align:center;
	border-top:1px solid #95542D;
}

#bullseye {
	float:left;
	width:151px;
	padding:6px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	text-align:right;
	border-top:1px solid #95542D;
}

#list li {
	margin:6px 0px 0px 0px;
	padding:0;
}

#map {
	float:left;
	display:inline;
	overflow:auto;
	margin:18px 0px 0px 0px;
	padding:0;
	width:250px;
}

#directions {
	float:left;
	display:inline;
	overflow:auto;
	margin:18px 0px 0px 18px;
	padding:0;
	width:300px;
}



#floorplanContainer {
	float:left;
	display:inline;
	overflow:auto;
	margin:18px 0px 0px 18px;
	padding:0px 0px 9px 0px;
	width:290px;
	background:#F5EBD2;
}

#floorplanContainer li {
	display:block;
	padding:0;
	margin:2px 0px 0px 18px;
}

.floorplanThumb {
	margin:9px 0px 0px 0px;
	padding:0;
	border:none;
}


/** ====================
 * photos
 */

#photoLarge
{
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:200px;
	height:200px;
	border:none;
}

#photoThumb
{
	float:left;
	display:inline;
	margin:9px 0px 0px 9px;
	padding:0;
	width:75px;
	height:75px;
	border:none;
}

#photoThumbContainer {
	clear:both;
	float:left;
	display:inline;
	overflow:auto;
	margin:18px 0px 0px 0px;
	padding:0;
	width:600px;
}


#photoThumbContainer li {
	float:left;
	display:inline;
	margin:0px 0px 0px 9px;
	width:75px;
	padding:0;
}