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

/*

Organized by:

Typography
Layout
Navigation
Forms and Tables
Misc.

*/



/* Typography
------------------------------------------------------------------------------ */

body {
	color: #575757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;  
	}
	
a, a:visited {
	color: #336666;
	text-decoration: none; 
	}
a:hover { text-decoration: underline; }

h1, h2, h3, h4 {
	color: #336666;
	font-weight: bold;
	}
h2 { font-size: 1em; }
h3 {
	color: #757251; 
	font-size: 0.875em;
	}
	
#header h2 {
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	}
#sidebar h1 { 
	overflow: hidden;
	text-indent: -9000px; 
	}
#sidebar p {
	color: #336666;
	font-size: 0.75em;
	font-weight: bold;
	}
#sidebar p .gray { color: #333; }
	
#navbar .subnav li {
	font-size: 0.6875em; 
	font-weight: bold;
	}
#navbar .subnav a { color: #336666; }

#content p { font-size: 0.75em; }
#content ol, #content ul { font-size: 0.75em; }
#content table {
	font-size: 0.75em; 
	text-align: left;
	}
	
.primary-content a { 
	color: #00ACAF;
	font-weight: bold;
	}

.secondary-content {
	color: #416364;
	text-align: center; 
	}
.secondary-content a, .secondary-content a:visited { text-decoration: underline; }
.secondary-content a:hover { text-decoration: none; }

#content .image-array p { 
	font-size: 100%; 
	text-align: center;
	}

label, input, textarea { 
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif; 
	}
label { font-weight: bold; }

.contact label { color: #757251; }

.bold { font-weight: bold; }



/* Layout
------------------------------------------------------------------------------ */

body {
	margin: 0; 
	background: #416364 url(/img/bg_dropshadow_top.gif) no-repeat top center;
	}

#wrapper {
	width: 1060px;
	margin: 40px auto 0;
	background: url(/img/bg_dropshadow.gif) repeat-y top center;
	}

.container {
	position: relative;
	top: -22px;
	width: 990px;
	margin: 0 auto;
	background: url(/img/bg_container.gif) repeat-y top left;
	}
	
#sidebar {
	float: left;
	width: 150px;
	background: #B4B4B4 url(/img/bg_sidebar.gif) no-repeat top left;
	}
	
#main {
	float: left;
	width: 840px;
	}
	
#header {
	width: 840px;
	}
	
#navbar {
	height: 62px;
	padding: 8px 0 0 20px;
	background: url(/img/bg_navbar.gif) no-repeat top left;
	}
	
#content {
	width: 814px;
	margin-left: 17px;
	background: url(/img/bg_content.gif) repeat-y top left;
	}
	
.content-top, .content-bottom {
	clear: both;
	width: 814px;
	height: 10px;
	}
.content-top { background: url(/img/bg_content_top.gif) no-repeat top left; }
.content-bottom { background: url(/img/bg_content_bottom.gif) no-repeat top left; }
	
.primary-content {
	float: right;
	width: 595px;
	padding: 10px 22px 10px 15px;
	}
	
.secondary-content {
	float: left;
	width: 155px;
	padding: 10px 10px 10px 17px;
	}
	
#footer {
	clear: both;
	margin: 20px 0;
	padding-top: 20px;
	}

#header h2 { margin: 15px; }
	
#sidebar a {
	padding-left: 10px;
	background: url(/img/bullet_gold.gif) no-repeat 0% 50%;
	}
#sidebar h1 {
	width: 125px;
	height: 180px;
	margin: 130px auto 0;
	background: url(/img/logo.gif) no-repeat top left;
	}
#sidebar h1 a {
	display: block;
	width: 125px;
	height: 180px;
	padding: 0;
	background: url(/img/logo.gif) no-repeat top left;
	}
#sidebar h1 a:hover { background: url(/img/logo.gif) no-repeat top right; }
#sidebar p { margin-top: 5px; }
#sidebar p.border { padding-top: 10px; background: url(/img/sidebar_border.gif) no-repeat top left; }
#sidebar div { margin: 25px 0 75px 20px; }
#sidebar div img { margin-left: -8px; }

#content h3 {
	padding-left: 10px;
	background: url(/img/bullet_gold.gif) no-repeat 0% 50%;
	}
#content ol, ul {
	margin: 0; 
	padding: 0;
	list-style-position: inside;
	}

.primary-content h2 {
	height: 18px;
	text-indent: -9000px; 
	}
