html {font-size: 62.5%;}
body {background:url('/images/bodyBG.gif') repeat-y top center #b0b0b0; color:#6b6b6e; font:1.3em/1.5em Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px;}

a, a:visited {color:#3d3d53; text-decoration:underline;}
a:hover, a:visited:hover {color:#74747a; text-decoration:none;}
img {border:0px; outline:none;}

h1 {font: 2.4em/1.2em Georgia, "Times New Roman", Times, serif; text-align:left; margin:20px 0px 2px 0px; padding:0px;}
h2 {font: 2.2em/1em Georgia, "Times New Roman", Times, serif; text-align:left; margin:20px 0px 2px 0px; padding:0px;}
h3 {font: 2em/1em Georgia, "Times New Roman", Times, serif; text-align:left; margin:20px 0px 2px 0px; padding:0px;}
h4 {font: 1.6em/1em Georgia, "Times New Roman", Times, serif; text-align:left; margin:20px 0px 2px 0px; padding:0px;}
h5 {font: 1.4em/1em Georgia, "Times New Roman", Times, serif; text-align:left; margin:20px 0px 2px 0px; padding:0px;}

h1.tagline {font: 2.5em/1.2em Georgia, "Times New Roman", Times, serif; text-align:left; margin:0px; padding:0px;}
h2.tagline {font: italic 2.3em/1em Georgia, "Times New Roman", Times, serif; text-align:right; margin:2px 0px; padding:0px;}

.pic {border:1px solid #81815b; background:#fff; padding:3px; margin:5px;}
.ele {border:1px solid #81815b; background:#fff; padding:3px; margin:5px;}
.pdf {background:url('/images/pdf.gif') top right no-repeat; padding:0px 25px 8px 0px;}
.photo {background:url('/images/photosIcon.png') top right no-repeat; padding:0px 30px 8px 0px;}


/* ------ main layout formatting ------ */
#mainContainer {width:900px; margin:0px auto; padding:0px;}
#head {width:900px; height:135px; background:url('/images/headBG.gif') top center no-repeat; margin:0px; padding:0px;}
#head h1 {text-indent:-99999px; margin:0px; padding:0px;}
#contentContainer {background:url('/images/contentBG.gif') top center repeat-y; padding:0px; margin:0px;}
#flowerBG {background:url('/images/flowerBG.gif') bottom left no-repeat;}
#foot {padding:10px 15px; font-size:0.8em; line-height:1.2em;}

#homepageFlash {width:900px; height:271px; padding:0px; margin:0px;}
#galleryFlash {width:632px; height:447px; padding:0px; margin:0px;}

/* ------ nav formatting ------ */
#navContainer {width:900px; margin:0px; padding:0px; background:url('/images/navBG.gif') top left repeat-x; text-align:center;}
#topNav {color:#aaaaaa;}
#topNav ul {margin:0px; padding:5px 0px;}
#topNav li {list-style-type:none; display:inline;}
#topNav a, #topNav a:visited {color:#212121; text-decoration:none; background:none; padding:5px 8px;}
#topNav a:hover, #topNav a:visited:hover, #topNav a:focus {color:#000; text-decoration:none; background:#f7e169;}
/*dropdown navigation*/
#dropmenudiv{position:absolute; z-index:100;}
.menu a:link, .menu a:visited, .menu a:active {width:160px; display: block; color: #3d3d53; background: #fdfcec; text-decoration:none; border:1px solid #fdfcec; padding:2px 4px;}
.menu a:hover{width:160px; display: block; background:#fae977; text-decoration:none; border:1px solid #fae977;}

#bottomNav {font-size:0.8em; line-height:1.2em; text-align:right; margin:0px; padding:25px 7px 10px 130px;}
#bottomNav ul {margin:0px; padding:0px;}
#bottomNav li {list-style-type:none; display:inline;}
#bottomNav a, #bottomNav a:visited  {color:#979584; text-decoration:none; padding:0px 3px;  border-left:1px solid #dfd890;}
#bottomNav a.noDash {border-left:none;}
#bottomNav a:hover, #bottomNav a:visited:hover {color:#817e67; text-decoration:none;}

/* ------ homepage [3] column formatting ------ */
#3columnContainer {margin:8px; padding:0px; width:884px;}
#rightSide {width:212px; float:right; margin:0px; padding:0px; font-size:0.8em; line-height:1.2em;}
#leftSide {width:245px; float:left; margin:0px; padding:0px;}
#centerStuff {margin:0px 220px 0px 252px; width:406px; padding:0px;}

/* ------ subpage [2] column formatting ------ */
#2columnContainer {margin:8px; padding:0px; width:884px;}
#subPageStuff {width:643px;  margin:0px 220px 0px 0px; padding:8px 0px 10px 12px;}

#rightSide ul {padding:0px; margin:0px;}
#rightSide li {list-style-type:none;}

/* ------ plan & QD list formatting ------ */
#planList {width:640px; padding:5px 0px 15px 0px; margin:0px; border-top: 1px solid #fae977; border-bottom: 1px solid #dee698;}
#planLeft {width:190px; float:left; padding:0px; margin:0px;}
#planCenter {width:220px; float:left; padding:0px; margin:0px;}
#planRight {width:200px; float:left; padding:0px 0px 0px 15px; margin:0px;}

#planList h2 {margin:0px; padding:0px; font-size:1.5em;}
#planRight ul {margin:0px; padding:0px;}
#planRight li {list-style-type:none;}

/* ------ contact form formatting ------ */
form.cmxform {width:450px; padding:0px; margin:0px 0px 0px 30px;}
form.cmxform ol label {display: inline-block; line-height: 1.8; vertical-align: top; width: 160px;}
form.cmxform ol {margin: 0px; padding: 0px;}
form.cmxform li {list-style-type:none; padding: 5px; margin: 0px;}
form.cmxform em {font-weight: bold; font-style: normal; color: #f00;}
* label {width: 160px;}
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
textarea {width:300px; height:10em;}

/* ------- master plan stuff -------- */
/*/Community Map Tooltip/*/
div#tipDiv {position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color:#faf7e1; border:1px solid #000;  width:250px; padding:8px 15px; color:#000; font-size:0.8em; line-height:1.2; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}

#masterPlanMap {position:relative; width:558px; height:380px; padding:0px; margin:0px 0px 0px 40px;}
#masterPlanImg {margin:0px; padding:0px; z-index:1;}
.mpBox {width:2em; height:1.5em; background:#b1ff37; color:#000000; z-index:50; padding:5px 0px; margin:0px; text-align:center; border:1px solid #0c4c13;}
.mpBox a,.mpBox a:visited {display:block; text-decoration:none;}
#mp01 {
	position:absolute;
	top:190px;
	left:294px;
}
#mp02 {
	position:absolute;
	top:178px;
	left:230px;
}
#mp03 {
	position:absolute;
	top:287px;
	left:228px;
}
#mp04 {
	position:absolute;
	top:111px;
	left:343px;
}
#mp05 {
	position:absolute;
	top:50px;
	left:309px;
}
#mp06 {
	position:absolute;
	top:201px;
	left:131px;
}
#mp07 {
	position:absolute;
	top:259px;
	left:359px;
}
#mp08 {
	position:absolute;
	top:187px;
	left:170px;
}

hr { height: 1px; width: 78%; text-align: left; margin-right: auto; margin-left: auto; border-bottom: 1px solid #bfa411; }

.divider { font-size: 80%; text-align: left; height: 12px; width: 78%; border-bottom: 1px dotted #c1a612; text-indent: 88%; white-space: nowrap; }