body {
	margin: 0px;
	font-family: arial, sans-serif;
	font-size: 90%;
	background: url('../images/tile.gif');
	}
	
.container {
	margin: auto;
	width: 960px;
	}
	
/* Status
-------------------------------------------------*/
#status {
	background: #F5F4F0;
	border-bottom: 1px solid #E6E6E6;
	text-align: right;
	padding: 3px 0px 3px 0px;
	color: #333333;
   font-weight: normal;
	font-size: 12px;
	}
	
#residentStatus {
	background: #F5F4F0;
	border-bottom: 1px solid #E6E6E6;
	text-align: right;
	padding: 3px 0px 3px 0px;
	color: #333333;
   font-weight: normal;
	font-size: 12px;
	}
	
a#residentStatus {
	color: #333333;
	text-decoration: none;
	}
	
a#residentStatus:hover {
	text-decoration: underline;
	}
	
#status .error {
	color: #FF0000;
	}
	
#status a {
	color: #0000FF;
	}
	
.statusGreeting {
    color: #E47911;
    font-weight: bold;
   	}

a.statusGreeting {
	color: #E47911;
	font-weight: bold;
	text-decoration: none;
   	}

a.statusGreeting:hover {
	text-decoration: underline;
	}

/* Header
-------------------------------------------------*/
#header {
	text-align: center;
	border-bottom: 3px solid #066334;
	}
	
/* Wrapper
-------------------------------------------------*/
#wrapper {
	background: #fff;
	border-bottom: 3px solid #066334;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
#wrapper .leftCol { 
	float: left; 
	width: 200px;
	}
	
#wrapper .rightCol { 
	float: right; 
	width: 760px;
	}
	
/* Page Content
-------------------------------------------------*/
#content {  //Golden Ration = 290/470
	display: block;
	}
	
#content .left {
	width: 454px;
	float: left;
	padding: 0px 8px 0px 8px;
	}
	
#content .right {
	float: right;
	width: 290px;
	}
	
/* News
-------------------------------------------------*/
.news h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
.news h2 {
	font-family: arial, helvetica, sans;
	color: #E47911;
	font-weight: normal;
	margin: 0px;
	font-size: 20px;
	}
	
.news h4 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: italic;
	color: #808080;
	}
	
/* Documents
-------------------------------------------------*/
.documents h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
.documents h3 {
	margin: 1px;
	}
		
.documents h3 a {
	-moz-border-radius:4px 0px 0px 4px; 
	-webkit-border-radius:4px 0px 0px 4px; 
	border-radius: 4px 0px 0px 4px; 
	border: 1px solid #BDC48E;
	background: #BDC48E;
	padding: 3px; 
	display: block;
	text-decoration: none;
	color: #414141;
	font-weight: normal;
	}
	
.documents h3 a:hover {
  	background: #E47911;
	border: 1px solid #E47911;
	color: #fff;
	}
	
#accordion {
	font-size: 12px;
	}
	
#accordion a.file {
	color: #0000FF;
	text-decoration: none;
	}
	
#accordion a.file:hover {
  color: #E47911;
	}
	
#accordion table {
	padding: 0px;
	margin: 0px;
	}
	
#accordion th {
	text-align: left;
	background: #C6CD97;
	padding: 1px;
	}
	
#accordion td {
	border: 1px solid #C6CD97;
	padding: 2px;
	}
	
/* My Profile
-------------------------------------------------*/
.myprofile h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
.myprofile h3 {
	color: #BDC48E;
	border-bottom: 1px dotted #BDC48E;
	font-weight: normal;
	}
	
