html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #688400 url('/public/images/front_bg2.jpg') repeat-x top center;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Page ##
############################################################################*/
#background { position: absolute; width: 100%; min-height: 800px; margin: 0; background: url('/public/images/front_bg1.jpg') no-repeat top center; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { width: 1004px; margin: 0 0 45px 0; padding: 0; }
#header .push { width: 37px; margin: 0; padding: 0; }
#header .pull { width: 52px; margin: 0; padding: 0; }
/*###########################################
## Logo ##
###########################################*/
#header #logo { width: 255px; height: 245px; margin: 0; padding: 25px 0 0 30px; background: url('/public/images/front_logo.jpg') no-repeat top left; }
#header #logo h1 { width: 233px; height: 177px; margin: 0; padding: 0; }
#header #logo h1 a { display: block; width: 233px; height: 177px; margin: 0; padding: 0; text-indent: -9999px; cursor: pointer; }
/*###########################################
## Primary Navigation Container ##
###########################################*/
#header #mainNav { width: 220px; margin: 0; padding: 0; }
#header #mainNav ul { list-style: none; }
#header #mainNav h2 { color: #ffffff; font-size: 1.3em; font-weight: bold; letter-spacing: -0.1em; }
#header #mainNav h2 a { color: #ffffff; text-decoration: none; }
#header #mainNav h2 a:hover { color: #d9f37c; text-decoration: none; }
/*###########################################
## Tools ##
###########################################*/
#header #tools { width: 410px; margin: 0; padding: 0; }
#header #tools .left { width: 110px; margin: 0; padding: 0; }
#header #tools .right { width: 300px; margin: 0; padding: 0; }
#header #tools .right h2 { height: 24px; margin: 0; padding: 18px 0 0 0; color: #ffffff; font-size: 1.5em; letter-spacing: -0.1em; }
/*###########################################
## Member Login ##
###########################################*/
#header #tools .right #memberLogin { width: 300px; height: 121px; margin: 0; padding: 0; background: url('/public/images/front_login_bg.jpg') no-repeat top left; }
#header #tools .right #memberLogin .row1 { width: 300px; height: 39px; margin: 0; padding: 0; background: url('/public/images/front_login_right.jpg') no-repeat top right; }
#header #tools .right #memberLogin .row1 .title { width: 70px; height: 20px; margin: 0; padding: 19px 0 0 15px; color: #ffffff; font-size: 1.0em; font-weight: normal; }
#header #tools .right #memberLogin .row1 .field { width: 215px; height: 24px; margin: 0; padding: 15px 0 0 0; }
#header #tools .right #memberLogin .row1 .field input { width: 177px; height: 20px; margin: 0; padding: 4px 0 0 4px; border: 0; background: url('/public/images/front_login_user.jpg') no-repeat top left; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; }
#header #tools .right #memberLogin .row2 { width: 300px; margin: 0; padding: 0; }
#header #tools .right #memberLogin .row2 .stacked { width: 220px; height: 82px; margin: 0; padding: 0; }
#header #tools .right #memberLogin .row2 .stacked .password { width: 220px; height: 50px; margin: 0; padding: 0; }
#header #tools .right #memberLogin .row2 .stacked .forgot { width: 205px; height: 24px; margin: 0; padding: 8px 0 0 15px; }
#header #tools .right #memberLogin .row2 .stacked .forgot a { color: #563202; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#header #tools .right #memberLogin .row2 .stacked .forgot a:hover { color: #563202; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#header #tools .right .forgot { width: 150px; height: 24px; margin: 0; padding: 8px 0 0 15px; }
#header #tools .right .forgot a { color: #563202; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#header #tools .right .forgot a:hover { color: #563202; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#header #tools .right #memberLogin .row2 .title { width: 70px; height: 23px; margin: 0; padding: 16px 0 0 15px; color: #ffffff; font-size: 1.0em; font-weight: normal; }
#header #tools .right #memberLogin .row2 .field { width: 135px; height: 37px; margin: 0; padding: 13px 0 0 0; }
#header #tools .right #memberLogin .row2 .field input { width: 131px; height: 20px; margin: 0; padding: 4px 0 0 4px; border: 0; background: url('/public/images/front_login_pwd.jpg') no-repeat top left; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; }
#header #tools .right #memberLogin .row2 .submit { width: 80px; height: 82px; margin: 0; padding: 0; }
#header #tools .right #memberLogin .row2 .submit img { border: 0; margin: 0; padding: 0; }
#header #tools .right #memberInstructions { width: 286px; height: 26px; margin: 0; padding: 13px 0 0 0; text-align: right; }
#header #tools .right #memberInstructions h4 { width: 166px; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; margin: 0 0 0 120px; padding: 0 0 0 10px; background: url('/public/images/marker.png') no-repeat top left; }
#header #tools .right #memberLoggedIn { width: 280px; height: 115px; margin: 0; padding: 6px 10px 0 10px; background: url('/public/images/front_login_bgb.jpg') no-repeat top left; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; }
#header #tools .right #memberLoggedIn p { margin: 5px 0 10px 0; padding: 0; }
#header #tools .right #memberLoggedIn a { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: underline; }
#header #tools .right #memberLoggedIn a:hover { text-decoration: none; }
#header #tools .right #memberLoggedIn h4 { margin: 0 0 3px 0; padding: 0; color: #000000; }
#header #tools .right #memberLoggedIn ul { list-style: disc inside; margin: 0; padding: 0; line-height: 14px; color: #000000; }
#header #tools .right #memberLoggedIn ul li a { color: #ffffff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#header #tools .right #memberLoggedIn ul li a:hover { text-decoration: underline; }
#header #tools .right #memberSession { width: 135px; height: 29px; margin: 0; padding: 10px 0 0 0; text-align: right; }
#header #tools .right #memberSession h4 { color: #ffffff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; margin: 0; padding: 0; }
#header #tools .right #memberSession h4 a { color: #ffffff; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; margin: 0; padding: 0; text-decoration: none; }
#header #tools .right #memberSession h4 a:hover { text-decoration: underline; }
/*###########################################
## Site Search ##
###########################################*/
#header #tools .right #search { width: 290px; height: 27px; margin: 0; padding: 5px 5px 5px 5px; background: url('/public/images/front_search_bg.jpg') no-repeat top left; }
#header #tools .right #search .searchfor { width: 290px; height: 24px; margin: 0; padding: 0; }
#header #tools .right #search .searchfor .field { width: 209px; height: 24px; margin: 0; padding: 0; }
#header #tools .right #search .searchfor .field input { width: 200px; height: 20px; margin: 0; padding: 4px 0 0 9px; border: 0; background: url('/public/images/front_search_input.jpg') no-repeat top left; color: #4b2800; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; }
#header #tools .right #search .searchfor .submit { width: 81px; height: 23px; margin: 0; padding: 1px 0 0 0; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body ##
############################################################################*/
#body { width: 1004px; margin: 0; padding: 0; }
#body .push { width: 37px; margin: 0; padding: 0; }
#body .pull { width: 37px; margin: 0; padding: 0; }
#body #bodyContent { width: 930px; margin: 0; padding: 15px 0 0 0; background: url('/public/images/front_amenities.jpg') no-repeat top left; }
/*###########################################
## Sub Navigation - Amenities ##
###########################################*/
#body #bodyContent #amenities { width: 774px; height: 50px; margin: 0; padding: 0 0 0 156px; background: url('/public/images/front_subnav_bg.jpg') no-repeat top left; }
#body #bodyContent #amenities ul { list-style: none; }
#body #bodyContent #amenities ul li { float: left; }
#body #bodyContent #amenities h2 { margin: 0; padding: 0; }
#body #bodyContent #amenities .golf { display: block; width: 75px; height: 50px; margin: 0; padding: 0; background: url('/public/images/front_secondaryNav1.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#body #bodyContent #amenities .tennis { display: block; width: 85px; height: 50px; margin: 0; padding: 0; background: url('/public/images/front_secondaryNav2.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#body #bodyContent #amenities .dining { display: block; width: 90px; height: 50px; margin: 0; padding: 0; background: url('/public/images/front_secondaryNav3.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#body #bodyContent #amenities .fitnesscenter { display: block; width: 150px; height: 50px; margin: 0; padding: 0; background: url('/public/images/front_secondaryNav4.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#body #bodyContent #amenities .swimmingpool { display: block; width: 165px; height: 50px; margin: 0; padding: 0; background: url('/public/images/front_secondaryNav5.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#body #bodyContent #amenities .facilitiesrental { display: block; width: 165px; height: 50px; margin: 0; padding: 0; background: url('/public/images/front_secondaryNav6.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
/*###########################################
## Feature Box ##
###########################################*/
#body #bodyContent #feature { width: 930px; height: 280px; margin: 0; padding: 0; background: url('/public/images/front_body_shadow_fill.png') repeat-y top left; }
#body #bodyContent #feature .push { width: 15px; margin: 0; padding: 0; }
#body #bodyContent #feature .amenityLeft { height: inherit; min-height: 60px; background: url('/public/images/front_amenities_left.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox { width: 915px; height: 275px; margin: 0; padding: 0; background: url('/public/images/front_feature_bg.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox #featureSlides { width: 915px; height: 275px; margin: 0; padding: 0; }
#body #bodyContent #feature #featureBox .left { width: 403px; height: 275px; margin: 0; padding: 0; }
#body #bodyContent #feature #featureBox .right { width: 499px; height: 271px; margin: 0; padding: 4px 0 0 13px; background: url('/public/images/front_feature_photo.png') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureText { width: 400px; height: 248px; margin: 0; padding: 0; }
#body #bodyContent #feature #featureBox .left .featureText .header { width: 305px; height: 90px; margin: 0 0 0 98px; padding: 0; }
#body #bodyContent #feature #featureBox .left .featureText .header h2 { width: 305px; height: 90px; margin: 0; padding: 0; }
#body #bodyContent #feature #featureBox .left .featureText .header h2 a { display: block; width: 305px; height: 90px; margin: 0; padding: 0; text-indent: -9999px; cursor: pointer; }
#body #bodyContent #feature #featureBox .left .featureText .intro { width: 360px; height: 110px; margin: 0; padding: 0 15px 0 25px; }
#body #bodyContent #feature #featureBox .left .featureText .intro p { margin: 0; padding: 0; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; text-align: justify; }
#body #bodyContent #feature #featureBox .left .featureText .options { clear: both; width: 365px; height: 35px; margin: 2px 0 0 25px; padding: 3px 0 2px 0; }
#body #bodyContent #feature #featureBox .left .featureText .options .first { float: left; display: block; height: 27px; margin: 0; padding: 8px 10px 0 0; border-right: 1px solid #e8e8e8; background: none; text-align: left; }
#body #bodyContent #feature #featureBox .left .featureText .options .second { float: left; display: block; height: 27px; margin: 0; padding: 8px 0 0 10px; background: none; text-align: left; }
#body #bodyContent #feature #featureBox .left .featureText .options a { color: #548ab2; }
#body #bodyContent #feature #featureBox .left .featureText .options h4 { margin: 0; padding: 0; color: #548ab2; font-size: 1.4em; letter-spacing: -0.1em; }
#body #bodyContent #feature #featureBox .left .featureMore { width: 385px; height: 24px; margin: 0; padding: 0 18px 0 0; background: #a9c4d8; text-align: right; }
#body #bodyContent #feature #featureBox .left .featureMore a { float: right; display: block; height: 24px; margin: 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; line-height: 12px; }
#body #bodyContent #feature #featureBox .left .featureMore a:hover { text-decoration: underline; }
/* Dining */
#body #bodyContent #feature #featureBox .left .featureText .dining { background: url('/public/images/feature/temp_frontFeature_dining_header.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureMore .dining { width: 194px; height: 19px; margin: 0; padding: 5px 0 0 0; border-left: 5px solid #8dafc8; }
/* Fitness Center */
#body #bodyContent #feature #featureBox .left .featureText .fitnesscenter { background: url('/public/images/feature/temp_frontFeature_fitnesscenter_header.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureMore .fitnesscenter { width: 262px; height: 19px; margin: 0; padding: 5px 0 0 0; border-left: 5px solid #8dafc8; }
/* Golf */
#body #bodyContent #feature #featureBox .left .featureText .golf { background: url('/public/images/feature/temp_frontFeature_golf_header.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureMore .golf { width: 185px; height: 19px; margin: 0; padding: 5px 0 0 0; border-left: 5px solid #8dafc8; }
/* Tennis */
#body #bodyContent #feature #featureBox .left .featureText .tennis { background: url('/public/images/feature/temp_frontFeature_tennis_header.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureMore .tennis { width: 200px; height: 19px; margin: 0; padding: 5px 0 0 0; border-left: 5px solid #8dafc8; }
/* Swimming Pool */
#body #bodyContent #feature #featureBox .left .featureText .swimmingpool { background: url('/public/images/feature/temp_frontFeature_swimmingpool_header.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureMore .swimmingpool { width: 270px; height: 19px; margin: 0; padding: 5px 0 0 0; border-left: 5px solid #8dafc8; }
/* Facilities Rental */
#body #bodyContent #feature #featureBox .left .featureText .facilitiesrental { background: url('/public/images/feature/temp_frontFeature_facilitiesrental_header.jpg') no-repeat top left; }
#body #bodyContent #feature #featureBox .left .featureMore .facilitiesrental { width: 280px; height: 19px; margin: 0; padding: 5px 0 0 0; border-left: 5px solid #8dafc8; }
/*###########################################
## Body Columns ##
###########################################*/
#body #bodyContent #bodyColumns { width: 930px; min-height: 400px; margin: 0; padding: 0; background: url('/public/images/front_body_shadow_fill.png') repeat-y top left; }
#body #bodyContent #bodyColumns .left { width: 219px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .left .push { width: 15px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .left .top { margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .left .bottom { margin: 0; padding: 15px 0 0 0; }
#body #bodyContent #bodyColumns .middle { width: 371px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .middle .media { width: 371px; margin: 0; padding: 0; background: url('/public/images/front_middle_bg.jpg') repeat-y bottom left; }
#body #bodyContent #bodyColumns .middle .mediaFooter { width: 371px; height: 8px; margin: 0; padding: 0; background: url('/public/images/front_middle_bottom.jpg') no-repeat top left; }
#body #bodyContent #bodyColumns .right { width: 325px; margin: 0; padding: 0; }
/*###########################################
## Calendar/Events ##
###########################################*/
#body #bodyContent #bodyColumns .left #monthView { width: 196px; min-height: 230px; margin: 0 0 0 8px; padding: 15px 0 15px 0; background: #fbf6da; }
#body #bodyContent #bodyColumns .left #monthView #month { width: 167px; min-height: 230px; margin: 0; padding: 0 14px 0 15px; background: url('/public/images/front_vert.png') repeat-y top right; }
#body #bodyContent #bodyColumns h2 { margin: 0 0 6px 0; padding: 0; color: #563202; font-size: 1.3em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns h2 b { margin: 0; padding: 0; color: #563202; font-size: 1.2em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns h2 small { margin: 0; padding: 0; color: #563202; font-size: 0.9em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .titlePush { margin: 0 0 0 46px; }
#body #bodyContent #bodyColumns .titlePull { margin-top: 4px; line-height: 11px; }
#body #bodyContent #bodyColumns .left #monthView #month h3 { margin: 0 0 12px 0; padding: 0; line-height: 13px; }
#body #bodyContent #bodyColumns .left #monthView #month h3 a { color: #4a6700; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#body #bodyContent #bodyColumns .left #monthView #month h3 a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .left #monthView #month h4 { margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .left #monthView #month h4 a { display: block; height: 20px; margin: 0; padding: 4px 0 0 30px; background: url('/public/images/calendar_feed.png') no-repeat top left; cursor: pointer; color: #563202; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#body #bodyContent #bodyColumns .left #monthView #month h4 a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar { width: 167px; margin: 0; padding: 17px 0 0 0; background: url('/public/images/calendar_days.jpg') no-repeat top right; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar #key { width: 167px; height: 20px; margin: 0 0 14px 0; padding: 0; background: url('/public/images/calendar_key.jpg') no-repeat top left; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row { width: 167px; height: 22px; margin: 0 0 1px 0; padding: 0; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .day { float: left; width: 23px; height: 17px; margin: 0 1px 0 0; padding: 5px 0 0 0; background: #d8a029; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-align: center; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .day:hover { color: #ffffff; background: #ac7900; cursor: pointer; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .empty { background: #f3d99a; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .empty:hover { background: #f3d99a; cursor: default; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .events { background: #6f4819; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .events a { display: block; width: 23px; height: 17px; margin: -5px 0 0 0; padding: 5px 0 0 0; color: #ffffff; font-weight: bold; text-decoration: none; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .events a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .events:hover { background: #4a2700; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .today { color: #886300; font-size: 14px; background: #ffce22; }
#body #bodyContent #bodyColumns .left #monthView #month #calendar .row .last { margin: 0 0 0 0; }
#body #bodyContent #bodyColumns .left #eventView { width: 218px; min-height: 400px; margin: 0 0 0 0; padding: 0 1px 0 0; background: url('/public/images/front_vert.png') repeat-y top right; }
#body #bodyContent #bodyColumns .left #eventView h2 { margin: 0 0 6px 38px; }
#body #bodyContent #bodyColumns .left #eventView ul { list-style: none; margin: 0 0 5px 0; padding: 10px 0 0 0; background: url('/public/images/event_top.png') no-repeat top left; }
#body #bodyContent #bodyColumns .left #eventView li { display: block; width: 218px; margin: 0; padding: 0 0 15px 0; background: url('/public/images/event_div.png') no-repeat bottom left; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#body #bodyContent #bodyColumns .left #eventView h2.more { margin: 0 0 0px 38px; padding: 0; font-size: 1.0em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .left #eventView a.all { color: #563202; font-size: 1.3em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .left #eventView a.all b { color: #563202; font-size: 1.2em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .left #eventView .event { display: block; width: 181px; min-height: 48px; margin: 0; padding: 6px 15px 10px 22px; background: url('/public/images/event_bg.png') repeat-y top left; }
#body #bodyContent #bodyColumns .left #eventView .event h3 { margin: 0 0 2px 0; padding: 0; }
#body #bodyContent #bodyColumns .left #eventView .event h3 a { color: #bf3900; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#body #bodyContent #bodyColumns .left #eventView .event h3 a:hover { color: #910000; text-decoration: underline; }
#body #bodyContent #bodyColumns .left #eventView .event h4 { margin: 0 0 4px 0; padding: 0; color: #919191; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; font-style: italic; }
#body #bodyContent #bodyColumns .left #eventView .odd .event { display: block; width: 181px; min-height: 48px; margin: 0; padding: 6px 15px 10px 22px; background: url('/public/images/event_bg_odd.png') repeat-y top left; }
#body #bodyContent #bodyColumns .left #eventView .odd { background: url('/public/images/event_div_odd.png') no-repeat bottom left; }
#body #bodyContent #bodyColumns .left #eventView .last { background: url('/public/images/event_bottom.png') no-repeat bottom left; }
#body #bodyContent #bodyColumns .left #eventView .event .choices { width: 181px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .left #eventView .event a.details { color: #0085a9; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#body #bodyContent #bodyColumns .left #eventView .event a.details:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .left #eventView .event a.register { float: right; display: block; width: 100px; height: 19px; margin: -2px 0 0 0; padding: 0; background: url('/public/images/event_register.png') no-repeat top left; text-indent: -9999px; cursor: pointer; }
/*###########################################
## Photos ##
###########################################*/
#body #bodyContent #bodyColumns .middle #photos { width: 185px; min-height: 223px; margin: 0; padding: 15px 0 8px 0; background: #fdfae9; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos { width: 155px; min-height: 223px; margin: 0; padding: 0 15px 0 15px; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .featured { width: 155px; height: 75px; margin: 8px 0 0 0; padding: 0 0 1px 0; border-bottom: 5px solid #ffce22; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .featured img { border: 0; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details { width: 155px; margin: 5px 0 0 0; padding: 0; line-height: 14px; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details a { color: #0085a9; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details small { color: #563202; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; font-style: italic; line-height: 12px; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details ul { list-style: disc outside; margin: 12px 0 12px 13px; padding: 0; color: #0085a9; line-height: 14px; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details ul li { margin: 0; padding: 0; color: #0085a9; line-height: 12px; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details li a { color: #0085a9; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details li a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details h3 { margin: 0; padding: 0; font-size: 1.0em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details a.more { color: #563202; font-size: 1.2em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #photos #listPhotos .details a.more b { color: #563202; font-size: 1.1em; letter-spacing: -0.1em; }
/*###########################################
## Videos ##
###########################################*/
#body #bodyContent #bodyColumns .middle #videos { width: 186px; min-height: 223px; margin: 0; padding: 15px 0 8px 0; background: #fbf6da; }
#body #bodyContent #bodyColumns .middle #videos #listVideos { width: 155px; min-height: 223px; margin: 0; padding: 0 15px 0 15px; background: url('/public/images/front_vert.png') repeat-y top left; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .featured { width: 155px; height: 85px; margin: 8px 0 0 0; padding: 0 0 1px 0; border-bottom: 5px solid #3e5b00; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .featured img { border: 0; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details { width: 155px; margin: 5px 0 0 0; padding: 0; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details a { color: #688400; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; text-decoration: none; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details small { color: #563202; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; font-style: italic; line-height: 12px; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details ul { list-style: disc outside; margin: 12px 0 12px 13px; padding: 0; color: #688400; line-height: 12px; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details ul li { margin: 0; padding: 0; color: #688400; line-height: 12px; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details li a { color: #688400; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details li a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details h3 { margin: 0; padding: 0; font-size: 1.0em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details a.more { color: #563202; font-size: 1.2em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #videos #listVideos .details a.more b { color: #563202; font-size: 1.1em; letter-spacing: -0.1em; }
/*###########################################
## Welcome ##
###########################################*/
#body #bodyContent #bodyColumns .middle #welcome { width: 341px; margin: 0; padding: 25px 15px 25px 15px; }
#body #bodyContent #bodyColumns .middle #welcome h2 { margin: 0 0 20px 0; padding: 0; color: #548ab2; font-size: 1.3em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #welcome h2 b { margin: 0; padding: 0; color: #548ab2; font-size: 1.2em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #welcome p { margin: 0 0 20px 0; padding: 0; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; text-align: justify; }
#body #bodyContent #bodyColumns .middle #welcome h4 { text-align: right; font-size: 1.0em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #welcome a.more { color: #563202; font-size: 1.3em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .middle #welcome a.more b { color: #563202; font-size: 1.2em; letter-spacing: -0.1em; }
/*###########################################
## News ##
###########################################*/
#body #bodyContent #bodyColumns .right #news { width: 317px; min-height: 400px; margin: 0 8px 0 0; padding: 15px 0 0 0; background: url('/public/images/news_bg.jpg') repeat-x top left; border-bottom: 8px solid #548ab2; }
#body #bodyContent #bodyColumns .right #news #listNews { width: 286px; min-height: 400px; margin: 0; padding: 0 15px 0 16px; background: url('/public/images/front_vert.png') repeat-y top left; }
#body #bodyContent #bodyColumns .right #news #listNews .columns { clear: both; width: 286px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .right #news #listNews .columns .left { width: 185px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .right #news #listNews .columns .right { width: 101px; margin: 0; padding: 0; }
#body #bodyContent #bodyColumns .right #news #listNews .columns .right h4 { margin: 5px 0 0 0; padding: 0; line-height: 11px; }
#body #bodyContent #bodyColumns .right #news #listNews .columns .right h4 a { display: block; height: 24px; margin: 0; padding: 0 0 0 30px; background: url('/public/images/calendar_feed.png') no-repeat top left; cursor: pointer; color: #563202; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#body #bodyContent #bodyColumns .right #news #listNews .columns .right h4 a:hover { text-decoration: underline; }
#body #bodyContent #bodyColumns .right #news #listNews .entries { width: 286px; margin: 0; padding: 0; line-height: 14px; }
#body #bodyContent #bodyColumns .right #news #listNews .entries ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
#body #bodyContent #bodyColumns .right #news #listNews .entries ul li { display: block; width: 264px; margin: 0 0 15px 0; padding: 2px 0 0 22px; line-height: 14px; background: url('/public/images/news_quote.png') no-repeat top left; color: #3a739a; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; }
#body #bodyContent #bodyColumns .right #news #listNews .entries li a { display: block; width: 156px; margin: 2px 0 0 0; padding: 0; background: url('/public/images/news_marker.png') no-repeat top right; color: #00aaf0; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; }
#body #bodyContent #bodyColumns .right #news #listNews h3 { margin: 0 0 8px 0; padding: 0; text-align: right; font-size: 1.0em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .right #news #listNews a.more { color: #563202; font-size: 1.3em; letter-spacing: -0.1em; }
#body #bodyContent #bodyColumns .right #news #listNews a.more b { color: #563202; font-size: 1.2em; letter-spacing: -0.1em; }
/*###########################################
## Ad Space ##
###########################################*/
#body #bodyContent #bodyColumns .right #adspace { width: 317px; margin: 0; padding: 20px 8px 0px 8px; }
#body #bodyContent #bodyColumns .right #adspace img { border: 0; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#bottom { width: 875px; height: 167px; margin: 0 0 -20px -116px; padding: 55px 180px 0 180px; background: url('/public/images/front_bg3.jpg') no-repeat top left; }
#bottom .contact { width: 166px; height: 122px; margin: 0; padding: 0 0 0 62px; background: url('/public/images/bottom_logo.jpg') no-repeat top left; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bottom .contact p { margin: 0 0 8px 0; padding: 0; }
#bottom .contact b { color: #c3de68; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; }
#bottom .contact a { display: block; margin: 3px 0 0 0; color: #ffce22; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#bottom .contact a:hover { text-decoration: underline; }
#bottom .divleft { width: 7px; height: 122px; margin: 0; padding: 0; background: url('/public/images/bottom_div1.jpg') no-repeat top left; }
#bottom .nav { width: 149px; height: 122px; margin: 0; padding: 2px 0 0 18px; }
#bottom .nav ul { list-style: none; margin: 0; padding: 0; line-height: 18px; }
#bottom .nav ul li { margin: 0; padding: 0; }
#bottom .nav a { color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#bottom .nav a:hover { text-decoration: underline; }
#bottom .divright { width: 7px; height: 122px; margin: 0; padding: 0; background: url('/public/images/bottom_div2.jpg') no-repeat top left; }
#bottom .tools { width: 451px; height: 122px; margin: 0; padding: 0 0 0 15px; }
#bottom .tools h4 { margin: 0 0 2px 0; padding: 0; color: #b6d15b; font-size: 1.2em; letter-spacing: -0.1em; }
#bottom .tools h4 b { color: #b6d15b; font-size: 1.3em; letter-spacing: -0.1em; }
#bottom .tools .amenities { display: block; width: 450px; margin: 0 0 10px 0; padding: 0; }
#bottom .tools .amenities ul { clear: both; list-style: none; margin: 0; padding: 0; }
#bottom .tools .amenities li { float: left; margin: 0 15px 0 0; padding: 0; }
#bottom .tools .amenities a { color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#bottom .tools .amenities a:hover { text-decoration: underline; }
#bottom .tools .members { width: 450px; margin: 0; padding: 0; }
#bottom .tools .members .list { display: block; width: 450px; margin: 0; padding: 0; line-height: 16px; }
#bottom .tools .members .list a { color: #ffffff; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#bottom .tools .members .list a:hover { text-decoration: underline; }
#bottom .tools .members .list .left { width: 130px; margin: 0; padding: 0; }
#bottom .tools .members .list .middle { width: 175px; margin: 0; padding: 0; }
#bottom .tools .members .list .right { width: 145px; margin: 0; padding: 0; }
#bottom .footer { width: 875px; margin: 0; padding: 0; }
#bottom .footer .legal { width: 438px; margin: 0; padding: 16px 0 0 0; color: #eeff90; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bottom .footer .credit { width: 437px; margin: 0; padding: 0; }
#bottom .footer .credit h4 { width: 248px; height: 22px; margin: 12px 0 0 186px; padding: 0; }
#bottom .footer .credit h4 a { background: url('/public/images/flex360.png') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
.navigation li:hover, .navigation li.over { position: static; /* make menus not sticky in ie7 */ }
.navigation li ul { position: absolute; left: -999em; list-style: none; }
.navigation li:hover ul { left: auto; }
.navigation li:hover ul, .navigation li.sfhover ul { left: auto; }
/* Dropdown */
.dropdownNav { z-index: 99; position: absolute; width: 222px; margin: -15px 0 0 -10px; padding: 0 0 26px 0; line-height: 14px; background: url('/public/images/nav_bottom.png') no-repeat bottom left; }
.dropdownNav li:first-child,
.dropdownNav li.firstChild { padding: 16px 0 0 0 !important; background: url('/public/images/nav_top.png') no-repeat top left; }
.dropdownNav li { width: 222px; min-height: 25px; margin: 0; padding: 0; background: url('/public/images/nav_bg.png') repeat-y top left; line-height: 12px; }
.dropdownNav .index { color: #00aaf0; }
.dropdownNav li a { display: block; width: 162px; margin: 0 20px 0 14px; padding: 6px 10px 8px 16px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; cursor: pointer; }
.dropdownNav li a:hover { margin: 0 20px 0 14px; padding: 6px 10px 8px 16px; color: #c7eb54; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; background: #323232; cursor: pointer; }
.pushed { margin: -31px 0 0 140px !important; padding: 0 0 26px 0 !important; }
/*###########################################
## Primary ##
###########################################*/
#header #mainNav .primaryNavigation1 { display: block; width: 198px; height: 23px; margin: 24px 0 0 0; padding: 3px 0 0 22px; background: url('/public/images/front_primaryNav1.jpg') no-repeat top left; }
#header #mainNav .primaryNavigation2 { display: block; width: 198px; height: 23px; margin: 0 0 0 0; padding: 3px 0 0 22px; background: url('/public/images/front_primaryNav2.jpg') no-repeat top left; }
#header #mainNav .primaryNavigation3 { display: block; width: 198px; height: 23px; margin: 0 0 0 0; padding: 3px 0 0 22px; background: url('/public/images/front_primaryNav3.jpg') no-repeat top left; }
#header #mainNav .primaryNavigation4 { display: block; width: 198px; height: 23px; margin: 0 0 0 0; padding: 3px 0 0 22px; background: url('/public/images/front_primaryNav4.jpg') no-repeat top left; }
#header #mainNav .primaryNavigation5 { display: block; width: 198px; height: 23px; margin: 0 0 0 0; padding: 3px 0 0 22px; background: url('/public/images/front_primaryNav5.jpg') no-repeat top left; }
#header #mainNav .primaryNavigation6 { display: block; width: 198px; height: 22px; margin: 0 0 0 0; padding: 3px 0 0 22px; background: url('/public/images/front_primaryNav6.jpg') no-repeat top left; }
/*###########################################
## Secondary ##
###########################################*/
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; height: 1px; margin: 0; padding: 0; }