/* Body / Top level stuff */
body {
	background: #ffffcc;
	color: #003333;
	font-family: arial, sans-serif;
	margin: 0px;
	border: none;
	padding: 0px;
}
body.fs1 {
	font-size: 10px;
}
body.fs2{
	font-size: 11px;
}
body.fs3{
	font-size: 12px;
}
body.fs4{
	font-size: 13px;
}
body.fs5{
	font-size: 14px;
}
body.fs6{
	font-size: 15px;
}

/* Images */
img {
	border: none;
	padding: 0px;
	margin: 0px;
}
.devview_image {
	float: right;
	margin: 5px;
	width: 360px;
	height: 235px;
}
img.gallery_thumbnail {
	margin: 0px;
	padding: 0px;
	cursor: pointer !important;
	margin-left: auto;
	margin-right: auto;
}
div.gallery_thumbnail {
	margin-right: 4px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 119px;
	height: 68px;
	padding: 0px;
	background: #003333;
	text-align: center;
	float: left;
}
#galleryimage, #dev_galleryimage {
	margin: 0px;
	border: none;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
#bottom-left img {
	margin: 0px;
	padding: 0px;
	border: none;	
}
#content_left2 img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/* Tables */
td.contactform_left {
	text-align: right;
	font-weight: bold;
}
td.contactform_right {
	color: #820e29;
	font-size: 9pt;
	white-space: nowrap;
}

/* Lists */
#content_left ul {
	list-style : none;
	margin: 0px;
	padding-left: 8px;
}
#content_left li {
	white-space: nowrap;
	font-size: 85%;
	color: black;
}
#content_left a {
	color: #0033ff;
}
#content_left a:hover {
	color: #820e29;
}

#content_left_dev2 ul {
	list-style : none;
	margin: 0px;
	padding-left: 8px;
}
#content_left_dev2 li {
	white-space: nowrap;
	font-size: 85%;
	color: black;
}
#content_left_dev2 a {
	color: #0033ff;
}
#content_left_dev2 a:hover {
	color: #820e29;
}
ul.sitemap {
	list-style: none;
	padding: 3px;
}
ul.sitemap ul {
	list-style: none;
	padding-left: 10px;
}


ul.dev_bullets {
	list-style: none;
	margin-left: 0px !important;
	margin-right: 5px !important;
	padding-left: 5px;
}
ul.dev_bullets li {
	white-space: normal !important;
	font-weight: bold !important;
	color: #003333 !important;
	font-size: 85% !important;
	background: url('images/yellowbullet.gif') -1px -1px no-repeat;
	padding-left: 18px;
	margin-top: 3px;
	margin-bottom: 3px;
}
ul.dev_bullets li a {
	color: #003333;
	text-decoration: none;
}
ul.gallerylist {
	list-style: none;
	padding: 0px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Links and Anchors */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.legal {
	color: black;
}
a.plotmarker  {
	font-weight: bold;
	text-decoration: none;
	color: white;
	font-size: 12px;
	cursor: pointer !important;
}
a.plotmarker:hover {
	color: #999999;
}
#gallerylinks span a.notselected {
	color: blue;
	text-decoration: none;
}
#gallerylinks span a.selected {
	color: black;
	font-weight: bold;
}
.dev_promotext a {
	color: white;
}
.dev_promotext a:hover {
	text-decoration: none;
}
a.paginate {
	font-weight: bold;
	color: #820e29;
	text-decoration: none;
}
a.paginate:hover {
	color: #888888;
}
a.current {
	color: black;
}
a.gallerylist {
	color: #003333;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}
a.gallerylist_selected {
	color: #820e29;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}
a.gallerylist:hover, a.gallerylist_selected:hover {
	color: #888888;
}
h2 a, h3 a {
	text-decoration: none;
	color: #820e29;
}
h2 a:hover, h3 a:hover {
	text-decoration: none;
}
h3 {
	color: #820e29;
	margin: 0px;
	padding: 0px;
	font-size: 103%;
}



/* Text Styles */
p.legal {
	color: #000000;
	font-size: 80%;
}
p {
	color: #003333;
	font-size: 13px;
	margin: 2px;
}
p.devlist {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	font-style: italic;
}
p.plotlist {
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-right: 3px;
	font-weight: bold;
	color: black;
}
p.plotmarker {
	font-weight: bold;
	text-decoration: none;
	color: white;
	font-size: 12px;
}
p.planbar {
	font-weight: bold;
	font-size: 9pt;
	margin-left: 10px;
	margin-top: 5px;
	float: left;
	padding-left: 22px;
	background: url('images/close_icon.gif') 0px -5px no-repeat;	
}
p.planbar_left {
	font-weight: bold;
	font-size: 9pt;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	padding-left: 25px;
	background: url('images/print_icon.gif') 0px -5px no-repeat;
}
p.dev_promotext {
	color: white;
	font-size: 90%;
	margin: 10px;
}
p.newsbacklink {
	margin: 0px;
	font-weight: bold;
}
p.pr_date {
	font-size: 15px;
	font-weight: bold;
	margin-left: 0px;
}
p.pr_title {
	font-size: 15px;
	color: #820e29;
	margin: 0px;
}
p.pr_morelink {
	margin: 0px;
	margin-bottom: 10px;
}
p.pr_morelink a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
p.pr_morelink a:hover {
	text-decoration: underline;
}
p.newsmoreinfo {
	font-size: 80%;
	margin: 0px;
}
p.gallerylist {
	font-weight: bold;
}
#gallerylinks p {
	margin-top: 16px;
	margin-left: 5px;
	color: black;
	font-weight: bold;
	font-size: 90%;
}


h1 {
	font-family: Times New Roman, Serif;
	font-size: 180%;
	color: black;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	letter-spacing: 2px;
}
h2,.devview_title {
	font-family: arial, sans-serif;
	font-size: 140%;
	color: #820e29;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;	
}
h1.cmspagetitle {
	font-family: arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #820e29;;
	letter-spacing:0px;
}
.cmspagetitle a {
	text-decoration: none;
	color: #003333;
}

/* Spans */
span.font_size_label {
	font-size: 80%;
	color: black;
}
span.font_size_smaller {
	font-size: 75%;
	color: black;
}
span.font_size_larger {
	color: black;
}
#gallerylinks span {
	font-size: 90%;
	margin-right: 3px;
	margin-left: 5px;
}




/* Menu Links */
#mainmenu ul {
	list-style: none;
	padding: 0px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 95%;
}
#mainmenu li {
	float: left;
	margin-right: 15px;
}
#mainmenu a {
	color: #003333;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, sans-serif;
}
#mainmenu a:hover {
	color: #820e29;
}
a.active {
	color: #820e29 !important;
}
#submenu_right ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#submenu_right li {
	float: right;
	margin-right: 7px;
	font-size: 95%;
}
#submenu a {
	color: #003333;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
}
#submenu a:hover {
	color: #820e29;
}
.planbar a {
	color: white;
	text-decoration: none;
}
.planbar a:hover {
	color: #999999;
}


/* All those lovely DIVS and other containers */
div {
	vertical-align: top;
	text-align: left;
	border: none;
	padding: 0px;
	margin: 0px;
	background: none;
}
div.proplist {
	position: absolute;
	top: 76px;
	left: 0px;
	height: 283px;
	overflow: auto;
	width: 250px;
}
#plotinfo {
	position: absolute;
	top: 360px;
	left: 0px;
	width: 250px;
	height: 120px;
	color: white;
	background: #820e29 url('images/plotinfo_bg.jpg');
}
#plotinfo p {
	color: white;
}
div.mappingbox {
	width: 500px;
	height: 375px;
	position: absolute;
	top: 27px;
	left: 0px;
}
div.maphelp {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 27px;
	background: url('images/bar_background_green.gif') repeat-x;
}
.maphelp p {
	color: white;
	font-weight: bold;
	font-size: 9pt;
	margin-top: 5px;
	margin-left: 5px;	
}
div.mappingtext {
	margin-top: 30px;
	height: 400px;
	width: 460px;
	overflow: auto;
	background: none;
	float: right;
}
div.mappingroute {
	width: 490px;
	height: 75px;
	overflow: auto;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: none;
	font-weight: bold;
}
div.directions {
	margin-left: 10px;
}
#display {
	height: 293px;
	width: 720px;
	background: none;
	position: relative;
	overflow: hidden;
}
#main {
	border: none;
	padding: 0px;
	width: 1025px;
	height: 730px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	background: url('images/big_main_bg.jpg') no-repeat;
}
#mainmenu {
	position: absolute;
	top: 190px;
	left: 10px;
	background: none;
	width: 990px;
}
#legal {
	position: absolute;
	top: 0px;
	left: 13px;
	background: none;
	text-align: left;
}
#font_change {
	position: absolute;
	top: -4px;
	right: 10px;
	background: none;
	width: 200px;
	text-align: left;
}
#footer {
	border: none;
	height: 30px;
	color: green;
	font-size: 10pt;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;	
	text-align: center;
}
#content {
	height: 300px;
	position: absolute;
	border: none;
	padding: 0px;
	width: 995px;
	top: 213px;
	left: 15px;
	background: #ffffcc;	
}
#gallery_content, #dev_content {
	height: 480px;
	position: absolute;
	border: none;
	padding: 0px;
	width: 995px;
	background: #ffffff;
	top: 238px;
	left: 15px;
}
#content_right {
	background: #fefefe;	
	height: 100%;
	width: 245px;
	margin-left: 30px;
}
#content_right_white {
	background: white;
	width: 275px;
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
}
#content_left {
	background: #fefefe;
	float: left;
	overflow: auto;
	max-width: 250px;
	height: 458px;
}
#content_left_dev2 {
	background: #fefefe;
	float: left;
	overflow: auto;
	width: 240px;
	height: 453px;
}
#content_left2 {
	background: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: none;	
	width: 244px;
	height: 183px;
	background: url('images/dev_promo_background.jpg') bottom no-repeat;
	padding: 0px;
	margin: 0px;	
	overflow: hidden;
	vertical-align: middle;
}
#gallery_content_left {
	background: #fefefe;
	float: left;
	height: 100%;
	overflow: auto;
	width: 250px;
}
#gallerylinks {
	float: right;
	width: 220px;
	background: #fefefe;
	margin-top: 0px;
	height:68px;
}
#gallery_content_left2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	height: 217px;
}
#content_mid {
	padding: 10px;
	overflow: auto;
	position: relative;
	height: 280px;	
	margin-left: 105px;
}
#newscontent_mid {
	padding: 10px;
	background: none;
	overflow: auto;
	position: relative;
	height: 230px;	
	margin-left: 115px;
	margin-right: 20px;
}
#newscontent_infobar {
	position: absolute;
	top: 470px;
	left: 135px;
	width: 580px;
	height: 40px;
	background: #ffffcc;
}
#dev_content_mid {
	position: relative;
	background: none;
	overflow: hidden;
	height: 294px;
}
#gallery_content_mid{
	padding: 0px;
	margin: 0px;
	background: none;
	overflow: hidden;
	position: relative;
	height: 480px;
	text-align: right;
}
#galleryimage_container, #dev_galleryimage_container {
	width: 720px;
	height: 408px;
	margin: 0px;
	padding: 0px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	/*background: url('images/loading.jpg') center no-repeat;*/
	background: #003333;
	text-align: center;
}
#gallerythumbs_container, #dev_gallerys_container {
	width: 495px;
	float: left;
	height: 68px;
	background: none;
}
div.plotkey {
	position: absolute;
	top: 27px;
	left: 0px;
	height: 48px;
	width: 250px;
	background: #003333;
	color: white;
	font-weight: bold;
	font-size: 11px;
}
#bottom {
	position: absolute;
	border: none;
	background: white;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	bottom: 12px;
	left: 15px;
	width: 995px;
	height: 209px;
}
#gallery_bottom {
	position: absolute;
	border: none;
	background: #ffffcc;	
	bottom: 0px;
	right: 0px;
	width: 720px;
	height: 68px;
}
#bottom_left {
	position: absolute;
	width: 244px;
	height: 209px;
	background: none;
	padding: 0px;
	margin: 0px;
	left: 0px;
	bottom: 0px;
}
#bottom_right {
	position: absolute;
	width: 247px;
	height: 210px;
	background: url('images/news_background.jpg') bottom right no-repeat;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
	right: 0px;
}
#bottom_mid {
	background: white;
	vertical-align: bottom;
}
#bannerad {
	position: absolute;
	top: 24px;
	left: 275px;
	width: 446px;
	visibility: hidden;
}	
#submenu {
	background: url('images/submenu_background.jpg') repeat-x;
	vertical-align: top;
	position: absolute;
	top: 214px;
	left: 15px;
	width: 995px;
}
#submenu_left {
	width: 400px;
	float: left;
	text-align: left;
	font-size: 80%;
	color: #003333;
	padding-left: 5px;
	padding-top: 4px;
	font-weight: bold;
	background: none;
	vertical-align: top;
	height: 25px;
}
#submenu_right {
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	background: none;
	vertical-align: top;
	padding-right: 5px;
	padding-top: 2px;
	height: 25px;
}
div.development_type_info {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 245px;
	overflow: auto;
	padding: 0px;
	background: none;
	margin-left: 0px;
}
div.devlist {
	background: none;
	padding: 0px;
	width: 240px;
	position : absolute;
	right: 5px;
	top: 5px;
}
#dev_plotmap {
	position: absolute;
	top: 23px;
	right: 0px;
	background: none;
	margin-left: 5px;
	padding: 0px;
	border: none;
	overflow: auto;
	height: 453px;
	width: 738px;
}
#dev_floorplan {
	position: absolute;
	top: 50px;
	right: 0px;
	background: none;
	margin-left: 5px;
	padding: 0px;
	border: none;
	overflow: auto;
	height: 426px;
	width: 738px;
}
#mapdisplay {
	height: 296px;
	background: white;
	position: absolute;
	left: 0px;
	top: 0px;
}
div.planbar {
	position: absolute;
	width: 745px;
	height: 27px;
	top: 265px;
	left: 265px;
	background: url('images/bar_background_green.gif') repeat-x;
	text-align: right;
}
div.dev_backlink {
	height: 27px;
	width: 165px;
	background: url('images/bar_background_green.gif') repeat-x;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}
