body { margin: 0px; background: #FFFFFF url("../images/background.jpg") top center; font-family: verdana, arial, helvetica, sans; color: #414141; font-size: 90%; } /* Site Navigation */ .mainnav { text-align: center; font-family: verdana, tahoma, arial, helvetica, sans; font-weight: bold; } .mainnav a { display: block; text-align: center; font-family: verdana, tahoma, arial, helvetica, sans; color: #ffffff; font-size: 12px; background: #38382B; margin-bottom: 2px; padding: 2px; text-decoration: none; } /*Containers*/ h1.container { display: block; text-align: center; font-family: verdana, tahoma, arial, helvetica, sans; color: #ffffff; font-size: 12px; background: #38382B; margin-bottom: 0px; margin-top: 0px; padding: 1px; } .container h2 { margin: 0px; padding: 0px; font-size: 11px; font-weight: bold;} .container { padding: 5px; border: 1px solid #38382B; font-size: 11px; margin-bottom: 2px;} .container table { width: 100%; } /*Main Display*/ #display { border: 1px solid #C0C0C0; padding: 5px;} /* Global Styles */ #error, #regerror { color: #FF0000;} a.selectable { color: #000080; text-decoration: underline;} a.selectable:hover { color: #FF8000; text-decoration: none;} a.pageheader { text-decoration: none; } #loginerror { color: #FF0000; text-align: center;} form { margin: 0px; } a.touch { display: block; padding-left: 20px; text-decoration: none; color: #000080; } a.touch:hover { background: url('../images/arrow.gif') left center no-repeat; color: #E17100; } /*Page Layout*/ #wrapper { width: 996px; margin: auto; background: #FFFFFF; } #wrapper .header { background: url('../images/header.jpg') no-repeat; height: 10px; padding-top: 170px; text-align: right; } #leftcol { float: left; width: 190px; } #rightcol { float: right; width: 806px;} #rightcol .leftcol { float: left; width: 590px; padding: 5px; } #rightcol .leftcol h1 { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans; color: #4F4F4F; font-size: 20px;} #rightcol .rightcol { float: right; width: 206px; padding-top: 10px; } #rightcol .full { width: 791px; padding: 5px; margin-left: 5px;} #rightcol .full-container { border: 1px solid #272D22; padding: 5px;} #rightcol .full h1 { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans; color: #4F4F4F; font-size: 20px;} /* Google Search */ .googlesearch { background: #38382B; font-size: 11px; margin-bottom: 2px; } /*Ajax Calender*/ .calendar { margin-top: 2px;} .calendar h1 { margin: 0px; padding: 0px; background: #38382B; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #ffffff; text-align: center;} h2.event-header { margin: 0px; padding: 0px; background: #D8DFEA; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #38382B; text-align: center; border-left: 1px solid #38382B; border-right: 1px solid #38382B;} .calendar h4 { font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; } #calendar {border-left: 1px solid #38382B; border-right: 1px solid #38382B; } #calendar a {text-decoration: none;} #calendar table {font-family: arial, helvetica, sans; font-size: 11px; color: #000000; width: 100%; border: 1px solid #97BFCE; 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; } #event-display { border: 1px solid #38382B; font-size: 11px; padding: 3px;} /*Polls Style*/ #poll { border: 1px solid #38382B; font-size: 11px; padding: 3px; margin-bottom: 2px;} td#votebarout { background: url("../images/votebarout.gif"); border:0px; } td#votebarin { background: #800000; border:0px; } td#votetext { font-size:8pt; text-align: center;} td#votequest { font-size:10pt; font-weight:bold; text-align:center;} td#votefooter { font-size:8pt; text-align:center; } div#votespace { font-size:4pt; text-align:center; } /* Registration Styles */ #rightcol .leftreg { float: left; width: 495px; padding: 5px; } #rightcol .leftreg h1 { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans; color: #4F4F4F; font-size: 20px;} #rightcol .rightreg { float: right; width: 296px; padding-left: 5px; padding-top: 10px; } #registration-container { border: 1px solid #38382B; font-size: 11px; padding: 3px;} /* Global Styles */ #error, #regerror { color: #FF0000;} a.selectable { color: #000080; text-decoration: underline;} a.selectable:hover { color: #FF8000; text-decoration: none;} a.pageheader { text-decoration: none; } #loginerror { color: #FF0000; text-align: center;} form { margin: 0px; } a.myprofile { font-size: 12px; color: #E17100; text-decoration: none; font-weight: bold; } a.myprofile:hover { color: #0000FF; text-decoration: underline; } a.logout { font-size: 12px; color: #800000; text-decoration: none; font-weight: bold; } a.logout:hover { color: #E17100; text-decoration: underline; } td.fineline { border: 1px solid #EEEEEE; } th.fineline { border: 1px solid #EEEEEE; } /* Message Alerts Display */ .msg { margin-top: 2px; margin_bottom: 2px; } #msg {border: 1px solid #C9474F; padding: 5px; background: #ffffff; font-size: 11px; text-align: center; margin-bottom: 2px; } #msg a { text-decoration: none; color: #6F9ECE; } #msg a:hover { text-decoration: underline; } .msg h1 { margin: 0px; padding: 0px; background: #C9474F; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #ffffff; text-align: center;} /* Library Styles */ .lib-cat { display: block; background: url('../images/library-icon.gif') left no-repeat; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; font-family: arial, helvetica, sans;} .lib-cat h3 { font-size: 16px; font-weight: bold; margin: 0px; background: none; color: #414141; text-align: left; font-family: arial, helvetica, sans; } .lib-cat a { text-decoration: none ; } .lib-cat a:hover { text-decoration: underline; } /* Directory Styles */ .dir-cat { display: block; background: url('../images/directory-icon.gif') left no-repeat; padding-left: 40px; margin: auto; padding-top: 10px; padding-bottom: 10px; font-family: arial, helvetica, sans; } .dir-cat h3 { font-size: 16px; font-weight: bold; margin: 0px; background: none; color: #414141; text-align: left; font-family: arial, helvetica, sans; } .dir-cat a { text-decoration: none ; } .dir-cat a:hover { text-decoration: underline; } .member-listing { display: block; margin-left: 47px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #EEEEEE; } /* FAQ Styles */ .faq { display: block; font-size: 12px;} .faq h4 { font-size: 14px; font-weight: bold; } /*Teen Services*/ #teens { display: block; font-size: 11px; } #teens table { width: 100%; } #teens th { background: #38382B; color: #ffffff; padding: 2px;} #teens td { text-align: center; padding: 2px;} /* Administrative Calendar */ #calendaradmin { font-family: verdana, arial, helvetica, sans; font-size: 11px; color: #7A7A7A; background: #FFFFFF; } #calendaradmin table { width: 100%; } #calendaradmin th { font-size: 18px; text-align: left; padding: 5px; } #calendaradmin td { border: 1px solid #EAEAFF; min-height: 60px; } #calendaradmin td.days { width: 14%; background: #EAEAFF; text-align: center; } #calendaradmin td.nonmonthday { background: #EAEAFF; } #calendaradmin a.addevent { display: block; text-decoration: none; } #calendaradmin a.addevent:hover { background: #FFFFA4; } #view { margin: auto; visibility: hidden; position: absolute; z-index: 3; filter: alpha(opacity=95); -moz-opacity:.95; opacity:.95; top: 180px; } #event-container { display: block; width: 400px ; background: #ffffff; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #000000;} #event-container .shadow2, #event-container .shadow3, #event-container .container { position: relative; left: -1px; top: -1px; } #event-container .shadow1 { background: #969696; } #event-container .shadow2 { background: #7A7A7A; } #event-container .shadow3 { background: #808080; } #event-container .container { background: #ffffff; border: 1px solid #000040; padding: 10px; display: block; } #event-container .container h2 { font-family: verdana, arial, helvetica, sans; font-size: 14px; margin: 0px; padding-bottom: 5px; color: #000000; border-bottom: 1px dashed #000000; } /* News Articles */ .article { display: block;} .article h2 { font-family: verdana, arial, sans; font-size: 14px; color: #808080; margin: 0px; padding: 0px;} .article .date { font-size: 11px; font-style: italic; } .article a { text-decoration: none; color: #000080; } .article a:hover { color: #FF8000; } .article p.more { background: url('../images/more.gif') no-repeat; padding-left: 15px; font-size: 10px;} /* Service Directory */ .service { margin-top: 2px;} .service-listing { border: 1px solid #C0C0C0; padding: 5px; display: block; margin-bottom: 5px; font-size: 11px;} .service h2 { margin: 0px; padding: 0px; background: #000000; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #ffffff; text-align: center;} /*Forum Styles*/ #forum { display: block; width: 100%; } #forum h3 { background: #38382B; color: #ffffff; font-family: tahoma, verdana, arial, helvetica, sans; font-size: 16px; margin: 0px; padding: 3px;} #forum table { width: 100%; } #forum th { text-align: center; background: #38382B; color: #ffffff; font-family: tahoma, verdana, arial, helvetica, sans; font-size: 11px; margin: 0px; padding: 3px;} #forum td.evenrow { background: #E4E8E1; padding: 2px; } #forum td.oddrow { background: #E1E8E1; padding: 2px;} #forum-container { display: block; border: 1px solid #4C5544; font-family: verdana, arial, helvetica, sans; font-size: 11px; background: #FFFFFF; } #forum a.new-topic { display: block; background: url('../images/newtopic.gif') no-repeat; width: 98px; height: 22px; margin: 2px; } #forum a.new-topic:hover { display: block; background: url('../images/newtopic_over.gif') no-repeat; width: 98px; height: 22px; } #forum a.forumback { display: block; background: url('../images/forumback.gif') no-repeat; width: 98px; height: 22px; margin: 2px; } #forum a.forumback:hover { display: block; background: url('../images/forumback_over.gif') no-repeat; width: 98px; height: 22px; } #forum a.postreply { display: block; background: url('../images/post-reply.gif') no-repeat; width: 98px; height: 22px; margin: 2px; } #forum a.postreply:hover { display: block; background: url('../images/post-reply-over.gif') no-repeat; width: 98px; height: 22px; } #forum a.forumindex { display: block; padding-left: 15px; background: #F7F3E8 url('../images/forum-index.gif') left center no-repeat; text-decoration: none; border-left: 1px solid #4C5544; border-right: 1px solid #4C5544; } #forum a.forumindex:hover { color: #800000; text-decoration: underline; } #forum .topicview { display: block; width: 98%; margin: 1px auto; padding: 5px; background: #E7EAEF; } #forum .topicview h4 { color: #4C5544; font-size: 13px; margin: 0px; padding: 0px; font-weight: normal; } #forum .topicdate { color: #7A7A7A; font-size: 11px; padding-bottom: 5px; } #forum p { font-size: 12px; color: #414141; } #forum a.topic { display: block; text-decoration: none; color: #000080; font-size: 14px; padding-bottom: 2px; } #forum a.topic:hover { color: #990000; text-decoration: underline; } /* Classifieds */ .currentlisting { display: block; border: 1px solid #38382B; padding: 5px; font-family: verdana, arial, helvetica, sans; font-size: 11px; background: #FFFFFF; margin: 2px; } .expiredlisting { display: block; border: 1px solid #38382B; padding: 5px; font-family: verdana, arial, helvetica, sans; font-size: 11px; background: #FFEAEA; margin: 2px;} .currentlisting h4, expiredlisting h4 { font-family: verdana, arial, helvetica, sans; font-size: 14px; font-weight: bold; color: #000000; margin: 0px; padding: 0px; } .postdate, .resident { font-style: italic; font-size: 11px; } .description { font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #000040; } #myclassifieds { display: block; padding: 5px; } /* Photo Gallery */ .gallery .postdate, .resident { font-style: italic; font-size: 11px; } .gallery { float: left; width: 150px; text-align: center; background: #ffffff; border: 1px solid #C0C0C0; padding: 5px; margin: 2px; } a.photo { display: block; text-decoration: none; color: #414141; } a.photo:hover { background: #EAEAFF; } .photo-manage { width: 150px; text-align: center; float: left; border: 1px solid #C0C0C0; padding: 1px; } /* Weather */ .wx { margin-top: 2px; margin-bottom: 2px; border: 1px solid #000000; font-family: arial, helvetica, sans; color: #ffffff; font-size: 12px; background: #000000 url("../images/wxbg.jpg") no-repeat;} .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; } /* My Profile */ #profilemenu { display: block;} #profilemenu ul { list-style-type: none; height: 28px; background: url('../images/profile_ul_bg.gif'); margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans; font-size: 12px; } #profilemenu li { float: left; margin-left: 4px; margin-right: 4px; text-align: center; width: 105px; } #profilemenu a.myalerts { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.myclassifieds { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.myphotos { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.myprofile { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.mysettings { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.currentnews { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.createnews { display: block; background: #F7F3E8; border: 1px solid #C0C0C0; text-decoration: none; color: #000080; font-weight: bold; height: 22px; padding-top: 4px; } #profilemenu a.myalerts_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myclassifieds_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myphotos_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myprofile_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.mysettings_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.currentnews_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.createnews_off { display: block; margin-top: 2px; background: #C0C0C0; border: 1px solid #C0C0C0; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myalerts_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myclassifieds_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myphotos_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.myprofile_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.mysettings_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.currentnews_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } #profilemenu a.createnews_off:hover { display: block; margin-top: 2px; background: #000080; border: 1px solid #000080; text-decoration: none; color: #ffffff; font-weight: bold; height: 22px; padding-top: 2px; } /* News Admin */ #mynews { font-family: arial, helvetica, sans; font-size: 11px; color: #000000; } /* My Settings */ #mysettings { font-size: 11px; } #mysettings h4 { margin-top: 10px; font-size: 12px; border-bottom: 1px dashed #414141; } /* My Messages */ #mymessages, .mymessages { font-family: arial, helvetica, sans; font-size: 11px; color: #000000; margin-top: 10px;} #mymessages .residentname { color: #000080; } .mymessages a { text-decoration: none; } .mymessages a:hover { text-decoration: underline; } /* Real Estate Listings */ .listing {margin: 3px auto; width: 588px; border: 1px solid #C0C0C0; font-size: 11px; background: #ffffff;} .listing h2 { display: block; margin: 0px; background: #FFE292; padding: 5px; color: #498EB9; font-family: verdana, arial, helvetica, sans; font-size: 14px; font-weight: bold; border-bottom: 1px solid #C0C0C0; } .listing .price { color: #5F5046; font-size: 14px; font-weight: bold; } .listing .bb { color: #808080;} .listing p { margin: 0px; padding-top: 5px; padding-bottom: 5px;} .listing h4 { font-size: 11px; color: #808080; border-bottom: 1px dashed #C0C0C0; } .listing img.sm { width: 58px; float: left; margin: 1px; padding: 0px;} /* Footer */ #footer {padding: 5px; font-family: arial, helvetica, sans; font-size: 11px; color: #414141;} #footer .left {float: left; width: 600px;} #footer .right {float: right; text-align: right; padding-right: 10px;} #footer p { padding: 0px; margin: 0px;} /* 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: 1px solid #1f669b; border-top-width: 0px; border-bottom-width : 0px; font-size: 11px; overflow: auto; padding: 5px; } /*Lightbox Styles*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }