body { 
	text-align: center; 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #672525		/* Background Color */
}

#container { 
	width: 800px;
	margin: 0px auto;
	background: #fff		
}

#content {
	margin: 10px;
	width: 778px;
	height: 504px;
	text-align: left;
	border: 1px solid #efcc71;		/* Border around content */
	background: #fff;
	overflow: hidden		/* To allow the bottom contrast div to overflow */
}

#header {
	background: #672525; 		/* Background Color */
	text-align: left
}

#top-links {
	width: 85px;
	height: 50px;
	padding: 45px 25px 0px 0px;
	font-size: 10px;
	float: right;
	line-height: 150%
}

#top-links a {
	color: #bf9156;		/* Background Color */
	text-decoration: none
}

#top-links a.border {
	border-bottom: 1px solid #fff;		/* Background Color */
	margin: 2px 0px;
	padding: 1px 0px
}

#subnav { 
	width: 778px; 
	height: 25px
}

#subnav img { vertical-align: top }

#footer {
	height: 50px; 
	text-align: right; 
	padding: 5px 25px 25px 0px; 
	background: #672525; 		/* Background Color */
	color: #bf9156; 
	font-size: 10px
}

#footer a {
	color: #bf9156; 		/* Background Color */
	text-decoration: none
}

/* Styles for index */

#photo { 
	width: 778px; 
	height: 335px; 
	border-bottom: 6px solid #d2d39b 
}

#index-left { 
	padding: 5px 30px 0px 30px; 
	width: 388px; 
	height: 120px; 
	background: #ededd7; 
	float: left; 
	font-size: 10px 
}

#index-right { 
	float: right; 
	background: #e2e3bf; 
	width: 263px; 
	height: 100px; 
	border-left: 2px solid #d3d49d; 
	padding: 18px 40px 7px 25px; 
	font-size: 10px 
}

/* Styles for subpages */

#copy {
	margin-top: 25px;
	font-size: 10px; 
	color: #111
}

.copy {
	margin-top: 25px;
	font-size: 10px; 
	color: #111;
	line-height: 140%
}

#location-content {
	margin: 10px;
	width: 778px;
	height: 504px;
	text-align: left;
	border: 1px solid #efcc71;		/* Border around content */
	background: url('../img/location/background.jpg') #fff center 65px no-repeat; 
	overflow: hidden		/* To allow the bottom contrast div to overflow */
}

#location-copy {
	margin-top: 25px;
	font-size: 10px; 
	color: #111;
	text-align: left; 
	width: 330px; 
	margin-left: 30px
}

#map-content {
	margin: 10px;
	width: 778px;
	height: 504px;
	text-align: left;
	border: 1px solid #efcc71;		/* Border around content */
	background: url('../img/location/background-alt.jpg') #fff center 242px no-repeat; 
	overflow: hidden		/* To allow the bottom contrast div to overflow */
}

#map-copy {
	margin-top: 25px;
	font-size: 10px; 
	color: #111;
	text-align: left; 
	width: 250px; 
	margin-left: 30px
}

#map-goes-here {
	width: auto; 
	height: auto; 
	border: 1px solid #666; 
	background: #fff; 
	margin-right: 20px
}

#variable-height-content {
	margin: 10px;
	width: 778px;
	height: auto;
	text-align: left;
	border: 1px solid #efcc71;		/* Border around content */
	background: #fff
}

#floorplan-image {
	float: left; 
	width: 525px; 
	text-align: center
}

.map {
	margin: 0px 40px 0px 0px
}

.living-space-photos {
	margin: 20px 0px 0px 10px
}

#residents-copy { 
	margin-top: 25px;
	font-size: 10px; 
	color: #111;
	float: left;
	width: 225px;
	padding-left: 30px
}

#residents-left { 
	width: 448px; 
	height: 128px; 
	background: #faf0d4; 
	float: left; 
	border-top: 6px solid #f2cc6b;
	font-size: 10px;
	margin-top: 5px
}

#residents-left .padded { padding: 10px 0px 0px 40px }

#residents-left h1 { font-size: 19px }
#residents-left strong { color: #053f4e }
#residents-left table { color: #111 }
#residents-left td { width: 150px }

#residents-photos { float: right; padding-right: 10px }

#residents-right { 
	float: right; 
	background: #faf0d4;
	width: 328px; 
	height: 128px; 
	border-left: 2px solid #f2cc6b; 
	border-top: 6px solid #f2cc6b;
	font-size: 10px;
	margin-top: 5px
}

#residents-right .padded { padding: 10px 50px 0px 25px }

#contrast {
	background: url('../img/repeated-bg.gif') repeat-x top center; 
	height: 100px
}

#contrast div {
	color: #111; 
	padding: 15px 0px 10px 30px; 
	font-size: 10px
}

#padded-list {
	padding: 5px 0px 0px 15px;
	margin: 0px
}

h1 { font-family: Times New Roman, serif; font-size: 22px; font-style: italic; margin: 0px; color: #672525 }
		
h2 { font-family: Times New Roman, serif; font-size: 16px; font-style: italic; margin: 0px; color: #672525 }

h6 { color: #672525; font-size: 13px; font-family: Times New Roman, serif; margin: 0px; padding: 0px }

a { color: #672525; font-weight: bold }
a:hover { text-decoration: none }

.left { float: left }
.right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }

#preload { display: none }

.prices-container { border-collapse: collapse; background-color:#EDEDD7; }
.prices-container tr td { padding-left: 10px; padding-right: 10px; width: 100px;}
.prices-label { background-color: #D7D8A7; width: 80px;}


/* For Community Calendar */
.calendar a { text-decoration: none }
.calendar td a { text-decoration: underline }
.calendar-background { background: url('../img/residents/calendar-background.gif') top center no-repeat; height: 171px; padding-top: 5px }
.calendar { font-size: 12px; margin: 0px auto }	/* Entire table */
.calendar-month { margin: 0px auto; color: #672525; font-weight: bold; font-size: 14px; font-family: Times New Roman, serif }  /* Month title */
.calendar td { padding: 4px; text-align: center }	/* Cells */
.calendar th { padding: 4px }	/* Headers */
.table-alt { background: #faf0d4 }