h2.title-photos { background: url(/img/title_photos.gif) no-repeat top left; }
h2.title-tour { background: url(/img/title_tour.gif) no-repeat top left; }
h2.title-floorplans { background: url(/img/title_floorplans.gif) no-repeat top left; }
h2.title-map { background: url(/img/title_map.gif) no-repeat top left; }
h2.title-directions { background: url(/img/title_directions.gif) no-repeat top left; }
h2.title-community { background: url(/img/title_community.gif) no-repeat top left; }
h2.title-schools { background: url(/img/title_schools.gif) no-repeat top left; }
h2.title-weather { background: url(/img/title_weather.gif) no-repeat top left; }
h2.title-resources { background: url(/img/title_resources.gif) no-repeat top left; }
h2.title-schedule { background: url(/img/title_schedule.gif) no-repeat top left; }
h2.title-agent { background: url(/img/title_agent.gif) no-repeat top left; }
h2.title-download { background: url(/img/title_download.gif) no-repeat top left; }
h2.title-brentwood { background: url(/img/title_brentwood.gif) no-repeat top left; }

.image-array {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.image-array li {
	float: left;
	margin: 0 25px 15px 0;
	}
.image-array p { margin-top: 5px; }




/* Navigation
------------------------------------------------------------------------------ */

#navbar ul {
	height: 17px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navbar li {
	float: left;
	margin-right: 15px;
	}
#navbar li a {
	display: block;
	height: 12px;
	padding-bottom: 2px;
	text-indent: -9000px;
	overflow: hidden;
	}
#navbar li a:hover, #navbar li a.selected { border-bottom: 3px solid #CDC58D; }

li.home a { width: 35px; }
li.home, li.home a { background: url(/img/nav_home.gif) no-repeat top left; }

li.photos a { width: 46px; }
li.photos, li.photos a { background: url(/img/nav_photos.gif) no-repeat top left; }

li.map a { width: 28px; }
li.map, li.map a { background: url(/img/nav_map.gif) no-repeat top left; }

li.community a { width: 72px; }
li.community, li.community a { background: url(/img/nav_community.gif) no-repeat top left; }

li.resources a { width: 67px; }
li.resources, li.resources a { background: url(/img/nav_resources.gif) no-repeat top left; }

li.schedule a { width: 116px; }
li.schedule, li.schedule a { background: url(/img/nav_schedule.gif) no-repeat top left; }

li.agent a { width: 120px; }
li.agent, li.agent a { background: url(/img/nav_agent.gif) no-repeat top left; }

li.download a { width: 102px; }
li.download, li.download a { background: url(/img/nav_download.gif) no-repeat top left; }

#navbar .subnav {
	clear: both; 
	margin-top: 5px;
	}
#navbar .subnav li {
	margin-right: 5px;
	border-right: 1px solid #A3B3B4; 
	}
#navbar .subnav li.last { border-right: none; }
#navbar .subnav a { 
	display: inline;
	padding: 0 8px;
	text-indent: 0;
	background: url(/img/bullet_gold.gif) no-repeat 0% 50%; 
	}
#navbar .subnav a:hover, #navbar .subnav a.selected { border-bottom: none; }


/* Forms and Tables
------------------------------------------------------------------------------ */

.contact { 
	margin-top: 10px;
	margin-left: 10px; 
	}
.contact label {
	display: block;
	float: left;
	width: 100px;
	margin-right: 20px;
	text-align: right;
	}
.contact input {
	width: 181px;
	padding: 3px 2px;
	border: 1px solid #C1C1C1;
	border-top: none;
	background: url(/img/bg_input.gif) repeat-x top left;
	}
.contact textarea {
	width: 296px;
	height: 10em;
	margin: 0;
	padding: 3px 2px;
	border: 1px solid #C7C7C7;
	background-color: #F1F1F1;
	overflow: auto;
	}
.contact div {
	clear: both;
	margin-bottom: 10px; 
	}
.contact input.btn-submit {
	display: block;
	width: 82px;
	height: 28px;
	margin-left: 120px;
	padding: 0;
	border: none;
	}
.contact input#date, .contact input#time { width: 75px; }

#content td { padding-right: 10px; }



/* Misc.
------------------------------------------------------------------------------ */

.left { float: left; }

.right { float: right; }

.inline { display: inline; }

.bullet {
	padding-left: 10px;
	background: url(/img/bullet_gold.gif) no-repeat 0% 50%;
	}
	
.horiz-rule {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E3E3E3; 
	}
.horiz-rule h3 { margin: 0; }
#content .horiz-rule p { margin-top: 5px; }
	
a img { border: none; }

img.left { margin-right: 10px; }
img.right { margin-left: 10px; }

/* -------------------------------------------------------------- 
   
   *Clearing floats without extra markup
   *Based on How To Clear Floats Without Structural Markup by PiE
   *[http://www.positioniseverything.net/easyclearing.html]
   
-------------------------------------------------------------- */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }