html{
  background:#517fa6 url('layout_imgs/top_bg.jpg') no-repeat fixed center top;
}

body{
  font-size:100%;
  background:url('layout_imgs/content_bg.png') repeat-y center top;
  font-family:Tahoma, sans-serif;
  line-height:1.3em;
}

#container{}

#hdr{
  background:url('layout_imgs/hdr_bg.png') no-repeat top left;
  height:189px;
  position:relative;
}
  #hdr h1{margin:0; padding:0;}

  #hdr #logo{
    position:absolute;
    top:0;
    left:4px;
    display:block;
    width:177px;
    height:183px;
    background:url('layout_imgs/logo.png') no-repeat top left;
    overflow:none;
    text-indent:-999999px;
  }

  #hdr .search_frm{
    position:absolute;
    top:8px;
    right:12px;
  }
    .search_frm label{
      display:none;
    }
    .search_frm .submit{
      border:0;
      background:#4c3b33 url('layout_imgs/search_icon.png') no-repeat center;
      width:29px;
      height:29px;
      padding:10px;
      cursor:pointer;
      position:relative;
      top:2px;
    }
    .search_frm .q{
      border:0;
      background:#fff;
      font-family:Georgia, serif;
      color:#4c3b33;
      font-size:1.2em;
      padding:3px 6px;
      width:218px;
    }
      #hdr .search_frm .example{
        color:#7c706a;
      }

p#crumb_nav{
  margin:10px;
}
  p#crumb_nav a{
    text-decoration:none;
    font-size:1.1em;
    height:27px;
    display:inline-block;
  }
    p#crumb_nav a:hover{text-decoration:underline;}

    p#crumb_nav a.first{color:#4c3b33;}
    p#crumb_nav a.second{
      color:#8b451d;
      padding-left:31px;
      background:url('layout_imgs/crumb_bullet_1.png') no-repeat left center;
    }
    p#crumb_nav a.third{
      color:#004a73;
      padding-left:32px;
      background:url('layout_imgs/crumb_bullet_2.png') no-repeat left center;
    }
    p#crumb_nav a.fourth{
      color:#517fa6;
      padding-left:31px;
      background:url('layout_imgs/crumb_bullet_3.png') no-repeat left center;
    }
    p#crumb_nav a.fifth{
      color:#758c5c;
      padding-left:31px;
      background:url('layout_imgs/crumb_bullet_4.png') no-repeat left center;
    }

#main{
  font-size:1em;
}

#right{
  margin-top:10px;
  background:url('layout_imgs/right_bg.png') top left repeat-x;
}
  #right h5{
    color:#4c3b33;
    font-size:1.3em;
    margin:10px;
  }
  #right ul{
    list-style:inside disc;
    margin-left:18px;
  }
    #right ul li{
      margin-bottom:5px;
      color:#414141;
    }
    #right ul li a{
      text-decoration:none;
    }

#ftr{
  position:relative;
  clear:both;
  font-size:.9em;
  line-height:1.3em;
  text-align:center;
  color:#4c3b33;
  padding:50px 0 10px 0;
}
  #ftr p#credit a{
    position:absolute;
    width:80px;
    font-size:.8em;
    line-height:1.2em;
    text-align:right;
    bottom:2px;
    right:4px;
    color:#c6c6c6;
    z-index:999;
    text-decoration:none;
  }
  #ftr p#credit a:hover{
    color:#004a73;
  }


/*
---- GENERAL ----
*/
h1,h2,h3,h4,h5,h6{
  font-family:Georgia, serif;
  line-height:1.2em;
}
h1{
  font-size:1.8em;
  color:#004a73;
  font-weight:bold;
  margin:5px 0 15px 0;
}
h2{
  font-size:1.5em;
  margin:12px 0 5px 0;
  color:#8b421d;
  font-weight:bold;
}
h3{
  /*font-size:1.25em;*/
  /*color:#758c5c;*/
  font-size:1.4em;
  color:#4c3b33;
  font-weight:bold;
  margin:10px 0 ;
}
h4{
  font-size:1.15em;
  font-weight:bold;  
  color:#758c5c;
  margin:10px 0 5px 0;
}
h5{}

a,
a:visited{
  color:#517fa6;
}
a:hover{
  color:#004a73;
}