.myprofile input[type=text], .myprofile input[type=password] { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
 .myprofile select { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
.myprofile input[type=button]{ 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #5A6A4F; 
	padding: 5px;
	background: #5A6A4F; 
	font-style: italic; 
	color: #fff;
	margin-top: 15px;
	}
	
/* Directory
-------------------------------------------------*/
.directory h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
.directory h3 {
	margin: 1px;
	}
		
.directory h3 a {
	-moz-border-radius:4px 0px 0px 4px; 
	-webkit-border-radius:4px 0px 0px 4px; 
	border-radius: 4px 0px 0px 4px; 
	border: 1px solid #BDC48E;
	background: #BDC48E;
	padding: 3px; 
	display: block;
	text-decoration: none;
	color: #414141;
	font-weight: normal;
	}
	
.directory h3 a:hover {
  	background: #E47911;
	border: 1px solid #E47911;
	color: #fff;
	}
	
/* FAQ
-------------------------------------------------*/
.faq h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
p.question {
	font-weight: bold;
	}
	
p.answer {
	font-style: italic;
	padding-bottom: 20px;
	border-bottom: 1px dotted #C0C0C0;
	}
	
/* Services
-------------------------------------------------*/
.services h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
.services h1 a {
	color: #066334;
	text-decoration: none;
	}
	
.services table a {
	text-decoration: none;
	color: #004E76; 
	}
	
.services table a:hover {
	text-decoration: underline;
	}
	
.services .listings {
	font-size: 11px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}
	
.services .listings h1 {
	font-size: 16px;
	}
	
/* Classifieds
-------------------------------------------------*/
.classifieds h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 22px;
	}
	
.classifieds h1 a {
	color: #066334;
	text-decoration: none;
	}
	
.classifieds table a {
	text-decoration: none;
	color: #004E76; 
	}
	
.classifieds table a:hover {
	text-decoration: underline;
	}
	
.classifieds .listings {
	border-top: 1px dashed #C0C0C0;
	border-bottom: 1px dashed #C0C0C0;
	font-size: 13px;
	}
	
.classifieds .listings h3 {
	font-weight: normal;
	font-size: 16px;
	}
	
.classifieds .contact {
	margin-top: 8px;
	border-top: 1px dotted #C0C0C0;
	font-style: italic;
	background: #D3D3D3;
	}
	
#classRight {
	color: #414141;
    font-size: 13px;
	border: 1px solid #BDC48E;
	padding: 10px;
	-moz-border-radius:0px 0px 4px 0px; 
	-webkit-border-radius:0px 0px 4px 0px; 
	border-radius: 0px 0px 4px 0px; 
	}
	
h3.classRight {
	-moz-border-radius:4px 0px 0px 0px; 
	-webkit-border-radius:4px 0px 0px 0px; 
	border-radius: 4px 0px 0px 0px; 
	border: 1px solid #BDC48E; 
	background: #BDC48E;
	font-style: italic; 
	color: #5A6A4F;
	padding: 3px;
	margin: 0px;
	}
	
#classRight input[type=text] { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
#classRight textarea, #classRight select { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
#classRight input[type=button]{ 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #5A6A4F; 
	padding: 5px;
	background: #5A6A4F; 
	font-style: italic; 
	color: #fff;
	margin-top: 15px;
	}
	
#classRight ol {
	color: #E47911;
	padding: 0px 0px 0px 10px;
	}
	
#classRight li {
	margin: 2px;
	}
	
#classRight a {
	text-decoration: none;
	color: #004E76;
	}
	
#classRight a:hover {
	text-decoration: underline;
	}

	
	
/* Contact Form
-------------------------------------------------*/
.contact h1 {
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 22px;
	}
	
.contact input[type=text] { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
.contact textarea { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
.contact input[type=button]{ 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #5A6A4F; 
	padding: 5px;
	background: #5A6A4F; 
	font-style: italic; 
	color: #fff;
	margin-top: 15px;
	}
	
/* Accordion
-------------------------------------------------*/
#accordion {
	font-size: 12px;
	}
	
#accordion a.file {
	color: #0000FF;
	text-decoration: none;
	}
	
#accordion a.file:hover {
  color: #E47911;
	}
	
#accordion table {
	padding: 0px;
	margin: 0px;
	}
	
#accordion th {
	text-align: left;
	background: #C6CD97;
	padding: 1px;
	}
	
#accordion td {
	border: 1px solid #C6CD97;
	padding: 2px;
	}


/* Associations 
-------------------------------------------------*/
.associations {
	font-size: 12px;
	}
	