.dev_backlink a {
	font-size: 12px;
	font-weight: bold;
	color: #ffa834;
	margin-right: 10px;
	text-decoration: none;
}	
.dev_backlink a:hover {
	text-decoration: none;
}
.dev_backlink p {
	margin-top: 5px;
}
.dev_backlink p img {
	display: inline;
	vertical-align: middle;
	height: 15px;
}

div.helpbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 995px;
	height: 27px;
	background: url('images/bar_background_green.gif') repeat-x;
}
.helpbar p {
	color: white;
	margin-top: 5px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 9pt;
	white-space: nowrap;
}
div.latestpr {
	margin-top: 60px;
	margin-left: 5px;
	text-align: center;
	line-height:90%;
}
div.latestpr a {
	font-size: 80%;
	color: white;
	text-decoration: none;
}
div.latestpr a:hover {
	text-decoration: none;
}
img.prlink {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#bottom-left {
	height: 211px;
	background: white;
}
#email {
	position: absolute;
	top: 145px;
	left: 130px;
	border: none;
	padding: 0px;
	margin: 0px;
}

/* Styles for our collapsible trees */


.devlist ul {
	font-weight: bold;
	font-size: 90%;
	color: #003333;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
color: #003333;
font-size: 85%;
font-weight: normal;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: none;
list-style-type: none;
padding-left: 20px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(images/closed.gif) no-repeat left 1px;
cursor: pointer !important;
margin:0px;
}