sup{
  font-size:.6em;
  vertical-align:super;
}

p,
blockquote{
  font-size:1em;
}
blockquote{
  padding:15px;
  background:#f3f3f3;
}
#main p,
#main blockquote,
#main ul,
#main ol,
#text_sizer_msg ul{
  font-size:1em;
  margin:2px 0 10px 5px;
  line-height:1.4em;
}
#main ul,
#main ol,
#text_sizer_msg ul{
  list-style:outside;
  margin-left:25px;
}
  #main ul,
  #text_sizer_msg ul{
    list-style-type:disc;
  }
  #main ol{
    list-style-type:decimal;
  }

.link_icon{
  /*padding:0 16px 0 0;*/
  display:inline-block;
  width:16px;
  height:16px;
  vertical-align:top;
  margin-left:4px;
  background:url('layout_imgs/link_icons.png') no-repeat;
}
  .pdf{background-position:left top;}
  .excel{background-position:-18px top;}
  .ppt{background-position:-36px top;}
  .word{background-position:-54px top;}
  .external{background-position:right top;}  

.corner_5{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.hr{
  clear:both;
  display:block;
  height:1px;
  background:#c8c8c8;
}

.note{
  font-style:italic;
  font-size:.95em;
  color:#797979;
}

.hide_title .ui-dialog-titlebar{
  display:none;
}

/*
----- FRAMED IMAGES -----
*/
.framed_image {
  position:relative;
  margin-bottom:4px;
  margin-left:8px;
  width:212px;
  overflow:hidden;
}
.framed_image div.top {
  position:absolute;
  top:0;left:0;
  height:12px;
  width:212px;
  z-index:2; 
  background:url('layout_imgs/frame_top.png') top left no-repeat;
}
.framed_image div.bottom {
  position:absolute;
  bottom:0;left:0;
  height:12px;
  width:212px;
  background:url('layout_imgs/frame_bottom.png') bottom left no-repeat;
}
.framed_image div.center {
  position:absolute;
  top:0px; 
  height:100%;
  width:212px;
  background:url('layout_imgs/frame_side.png') top left repeat-y; 
}
.framed_image img {
  z-index:1;
  overflow:hidden;
}

/*
---- TEXT SIZER ----
*/
#text_sizer a{
  cursor:pointer;
}
#text_sizer_msg{
  display:none;
  margin:10px 0 10px 10px;
  padding:10px;
}
  #text_sizer_msg h4{
    font-size:1.4em;
  }
  #text_sizer_msg h4 span.ui-icon{
    float:left;
    margin:2px 2px 0 0;
  }

/*
------ ANNUAL REPORTS ----
*/
#previous_reports{
  margin-top:20px;
}

#previous_reports ul{
  margin:0;
  position:relative;
  left:10px;
}

/*
------ LINKS ----
*/
#links li{
  margin-bottom:15px;
}
#links li a{
  font-size:1.3em;
  margin-bottom:5px;
}
#links li p{
  margin-left:15px;
}

/*
------ SERVICES BY COUNTY ----
*/
img.county_img{
  float:right;
  margin:0 5px 10px 20px;
}

h2.service{
  clear:both;
  color:#758c5c;
  font-size:1.3em;
  margin:20px 0;
  cursor:pointer;
}
  h2.service a{
    color:#758c5c;
    text-decoration:none;
  }
   .services h2:hover,
   h2.service a:hover{
    color:#8ca76e;
  }
  .services h2.open{
    margin-bottom:5px;
  }

h2.service span.icon{
  display:inline-block;
  width:16px;
  height:16px;
  background:url('layout_imgs/service_icons.png') no-repeat;
  margin-left:10px;
}

  /* expanders .open and .closed */
  .services h2.closed span.icon{
    background-position:top left;
  }
  .services h2.open span.icon{
    background-position:top center;
  }
  .services h2.external span.icon{
    background-position:top right;
  }

.organizations{
  border-top:2px solid #758c5c;
  background:#f3f3f3;
  display:none;
  position:relative;
  min-height:1px;
}
  .organizations div.description{
    padding:5px 10px 10px 10px;
  }
  
  #main .org{
    margin:8px 0;
    position:relative;
  }
    #main .org p{
      margin:0;
    }
    #main .org p.name{
      font-size:1.1em;
    }
      #main .org p.name a{
        text-decoration:none;
      }
    #main .org p.url{
      font-size:.85em;
      margin-bottom:2px;
    }
    #main .org p.address{
      color:#5a5a5a;
      margin-top:4px;
      font-size:.95em;
    }

/* without adding this ontop of 960 IE7 doesn't slide properly */
.clearfix{
  clear:both;
  position:relative;
}

/* right side of services */
p#alpha_jumps{
  width:90%;
  margin-left:5%;
  font-size:1.2em;
  color:#b3b3b3;
  line-height:1.5em;
  font-weight:bold;
}
  #alpha_jumps span{
    margin-right:2px;
  }


/*
------ BLOG/NEWS ----
*/
.blog_post{
  margin-bottom:50px;
}
  .blog_post p.hr{
    position:relative;
    top:20px;
  }

#main .blog_post .additional ul{
  margin-left:10px;
}

#main .blog_post p.links{
  margin:10px 0;
}
  #main .blog_post p.links a{
    margin-right:15px;
  }

/*--- COMMENTS ---*/
.comments{
  padding:2px 10px;
  display:none;
}

.comments h4{
  margin:10px 0 5px 0;
}

.comments .even{
  background:#f3f7f9;  
}

.comment,
.comment_form{
  padding:5px;
}

#main .comment blockquote{
  background:none;
  padding:2px;
  margin-left:20px;
}

#main .comment p{
  font-size:.9em;
}
.comment .count,
.comment .name{
  font-family:Georgia, serif;
  font-size:1.3em;
}
  .comment .count{
    color:#4d4d4d;
    margin-right:2px;
  }
  .comment .name{
    color:#004a73;
  }


.comment_form label{
  float:left;
  width:102px;
  padding-right:2px;
  clear:left;
  text-align:right;
}

.comment_form .note{
  display:block;
  clear:both;
  margin-left:105px;
}

.comment_form .full{
  width:300px;
  padding:2px;
}
  .comment_form textarea.full{
    height:100px;
  }

/* navigation links */
p.older_posts{
  text-align:right;
}


/*--- RIGHT SIDE ---*/
/* ARCHIVES */
#right #blog_archives li{
  color:#517fa6;
  cursor:pointer;
}
  #right #blog_archives li:hover{
    color:#004a73;
  }

#right #blog_archives li{
  font-size:1.2em;
}
  #right #blog_archives li ul li{
    font-size:.9em;
  }

  #right #blog_archives li ul{
    display:none;
  }

#right #blog_archives a.note{
  font-style:italic;
  font-size:.9em;
}


/* TAG CLOUD */
#tag_cloud{
  padding:0 20px;
}
  #tag_cloud a{
    line-height:1em;
  }


/*--- HOMEPAGE ---*/
.homepage_post h3 a{
  text-decoration:none;
  line-height:1.2em;
  color:#758c5c;
}
  .homepage_post h3 a:hover{
    color:#5a6c47;
  }




/*--- HEALTHY AGING PROGRAMS ---*/
.program_listing{
  margin:30px 0;
  padding-bottom:20px;
  border-bottom:1px solid #c8c8c8;
}
img.program_logo{
  float:right;
  margin:0 0 10px 10px; 
}

.program_listing h2 a{
  text-decoration:none;
  line-height:1.2em;
  color:inherit;
}
  .program_listing h2 a:hover{
    color:#6e3417;
  }


/*--- SEARCH ---*/
.gsc-control{
  width:100% !important;
  line-height:1.4em;
}

#branding{
  width:120px;
  float:right;
}

table.gsc-resultsHeader{
  display:none;
}
.gsc-results{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #c8c8c8;
}
a.gs-title{
  font-weight:bold;
}

/* right side search_frm */
#right .search_frm{
  width:200px;
  margin-left:10px;
}
#right .search_frm .q{
  width:150px;
  margin-bottom:5px;
  border:1px solid #4c3b33;
}


/*--- EVENTS ---*/
#empty_event,
#ui-datepicker-div{
  display:none !important;
}

p.calendar_color{
  float:right;
  display:block;
  width:30px;
  height:30px;
}

.event{
  padding-left:86px;
  position:relative;
  margin-bottom:50px;
  font-size:.95em;
}

.event .day_calendar{
  position:absolute;
  top:-5px; left:0;
  margin:-5px 12px 20px 0;
  font-weight:bold;
  color:#333;
  font-size:1.8em !important;
  padding-top:24px;
  height:47px;
}
  .event .repeating_days{
    position:absolute;
    top:0; left:0;
    width:76px;
    color:#5b5b5b;
    font-size:1.1em;
    font-weight:bold;
    font-family:Georgia, serif;
    text-align:center;
  }
    .repeating_days .day_calendar{
      position:relative;
      top:0; left:0;
    }

    .repeating_days p{
      margin:0 !important;
      padding:0;
    }

.event h2.title{
  font-size:1.4em;
  margin:0;
}

.event .time,
.event h3,
.event p.full_event a{
  font-family:Tahoma, sans-serif;
  font-size:1.1em;
  font-weight:bold !important;
  margin:0 !important;
}
#main .event .time{
  color:#4c3b33;
  font-size:1.2em;
  margin-bottom:4px !important;
}
.event h3{
  color:#758c5c;
  margin:5px 0 2px 0;
}

.event p.full_event a span.icon{
  display:inline-block;
  width:19px;
  height:18px;
  background:url('layout_imgs/blue_zoom_icon.png') no-repeat;
  margin-left:2px;
}

#main .event p{
  margin-left:0;
}


#event_cal{
  font-size:.7em;
}
#event_cal td a,
#event_cal td span.ui-state-default{
  position:relative;
  height:26px;
  margin:0;
  padding:0;
}

#event_cal td a span.ui-datepicker-day{
  display:inline;
  margin:0;
}
  #event_cal td.event a span.category{
    width:2px;
    height:2px;
    display:inline-block;
  }

#event_category ul{
  list-style:none;
  margin:0;
}
  #event_category ul li{
    font-size:90%;
    color:#666;
    clear:right;
    margin-bottom:5px;
    text-align:right;
    padding-right:5px;
  }
  #event_category .calendar_color{
    width:20px;
    height:20px;
    margin-left:5px;
  }


/*----- EVENT POP_UP -------*/
#event_info_container{
  position:relative;
  width:780px;
  min-height:300px;
  background:#fff;
  font-size:.9em;
}

#event_info_hdr{
  height:40px;
  width:100%;
  background:#517fa6 url('layout_imgs/full_event_details.png') no-repeat 10px center;
  border-bottom:2px solid #476f91;
  margin-bottom:10px;
}
  #event_info_hdr a{
    display:block;
    position:absolute;
    right:10px;
    top:14px;
  }

#event_photos,
.event_photos{
  position:absolute;
  right:10px;
}

#event_info{
  margin:0 242px 0 10px;
}

#event_info h1{
  margin-bottom:2px !important;
}
#event_info h1 .day_calendar{
  font-family:"Trebuchet MS", Trebuchet, Tahoma, sans-serif;
  display:inline-block;
  vertical-align:center;
  color:#333;
  padding-top:28px;
  height:45px;
  margin-right:5px;
}

#event_info h2,
#event_info h3{
  display:inline;
  margin:0 15px 10px 0 !important;
}

#event_info .repeats{
  margin:15px 0;
}

#event_info_container h4{
  margin:20px 0 5px 0;
  font-family:Tahoma, sans-serif;
}

#event_additional,
.event_additional{
  margin:0 10px;
  width:760px;
  position:relative;
}

  #event_additional div{
    float:left;
    min-height:150px;
    width:22%;
    margin:0 1%;
  }


#event_info_container #other_dates,
.other_dates{
  clear:both;
  margin-top:20px;
  background:#dbd8d6;
  padding:10px 10px;
}
  
  #other_dates h5{
    font-weight:bold;
    color:#4c3b33;
    font-size:1.2em;
    margin-bottom:10px;
  }


#other_dates .day_calendar,
.other_dates .day_calendar{
  display:inline-block;
  font-weight:bold;
  font-size:1.8em;
  color:#333;
  padding-top:34px;
  height:37px;
}


