body { margin: 0px;	 font-family: arial, helvetica, sans; font-size: 80%; color: #000000; background: #FFFFFF url('../images/background.jpg') repeat-x; }

/*rightCol Attributes - creates boxed header and partition around elements*/

#rightCol h1 { height: 20px; text-align: center; color: #ffffff; background: #616902 url('../images/corner.png') right no-repeat; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;}
#rightCol .container1 { border: 1px solid #616902; padding: 3px; }

#rightCol h2 { height: 20px; text-align: center; color: #ffffff; background: #4F5418 url('../images/corner.png') right no-repeat; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;}
#rightCol .container2 { border: 1px solid #4F5418; padding: 3px; }
#rightCol .container2 a { padding-left: 12px; display: block; text-decoration: none; color: #0000FF; }
#rightCol .container2 a:hover { background: url(../images/arrow.gif) left no-repeat; color: #FF6600; }

#rightCol h3 { height: 20px; text-align: center; color: #ffffff; background: #363636 url('../images/corner.png') right no-repeat; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;}
#rightCol .container3 { border: 1px solid #363636; padding: 3px; }

/*Main Navigation*/
#mainNav { display: block; font-family: arial, helvetica, sans; font-size: 12px; color: #ffffff; text-align: center; }
#mainNav a { display: block; background: #26290C; margin-top: 2px; padding: 3px; text-transform: uppercase; text-decoration: none; color: #ffffff; font-weight: bold; }
#mainNav a:hover { background: #000000; }
#mainNav a.selected { background: #E17100; }

/* DO NOT EDIT BELOW THIS LINE */

#rightCol .service-listing { display: block; font-family: arial, helvetica, sans; color: #808080; padding: 3px; border: 1px solid #C0C0C0; margin-top: 10px; }
#rightCol .service-listing h4 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px;}
#rightCol .service-listing .phone { background: url('../images/phone.png') left no-repeat; color: #008000; padding-left: 15px; }
#rightCol .service-listing .map { color: #008000;}
#rightCol .service-listing .website { color: #008000;}
#rightCol .service-listing a.map { color: #008000;}
#rightCol .service-listing a.map:hover { text-decoration: none; }
#rightCol .service-listing a.website { color: #008000;}
#rightCol .service-listing a.website:hover { text-decoration: none; }

#error { color: #FF0000; }
a.on { display: block; background: #008000; color: #ffffff; text-decoration: none; text-align: center; }
a.on:hover { background: #800000; }
a.off { display: block; background: #800000; color: #ffffff; text-decoration: none; text-align: center; }
a.off:hover { background: #008000; }

/*Defines page layout*/
#wrapper { margin:auto; width: 996px;}
#wrapper .header { height: 32px; }
#wrapper .leftDisplay { float: left; width: 200px; }
#wrapper .rightDisplay { float: right; width: 796px; }

/*Page Status*/
.showStatus { text-align: right; padding: 5px; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #ffffff;}
.showStatus a { color: #FFFFFF; text-decoration: none; }
.showStatus a:hover { color: #E17100; text-decoration: underline; }
a.logout:hover { color: #FF0000; }

/*Container*/
#container { display: block; width: 796px; margin: auto; }
#container #leftCol { float: left; width: 556px; }
#container #rightCol { float: right; width: 240px; }

/*Polls Style*/
#poll { display: block; font-size: 11px; }
#poll .container { border: 1px solid #4F5418; padding: 3px; }
#poll .question { font-weight: bold; }
#poll .votebarout 	{ background: #C0C0C0; border:0px; }                                                    
#poll .votebarin 	{ background: #800000; border:0px; }                                                     
#poll .votetext		{ text-align: center;}                                                                               
#poll .votequest 	{ text-align:center;}                                                                               
#poll .votefooter	{ text-align:center; }
#poll .votespace	{ text-align:center; }

/*Welcome Attributes*/
#welcome  { padding: 0px 10px 5px 10px; }

/*News Attributes*/
#news  { padding: 10px; }
#news h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; }
#news h2 { font-size: 14px; font-family: arial, helvetica, sans; font-weight: bold; color: #000080; margin-bottom: 0px; }
#news .publishdate { font-style: italic; }
#news a.more { color: #E17100; text-decoration: none; font-weight: bold; }
#news a.more:hover { text-decoration: underline; } 

#news #filetabs { display: block; margin-top: 5px; }
#news #filetabs ul { list-style-type: none; margin: 0px; padding: 0px; }
#news #filetabs li { float: left; width: 156px; margin-right: 2px;}
#news #filetabs a { display: block; height: 20px; background: url('../images/filetab_off.png'); text-decoration: none; text-align: center; color: #ffffff; }
#news #filetabs a:hover { background: url('../images/filetab_over.png'); }

#news #disp { border: 1px solid #CCCCCC; padding: 5px; }
#news #disp table { width: 100%; }
#news #disp th { background: #a2a2a2; color: #ffffff; }
#news #disp td { border: 1px solid #CCCCCC; padding: 2px; }
#news #disp a.selectable { display: block; text-decoration : none; }
#news #disp a.selectable:hover { background: #E2EDF1; text-decoration: underline; }

/*Documents Styles*/
#documents { padding: 10px; }
#documents h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }
.libHeader { background: url('../images/library-icon-off.png') no-repeat; padding-left: 30px; font-size: 16px; font-family: arial, helvetica, sans; color: #7F7F7F; height: 26px; }
.libContent { border-top-width: 0px; border-bottom-width : 0px; overflow: auto; padding: 5px; }
.libHover { background: url('../images/library-icon.png') no-repeat; padding-left: 30px; font-size: 16px; font-family: arial, helvetica, sans; color: #FF0000; height: 26px; }
.libSelected { background: url('../images/library-icon.png') no-repeat; padding-left: 30px; font-size: 16px; font-family: arial, helvetica, sans; color: #E17100; height: 26px; }

.libContent table { width: 100%; }
.libContent th { background: #C0C0C0; color: #ffffff; }
.libContent td { border: 1px solid #C0C0C0; padding: 2px; margin: 1px; }
.libContent a.selectable { display: block; padding-left: 20px; text-decoration: none; }
.libContent a.selectable:hover { background: #E2EDF1 url('../images/download.png') left center no-repeat; text-decoration: underline; }

/*FAQ Attributes*/
#faq  { padding: 10px; }
#faq h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; }
#faq h2 { font-size: 14px; font-family: arial, helvetica, sans; font-weight: bold; color: #000080; margin-bottom: 0px; }

/*Directory Styles*/
#directory { padding: 10px; }
#directory h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }
.dirHeader { background: url('../images/directory-icon-off.png') no-repeat; padding-left: 35px; font-size: 16px; font-family: arial, helvetica, sans; color: #7F7F7F; height: 26px; }
.dirContent { border-top-width: 0px; border-bottom-width : 0px; overflow: auto; padding: 5px; }
.dirHover { background: url('../images/directory-icon.png') no-repeat; padding-left: 35px; font-size: 16px; font-family: arial, helvetica, sans; color: #FF0000; height: 26px; }
.dirSelected { background: url('../images/directory-icon.png') no-repeat; padding-left: 35px; font-size: 16px; font-family: arial, helvetica, sans; color: #E17100; height: 26px; }

.dirContent table { width: 100%; }
.dirContent th { background: #C0C0C0; color: #ffffff; }
.dirContent td { border: 1px solid #C0C0C0; padding: 2px; margin: 1px; }

/*Classifieds Attributes*/
#classifieds { display: block; padding: 10px; }
#classifieds h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }

#classifieds .carrot a { color: #414141; text-decoration: none; }
#classifieds .carrot a:hover { text-decoration: none; }

#classifieds .category { float: left; width: 158px; padding: 10px; }
#classifieds .category a { background: url('../images/classifieds.gif') no-repeat; padding-left: 20px; text-decoration: none; }
#classifieds .category a:hover { color: #E17100; text-decoration: underline; }
#classifieds .count { padding-left: 20px; }

#classifieds .item { width: 534px; border: 1px solid #C0C0C0; padding: 3px; margin-bottom: 3px; }
#classifieds .photo { width: 62px; float: left; text-align: center; }
#classifieds .listing { width: 466px; float: right; }
#classifieds .listing h2 { margin: 0px; padding: 0px; font-size: 16px; color: #E17100; font-family: verdana, arial, helvetica, sans; font-weight: normal; }
#classifieds .item a { display: block; text-decoration: none; color: #808080; }
#classifieds .item a:hover { background: #E2EDF1; }

#classifieds #item { width: 534px; border: 1px solid #C0C0C0; padding: 3px; }
#classifieds #photos { float: left; width: 200px; }
#classifieds #listing { float:right; width: 334px; }
#classifieds #item .big { height: 200px; text-align: center; margin-bottom: 3px; padding: 3px; }
#classifieds .morephotos h4 { font-size: 12px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }

#classifiedsinfo { padding: 5px; font-size: 11px; }
#classifiedsinfo ul { margin: 5px; padding: 12px; list-style-image: url('../images/arrow.gif'); }

#classifieds #contactform { width: 534px; border: 1px solid #C0C0C0; padding: 3px; }

/*Services Attributes*/
#services { display: block; padding: 10px; }
#services h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }
#services .carrot a { color: #414141; text-decoration: none; }
#services .carrot a:hover { text-decoration: none; }
#services .category { float: left; width: 158px; padding: 10px; }
#services .category a { background: url('../images/services.png') no-repeat; padding-left: 25px; text-decoration: none; }
#services .category a:hover { color: #E17100; text-decoration: underline; }
#services .count { padding-left: 25px; }

#servicesinfo { padding: 5px; font-size: 11px; }
#servicesinfo ul { margin: 5px; padding: 12px; list-style-image: url('../images/arrow.gif'); }

#services .service-listing { font-family: arial, helvetica, sans; color: #808080; width: 534px; padding: 3px; border: 1px solid #C0C0C0; margin-bottom: 2px; }
#services .service-listing h2 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px;}
#services .service-listing .phone { background: url('../images/phone.png') left no-repeat; color: #008000; padding-left: 15px; }
#services .service-listing .map { color: #008000;}
#services .service-listing .website { color: #008000;}
#services .service-listing a.map { color: #008000;}
#services .service-listing a.map:hover { text-decoration: none; }
#services .service-listing a.website { color: #008000;}
#services .service-listing a.website:hover { text-decoration: none; }

/*Forum Attributes*/
#forum { display: block; padding: 10px; font-size: 11px; }
#forum h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }
#forum .carrot a { color: #414141; text-decoration: none; }
#forum .carrot a:hover { text-decoration: none; }

#forum a.action { text-decoration: none; }
#forum a.action:hover { text-decoration: underline; }

#forum a.selectable:hover { display: block; background: #E2EDF1; text-decoration: none;}

#forum table { width: 100%; border-collapse: collapse; }
#forum th { color: #ffffff; background: #4F5418; }
#forum td { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding: 2px; }
#forum .forumtopic { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px; }
#forum .forumresident { color: #808080; }
#forum .topic { display: block; padding: 3px; border: 1px solid #808080; margin-bottom: 2px;}
#forum .topic h2 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px; }
#forum .post { display: block; padding: 3px; border: 1px solid #808080; margin-bottom: 2px; }
#forum .post h2 { color: #000080; font-size: 16px; font-weight: normal; margin: 0px; }
#forum #reply { display: block; padding: 3px; border: 1px solid #808080; margin-bottom: 2px; }

/*Real Estate Listings*/
#realestate { display: block; padding: 10px; }
#realestate h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }
#realestate .carrot a { color: #414141; text-decoration: none; }
#realestate .carrot a:hover { text-decoration: none; }

#realestate table { width: 100%; border-collapse: collapse; }
#realestate th { color: #ffffff; background: #4F5418; }
#realestate td { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding: 2px; }

#realestateinfo { padding: 5px; font-size: 11px; }
#realestateinfo ul { margin: 5px; padding: 12px; list-style-image: url('../images/arrow.gif'); }

#realestate a.selectable:hover { display: block; background: #E2EDF1; text-decoration: none;}
#realestate .listing { color: #808080; }
#realestate .listing h2 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px;}
#realestate .listing a { color: #808080; text-decoration: none; }
#realestate .phone { background: url('../images/phone.png') left no-repeat; color: #008000; padding-left: 15px; }

#realestate .listingleft { float: left; width: 190px; text-align: center; }
#realestate .listingleft img { margin: 2px; }
#realestate .listingright { float:right; width: 346px; }
#realestate .listingright h2 { color: #E17100; font-size: 20px; font-weight: bold; margin: 0px; }
#realestate .listingright h3 { color: #000040; font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; }

/*Profile Settings*/
.profiletabs { height: 26px; }
.profiletabs ul { list-style-type: none; margin: 2px 0px 0px 0px; }
.profiletabs	li { float: left; width: 100px; height: 24px; text-align: center; margin-right: 2px; }
.profiletabs a { display: block; height: 21px; padding-top: 3px; font-family: verdana, arial, helvetica, sans; color: #ffffff; font-size: 12px; text-decoration: none;}
.profiletabs	a:hover { text-decoration: underline;}

.profileHeader { font-size: 16px; font-family: arial, helvetica, sans; color : #808080;}
.profileHover { color: #FF0000; }
.profileSelected { color: #E17100; }
.profileContent { overflow: auto;}

#profile { display: block; padding: 10px; }
#profile h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }

#myinfo table { width: 100%; }

#myhousehold { display: block; }
#myhousehold table { width: 100%; }
#myhousehold th { background: #E2EDF1; }
#myhousehold td { text-align: center; }
#myhousehold a { text-decoration: none; }
#myhousehold a:hover { text-decoration: underline; }

#mypets { display: block; }
#mypets table { width: 100%; }
#mypets th { background: #E2EDF1; }
#mypets td { text-align: center; }
#mypets a { text-decoration: none; }
#mypets a:hover { text-decoration: underline; }

.forumprivs a { padding-left: 12px; display: block; text-decoration: none; color: #0000FF; }
.forumprivs a:hover { background: url(../images/arrow.gif) left no-repeat; color: #FF6600; }

/*Ajax Calender*/
#calendar .month { font-weight: bold; }
#calendar a {text-decoration: none;}
#calendar table {font-family: arial, helvetica, sans; font-size: 11px; color: #000000; width: 100%; background: #D7D7D7;}
#calendar td { text-align: center; background: #ffffff;}
#calendar table.noborder { border: 0px; background: #ffffff;}
#calendar td.noborder { border: 0px;}
#calendar td.nonmonthday { border: 0px; background: #EEEEEE; }
#calendar td.today { border: 1px solid #97BFCE;  background: #FF8000; }
#calendar a.event {background: #F1ED50; display: block; }

/*Events Display*/
#event-display { display: block; padding: 5px; }
#event-display .title { font-weight: bold;}
#event-display .date { font-size: 10px; font-style: italic; }
#event-display .event { color: #000080; margin-bottom: 5px; }

/*Footer*/
#footer { margin: auto; width: 996px; font-family: arial, helvetica, sans; font-size: 12px; color: #414141; background: #ffffff; height: 31px; padding-top: 10px;}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .left { float: left; width: 380px; padding-left: 20px;}
#footer .right { float: right; width: 576px; text-align: right; padding-right: 20px; }
#footer .hoa { text-align: center; }

/*Management Company*/
#mgmtco { text-align: center; }

/*Registration Attributes - redefined to contain and display registration form*/
#container .registerLeftCol { float: left; width: 470px; padding: 10px; }
#container .registerLeftCol h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; }
#container .registerRightCol { float: right; width: 296px; padding: 5px; }
.registerRightCol h1 { height: 20px; text-align: center; color: #ffffff; background: #616902 url('../images/corner.png') right no-repeat; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;}
#registration-container { border: 1px solid #616902; padding: 3px; }

/* Admin Calendar */
#admincalendar { font-family: verdana, arial, helvetica, sans; font-size: 11px; color: #7A7A7A; padding: 10px; }
#admincalendar h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; }

#admincalendar table { width: 100%; }
#admincalendar th { font-size: 18px; text-align: left; padding: 5px; }
#admincalendar td { border: 1px solid #EAEAFF; min-height: 60px; }
#admincalendar td.days { width: 14%; background: #EAEAFF; text-align: center; }
#admincalendar td.nonmonthday { background: #EAEAFF; }
#admincalendar a.addevent { display: block; text-decoration: none; }
#admincalendar a.addevent:hover { background: #FFFFA4; }

#admincalendar #eventview { margin: auto; visibility: hidden; position: absolute; z-index: 3; -moz-opacity:.98; opacity:.98; top: 20px; }
#admin calendar #eventview td { border: 0px; }

/* Admin Calendar */
#residents { font-family: verdana, arial, helvetica, sans; font-size: 11px; color: #7A7A7A; padding: 10px; }
#residents h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; }
#residents table { width: 100%; }
#residents a { text-decoration: none; color: #000080; display: block; text-align: center;}
#residents a:hover { text-decoration: underline; background: #000080; color: #ffffff;  }
#residents td { padding: 3px; border: 1px solid #E2EDF1; }


/* Rico Styles */
.panelheader { background-color : #000000; font-family: arial, helvetica, sans; color : #ffffff; border-bottom:1px solid #182052; border-top:1px solid #BDC7E7; padding-left: 5px; }
.mdHover { background-color : #414141; color : #ffffff; }
.mdSelected { background-color : #000000; color : #ffffff; }
.panelContent { border-top-width: 0px; border-bottom-width : 0px; font-size: 11px; overflow: auto; padding: 5px; }



/* Weather */
.wx { margin-top: 2px; font-family: arial, helvetica, sans; color: #414141; font-size: 12px;}
.wx a { display: block; color: #ffffff; text-decoration: none; }
.wx a:hover { text-decoration: underline; }
.location { font-weight: bold; }
.temp { padding-top: 10px; padding-bottom: 5px; display: block; font-weight: bold; font-size: 16px; text-align: center; }
.feelslike { font-weight: normal; font-size: 11px; }




/*Messages*/
.msg { margin: 1px; border: 1px solid #EAEAFF; padding: 5px; }
.posted { font-size: 11px; color: #808080; }
.replycontainer { margin-left: 5px; margin-top: 2px; background: #EAEAFF; padding: 5px; }


/*Documents Styles*/
#contact { padding: 10px; }
#contact h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; }