li.submenu a {
	text-decoration: none;
	color: #003333;
}
li.submenu a:hover {
	color: #820e29;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}


/*  More collapsing */

 ul.hide {
		display: none;
	}
	li.typeview {
		background: url('images/closed.gif') -2px -1px no-repeat;
		cursor:pointer !important;
		padding-left: 15px;
		margin-top: 3px;
	}
	li.typeview_open {
		background: url('images/open.gif') -2px -1px no-repeat;
		cursor:pointer !important;
		padding-left: 15px;		
	}
	ul.show {
		display: block;
	}
	ul.show li {
		background: none;
		cursor:default !important;
	}
	ul.typeview {
		color: #003333;
		font-size: 90%;
		font-weight: bold;
		list-style: none;
		margin-left: 0px;
		padding: 0px;
	}
	ul.typeview li ul {
		list-style: none;
		font-weight: normal;
		font-size: 90%;
		margin-left: -12px;
		padding-left: 5px;
	}


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
/*background: yellow;*/
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: none;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #003333;
width: 180px; /* default width for menu */
padding: 5px;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
display: block;
border: none;
padding: 0px;
text-decoration: none;
font-weight: bold;
font-size: 85%;
color: #ff9e33;
border-top: solid 1px white;
}

.anylinkcss a:hover{ /*hover background color*/
background: #ff9e33;
color: #003333;
}


/* ######### class for shadow DIV ######### */

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
display: none;
}