/*--- CLASSES BY COUNTY ---*/
/* above styles applied */
h2.program{
  clear:both;
  margin:20px 0 5px 0;
  border-bottom:2px inset #8b421d;
  line-height:1em;
}
.county_class_listing .odd{
  background:#f4f4f9;
}
.county_event{
  margin:20px 0 20px 10px;
  padding:20px 5px;
  clear:both;
}
.county_event .calendars{
  float:left;
  width:76px;
  color:#5b5b5b;
  font-size:.9em;
  font-weight:bold;
  font-family:Georgia, serif;
  text-align:center;
  margin:0 10px 0 0;
}
  .calendars .day_calendar{
    position:relative;
    top:0; left:0;
    color:#333;
    font-size:2em !important;
    padding-top:22px;
    height:49px;
  }
  .calendars p{
    margin:0 !important;
    padding:0;
  }
.county_event .event_description{
  margin-left:86px;
}
.county_event h3{
  font-size:1.4em;
  margin:0 0 4px 0 !important;
}
  .county_event h3 span.location{
    display:block;
    font-size:.9em;
    font-style:italic;
  }
.county_event h4.date{
  font-size:1.3em;
  margin:0 0 2px 0 !important;
}
.county_event h5{
  color:#464646;
  font-size:1.2em;
  margin:0 !important;
}
.county_event .repeats{
  margin:15px 0 !important;
}
.county_event .event_additional{
  font-size:.85em;
  margin-left:86px;
}
  .county_event .event_additional h5{
    font-size:1.25em;
  }
  .county_event .event_additional div{
    width:20%;
    float:left;
    min-height:150px;
  }
.county_event h4.toggle_dates{
  clear:both;
  margin:15px 0 0 86px !important;
  cursor:pointer;
  color:#004a73;
}
.county_event .other_dates{
  margin:5px 0 0 86px;
  padding:8px 2px;
  background:#eee;
  border:2px solid #cacaca;
  border-left:0;
  border-right:0;
  display:none;
}
  .county_event .other_dates h4.toggle_dates{
    margin:15px 0 0 5px !important;
  }
.county_event h4.toggle_dates span{
  display:inline-block;
  width:12px;
  height:12px;
  vertical-align:baseline;
  margin-left:4px;
  background:url('layout_imgs/class_listing_icons.png') no-repeat;
}
  .county_event h4.toggle_dates span.minus{
    background-position:top right;
  }

/*--- HEALTHY AGING PROGRAM UPCOMING EVENTS ---*/
.related_event{
  width:195px;
  margin:0 0 20px 15px;
}

  .related_event .title{
    font-family:Georgia, serif;
    font-weight:bold;
    font-size:1.1em;
    line-height:1em;
    color:#8b421d;
    margin-bottom:2px;
  }
  
  .related_event .date{
    font-weight:bold;
    color:#4d4d4d;
    margin-bottom:2px;
  }




/*--- CONTACT US ---*/
#form_class label{
  display:inline-block;
  width:120px;
  text-align:right;
  margin-right:5px;
  vertical-align:top;
}

#form_class input,
#form_class textarea{
  margin-bottom:2px;
  font-family:Tahoma, sans-serif;
}

#form_class input[type='text'],
#form_class textarea#message{
  width:300px;
  padding:2px;
}
#form_class label[for='message'] + br{
  display:none;
}
#form_class textarea#message{
  height:150px;
}
#form_class input[type='submit']{
  margin-left:110px;
}


/*--- CALENDAR CLASSES ---*/
.day_calendar{
  display:block;
  width:76px;
  height:71px;
  background:url('layout_imgs/calendars.png') no-repeat;
  text-align:center;
}
  .day_calendar span.month{
    display:none;
  }
  .jan{ background-position:0 0; }
  .feb{ background-position:-76px 0; }
  .mar{ background-position:-152px 0; }
  .apr{ background-position:-228px 0; }
  .may{ background-position:0 -71px; }
  .jun{ background-position:-76px -71px; }
  .jul{ background-position:-152px -71px; }
  .aug{ background-position:-228px -71px; }
  .sep{ background-position:0 -142px; }
  .oct{ background-position:-76px -142px; }
  .nov{ background-position:-152px -142px; }
  .dec{ background-position:-228px -142px; }