/* Body, Text, Images */

body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 14px;
       color: #000000; background-color: #009eb1; margin: 0; }

h1 { margin: 0 0 10px 0; padding: 3px 3px 2px 8px; font-size: 14px; line-height: 17px;
     font-weight: bold; color: #505050; background-color: #d9d9d9; text-transform: uppercase; }
h2 { color: #505050; margin: 0 0 10px 0; font-size: 15px; line-height: 17px; font-weight: bold;
     border-bottom: solid 1px #bbbbbb; }
h3 { margin: 0 0 5px 0; font-size: 12px; line-height: 14px; font-weight: bold; color: #202020;
     text-transform: uppercase; }

p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px;
    margin: 0 0 10px 0; }

table { padding: 0; margin: 0; }
td { font-family: Arial, Verdana, Helvetica, sans-serif; }

.article_title { font-size: 10px; font-weight: bold; color: #e70033; }
.article_date { font-size: 12px; font-weight: bold; text-transform: uppercase; }
.article_summary { font-size: 12px; color: #767676; }

.side_heading { margin: 0 0 10px 0; padding: 3px 3px 2px 8px; font-size: 12px; line-height: 16px;
                color: #505050; background-color: #b9b9b9; }

.reverse { font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif;
           color: #ffffff; }

.reverse_large { font-size: 16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;
                 color: #ffffff; }


.heading { font-size: 12px; font-weight: bold; line-height: 16px; margin: 0px 0px 5px 0px; }
.small { font-size: 11px; font-weight: bold; }

.form_heading { font-size: 11px; line-height: 12px; font-weight: bold; color: #515151; }

.note { font-weight: normal; font-style: italic; font-size: 11px; line-height: 13px;
        font-weight: bold; margin-bottom: 10px; color: #515151; }
.error { font-size: 12px; line-height: 13px; color: #E10E12; }

img { border: 0; margin: 0; padding: 0; }

a:link { text-decoration: underline; color: #e70033; }
a:active { text-decoration: underline; color: #e70033; }
a:visited { text-decoration: underline; color: #e70033; }
a:hover { text-decoration: underline; color: #3f3f3f; }

a.external,
a.pdf, a.file-pdf { background-position: right center; background-repeat: no-repeat; }
a.external       { background-image: url('/images/interface/external_link.gif'); padding-right: 15px; }
a.external:hover { background-image: url('/images/interface/external_link_hover.gif'); }
a.pdf            { background-image: url('/images/interface/icon_pdf.gif'); padding-right: 20px; }
a.file-pdf            { background-image: url('/images/interface/icon_pdf.gif'); padding-right: 20px; }
a.pdf:hover      { background-image: url('/images/interface/icon_pdf_hover.gif'); }
a.file-pdf:hover      { background-image: url('/images/interface/icon_pdf_hover.gif'); }

a span { font-weight: bold; }

.footer { color: #d9d9d9; font-size: 10px; line-height: 12px; }

.footer a:link { text-decoration: underline; color: #d9d9d9; }
.footer a:active { text-decoration: underline; color: #d9d9d9; }
.footer a:visited { text-decoration: underline; color: #d9d9d9; }
.footer a:hover { text-decoration: underline; color: #EFAE00; }


/* Section Class */
.general_header { background: url('/images/interface/header_general.gif') left top repeat-x; }
.health_header { background: url('/images/interface/header_health.gif') left top repeat-x; }
.aquatics_header { background: url('/images/interface/header_aquatics.gif') left top repeat-x; }
.children_header { background: url('/images/interface/header_children.gif') left top repeat-x; }
.camp_header { background: url('/images/interface/header_camp.gif') left top repeat-x; }
.community_header { background: url('/images/interface/header_community.gif') left top repeat-x; }


tr#top-header { background: url('/images/interface/background_header.gif') left bottom repeat-x; }


/* Navigation */
img.nav { float: left; padding: 0px; margin: 0px; }
ul.nav_menu_container { border: 1px solid #231f20; border-top: none; padding: 0; margin: 0; 
                        list-style-image: none; }
.nav_menu { font-size: 12px; text-align: left; width: 180px; font-weight: bold;
            color: #231f20; background-color: #ffffff; display: block; margin: 0; padding: 4px 0; }
.nav_menu_hover { color: #e70033; }
a.nav_menu_link { display: block; width: 100%; padding-left: 22px;
                  background: url(/images/interface/bullet_red.gif) 5px 1px no-repeat; }

.nav_divider { height: 0; overflow: hidden; padding-top: 1px; width: 100%;
               position: relative; top: 4px;
               background-image: url('/images/interface/dot_horizontal.gif'); }


/* Breadcrumbs */

.tracer { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;
          margin-bottom: 15px; }

.tracer a:link { text-decoration: none; color: #e70033; }
.tracer a:active { text-decoration: none; color: #e70033; }
.tracer a:visited { text-decoration: none; color: #e70033; }
.tracer a:hover { text-decoration: none; color: #3f3f3f; }


/* List Items */

ul { font-size: 12px; line-height: 14px; list-style-image: url('/images/interface/bullet.gif');
     list-style-position: outside; padding: 0; margin: 0px 0px 20px 30px; }
li { margin-bottom: 6px; }

ul.sidenav { font-size: 13px; line-height: 14px; padding: 0; margin: 0 0 0 28px; font-weight: bold;
             list-style-image: url('/images/interface/bullet_red.gif');
             list-style-position: outside; }

.sidenav a:link { text-decoration: none; color: #e70033; }
.sidenav a:active { text-decoration: none; color: #e70033; }
.sidenav a:visited { text-decoration: none; color: #e70033; }
.sidenav a:hover { text-decoration: none; color: #3f3f3f; }


/* Miscellaneous Elements */

.divider { float: none; line-height: 1px; margin: 5px 0 5px 0;
           background: url('/images/interface/dot_horizontal.gif') left top repeat-x; }

div.clearer { clear: both; line-height: 0; height: 0; }


/* Forms and Form Buttons */

.form { font-size: 11px; color: #000000; text-decoration: none; text-indent: 0; margin-top: 2px;
        background-color: #ffffff; }
.mailform { font-size: 11px; text-decoration: none; text-indent: 0; margin-bottom: 1px;
            color: #000000; background-color: #ffffff; }
.form_status { font-size: 11px; color: #000000; text-decoration: none; text-indent: 0;
               width: 100%; margin-top: 2px; background-color: #E2E2E2; }
.form_button { margin: 0; font-size: 11px; text-decoration: none; text-indent: 0;
               color: #ffffff; background-color: #231F20; }


/** calendar classes **/

table.calendar_container { background-color: #ffffff; border: 1px solid #C7C7C7;
                           margin: 0px; padding: 3px; }
tr.calendar_container {}
td.calendar_container {}
div.calendar_container_days {}

table.calendar_head { width: 100%; padding: 2px; border: 1px solid #bdbdbd;
                      border-width: 0 1px 1px 0; margin: 1px; }
tr.calendar_head {}
td.calendar_head { padding: 1px; }

td.calendar_head_prev_month { background-color: #C7C7C7; }
td.calendar_head_month_select { color: #C7C7C7; text-align: center; font-size: 11px;
                                background-color: #E1E1E1; }
td.calendar_head_next_month { background-color: #E1E1E1; }

table.calendar_base { border: 1px solid #C7C7C7; border-width: 0 1px 1px 0; }
tr.calendar_base { vertical-align: top; }
td.calendar_base { padding: 3px; border: 1px solid #C7C7C7; border-width: 1px 0 0 1px;
                   font-size: 11px; margin: 2px; line-height: 12px; width: 78px; }
div.calendar_base { width: 21px; height: 21px; font-size: 10px; font-weight: bold; margin:0px;
                    line-height: 24px; text-align: center; color: #7F7F7F;
                    background-color: #E2E2E2; }

table.calendar_dow {}
tr.calendar_dow { height: 20px; }
td.calendar_dow {}
div.calendar_dow { line-height: 13px; height: 13px; font-size: 9px; padding: 0px 0px 0px 5px;
                   background-color: #fcd8d9; }

div.calendar_day_this_month { color: #000000; font-weight: bold; min-height: 110px;
                              height:auto !important; height: 110px; }
div.calendar_day_other_month { color: #aaaaaa; font-weight: bold; min-height: 110px;
                               height:auto !important; height: 110px; }

div.calendar_event_day { color: #000000; background-color: #BDBDBD; cursor: pointer; }
div.calendar_event_rollover { width: 222px; padding: 5px; text-align: left; font-size: 10px;
                              font-weight: normal; line-height: 14px; color: #000000; }
div.calendar_event_rollover_body { background-color: white; border-color: #7F7F7F; }

div.calendar1 { color: white; background-color: #B6CBB1; cursor: pointer; }
div.calendar1_hover { color: white; background-color: #497D3B; cursor: pointer; }

td.calendar_today { background-color: #fcd8d9; }


/** auto complete **/

div.auto_complete { width: 350px; background: #fff; }
div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; width: 100%;
                       list-style-type: none; }
div.auto_complete ul li { margin: 0; padding: 3px; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; }

div.fieldWithErrors { display: inline; }
div.fieldWithErrors input { background-color: yellow; }


/*** Membership rates table ***/
table.generic { border-collapse: collapse; font-size: 95%; width: 100%; }
table.generic th,
table.generic td { border: solid 2px #fff; }

table.generic tbody th,
table.generic tbody td { padding: 5px; }
table.generic tbody th { padding-left: 10px; }

table.generic thead tr { background-color: #b6dcdb; }
table.generic tbody tr:hover { background-color: #e6f6f8; }
table.generic thead tr th { vertical-align: middle; color: #337684; text-transform: uppercase; font-size: 95%; padding-left: 5px; }
table.generic thead tr th sup { text-transform: none; }
table.generic thead tr th.cross { vertical-align: middle; text-align: left; width: 40%; padding-left: 10px; font-size: 105%; }
table.generic thead tr th.pmt_category { width: 30%; }

table.generic tbody tr th,
table.generic tbody tr td { background-color: #d3efef; }
table.generic tbody tr th { text-align: left; }
table.generic tbody tr td { text-align: center; }
/*** end Membership rates table ***/


/*** job styles ***/
div#job h3 { /*text-align: 3px;*/ margin: 4px 0 9px; }
div#job ul li { line-height: 1.5; }
table#job_head { margin-bottom: 5px; border-collapse: collapse; }
table#job_head, table#job_foot { width: 100%; }
table#job_head th, table#job_foot th { text-align: left; }
table#job_head th, table#job_head td { padding: 5px 0; }
table#job_head th { width: 30%; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; }
table#job_head td { width: 70%; }
table#job_foot th { width: 20%; vertical-align: top; }
table#job_foot td { width: 80%; }
/*** end job styles ***/


.slideshow { padding: 20px; background-color: #515151; }
.slideshow-images { width: 350px; height: 350px; margin: 15px auto auto; background-color: #5D5D5D; }
.slideshow-image { width: 350px; height: 350px; position: absolute; }
.slideshow-thumbs { width: 545px; margin-top: 10px; text-align:center; margin-left: 36px;}
.slideshow-thumb { float: left; border-width: 4px; border-style: solid; margin: 0 5px 5px 0; cursor: pointer; }
.slideshow-nav { width: 545px; margin-left: 21px; }
.slideshow-nav-button { cursor: pointer; color: white; background-color: #515151; }
.slideshow-caption { width: 560px; height: 60px; margin: 10px auto; overflow: auto; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 13px; padding: 10px; text-align: center; color: #eee; }


/* Membership Rate Calculator */
#membership-for-all { width: 568px; padding: 20px; font-size: 120%; font-weight: bold;
                      background-color: #D3EFEF; border: solid 5px #B6DCDB; }
#rate-first-year { font-size: 320%; line-height: 110%; color: #00315a; font-weight: bold; }
#rate-second-year { font-size: 320%; line-height: 110%; color: #00315a; font-weight: bold; }
#membership-for-all .rate_box { float: left; width: 100px; color: #666; text-transform: uppercase;
                                margin: 0 10px 0 0; padding: 10px; text-align: center;
                                 font-weight: normal; font-size: 75%; background-color: #e5e5e5; }
#your-rate { float: right; width: 250px; background-color: #fff; padding: 15px; }
.detail { font-size: 12px; }

#membership-types-help { position: absolute; left: 215px; top: -50px; width: 350px; padding: 10px;
                         background: #fff; border: 5px solid #a4a4a4; }
#membership-types-help h3 { font-size: 17px; text-transform: uppercase; border-bottom: solid 1px #dedede;
                            margin-bottom: 10px; padding-bottom: 5px; }
#membership-types-help p { font-size: 14px; }