.associations h1 a {
	display: block;
	font-family: arial, helvetica, sans;
	color: #066334;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 18px;
	text-decoration: none;
	border-bottom: 1px dotted #006634;
	}
	
/* Front Page Events
-------------------------------------------------*/
.event-header {
	-moz-border-radius:4px 0px 0px 0px; 
	-webkit-border-radius:4px 0px 0px 0px; 
	border-radius: 4px 0px 0px 0px; 
	border: 1px solid #E47911; 
	background: #E47911;
	font-style: italic; 
	color: #fff;
	padding: 3px;
	}
	
#events {
	color: #666666;
    font-size: 11px;
	border: 1px solid #E47911;
	padding: 10px;
	-moz-border-radius:0px 0px 4px 0px; 
	-webkit-border-radius:0px 0px 4px 0px; 
	border-radius: 0px 0px 4px 0px; 
	margin-bottom: 8px;
	}
	
#events h3 {
	color: #004E76;
    font-size: 13px;
	margin: 0px;
	}
	
#events .calendarlink {
	text-align: right;
	font-style: italic;
	font-size: 13px;
	}
	
#events .calendarlink a {
	color: #E47911;
	text-decoration: none;
	}
	
#events .calendarlink a:hover {
	color: 004E76;
	text-decoration: underline;
	}
	
/* More News
-------------------------------------------------*/
.more-news-header {
	-moz-border-radius:4px 0px 0px 0px; 
	-webkit-border-radius:4px 0px 0px 0px; 
	border-radius: 4px 0px 0px 0px; 
	border: 1px solid #BDC48E; 
	background: #BDC48E;
	font-style: italic; 
	color: #5A6A4F;
	padding: 3px;
	}
	
#more-news {
	color: #004E76;
    font-size: 13px;
	border: 1px solid #BDC48E;
	padding: 10px;
	-moz-border-radius:0px 0px 4px 0px; 
	-webkit-border-radius:0px 0px 4px 0px; 
	border-radius: 0px 0px 4px 0px; 
	}
	
#more-news ul {
	list-style-type: disc;
	color: #E47911;
	padding: 0px 0px 0px 10px;
	}
	
#more-news li {
	margin: 2px;
	}
	
#more-news a {
	text-decoration: none;
	color: #004E76;
	}
	
#more-news a:hover {
	text-decoration: underline;
	}
	
/* Adobe 
-------------------------------------------------*/
.adobe {
	color: #414141;
    font-size: 13px;
	border: 1px solid #BDC48E;
	padding: 10px;
	-moz-border-radius:4px 4px 4px 4px; 
	-webkit-border-radius:4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px; 
	}
	
.adobe a {
	background: url('../images/get_adobe_reader.png') no-repeat center;
	height: 35px;
	display: block;
	border: 2px solid #84161A;
	-moz-border-radius:4px 4px 4px 4px; 
	-webkit-border-radius:4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px; 
	}
	
.adobe a:hover {
	background: url('../images/get_adobe_reader.gif') no-repeat center;
	}
	
/* FYI
-------------------------------------------------*/
h3.fyi {
	color: #414141;
    font-size: 13px;
	border: 1px solid #BDC48E;
	background: #BDC48E;
	padding: 10px;
	-moz-border-radius:4px 4px 0px 0px; 
	-webkit-border-radius:4px 4px 0px 0px; 
	border-radius: 4px 4px 0px 0px;
	margin: 0px; 
	}
	
.fyi {
	color: #414141;
    font-size: 13px;
	border: 1px solid #BDC48E;
	padding: 10px;
	-moz-border-radius:0px 0px 4px 4px; 
	-webkit-border-radius:0px 0px 4px 4px; 
	border-radius: 0px 0px 4px 4px; 
	}
	
/*	Email Options
-------------------------------------------------*/
a.optin {
	background: url('../images/optin.gif') left center no-repeat;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	color: #414141;
	}
	
a.optout {
	background: url('../images/optout.gif') left center no-repeat;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	color: #414141;
	}
	
/* Footer
-------------------------------------------------*/
#footer {
	clear: both;
	}
	
/* Site Navigation
-------------------------------------------------*/
#nav { display: block; }
ul#mainnav { margin: 0px; padding: 0px;}
.dropmenu li { display: block; position: relative; margin-bottom: 1px; padding: 0px; list-style: none; }
.dropmenu ul { position: absolute; left: 200px; top: -1px; display: none; width: 220px; padding: 0px; margin: 1px; z-index: 3000; }
#mainnav a { display: block; text-align: center; padding: 3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; background: #5A6A4F; }
.dropmenu li a { display: block; text-decoration: none; background: #5A6A4F; color: #fff; }
.dropmenu li:hover ul, .dropmenu li:hover div { display: block; } 

/* Management Company
-------------------------------------------------*/
#management { display: block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; margin: 5px 0px 5px 0px; background: #F5E3CD; }
#management h1 { margin: 0px; padding: 0px; background: #5A6A4F; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; text-align: center; color: #fff; font-size: 14px; padding: 2px; }
#management a { text-decoration: none; }

/* Clubhouse
-------------------------------------------------*/
#clubhouse { display: block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; margin: 5px 0px 5px 0px; background: #F5E3CD; }
#clubhouse h1 { margin: 0px; padding: 0px; background: #5A6A4F; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; text-align: center; color: #fff; font-size: 14px; padding: 2px; }

/* Editor Navigation
-------------------------------------------------*/
#editornav { display: block; }
#editornav a {
    display: block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	padding: 3px;
	background: #CCC;
	font-style: italic;
	color: #fff;
    margin: 1px;
    text-align: center;
    text-decoration: none;
    }

#editornav a:hover {
    background: #000;
    }

/* Weather
-------------------------------------------------*/
#wx {
	margin-right: 5px;
	}
	
#wx iframe {
	border: 0px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	padding: 5px;
	background: url('../images/wxbg.jpg');
	width: 190px;
	color: #000040;
	}
	
/* Login
-------------------------------------------------*/
#login { margin: 50px auto; width: 210px; }
#login input[type=text], #login input[type=password] { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
#login input[type=submit], #login input[type=button]{ 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	border: 1px solid #5A6A4F;
	padding: 5px;
	background: #5A6A4F;
	font-style: italic;
	color: #fff;
	}
	
/* Register
-------------------------------------------------*/
#registration table { 
	margin: auto;
	}
	
#registration select {
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
}

	
#registration input[type=text], #registration input[type=password] { 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #CCC; 
	font-style: italic; 
	}
	
#registration input[type=submit], #registration input[type=button]{ 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #5A6A4F; 
	padding: 5px;
	background: #5A6A4F; 
	font-style: italic; 
	color: #fff;
	}
	
/* Modal Boxes
-------------------------------------------------*/
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#F5F4F0; display:none; }
#boxes .window {
 	position:absolute;
  	left:0;
  	top:0;
  	width: 650px;
  	height:400px;
  	display:none;
  	z-index:9000;
	background: #fff;
	color: #454545;
	}
	
#boxes a.close {
	color: #939393;
   font-size: 16px;
   font-weight: normal;
	text-decoration: none;
	}

#boxes #d-container {
	margin: 10px;
	}
	
#boxes .left {
	float: left;
	width: 50%;
	border-right: 1px solid #939393;
	}
	
#boxes .left a{ 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px; 
	border: 1px solid #5A6A4F; 
	padding: 5px;
	background: #5A6A4F; 
	font-style: italic; 
	color: #fff;
	text-decoration: none;
	}
	
#boxes .right {
	float: right;
	width: 48%;
	}
				
#boxes .d-header {
	background: #E3E3E3;
	color: #939393;
   font-size: 16px;
   font-weight: normal;
   padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #E6E6E6;
	}

#boxes #dialog1 {
	width: 650px; 
  	height: 330px;
	border: 3px solid #066334;
	}
	
#boxes #dialog2 {
	width: 650px; 
  	height: 330px;
	border: 3px solid #066334;
	}
	
#boxes #dialog3 {
	position: absolute;
	z-index: 9999;
	width: 650px; 
  	height: 330px;
	border: 3px solid #066334;
	}