/* CSS Document */

body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFFFFF;
 background-color:#C1D82F;
}
a {
 color:#5091CD;
 text-decoration:none;
}
#main a {
 color:#F05033;
}
a:hover {
 text-decoration:underline;
}
a:visited {
 color:#666666;
}


/*
-------------------------------------------------------------------------
Template Layout                              
-------------------------------------------------------------------------
*/
#container {
 width:982px;
 margin:20px auto;
 text-align:left;
 color:#333333;
 background-image:url(/images/content_bg_split.gif);
 background-repeat:repeat-y;
 background-color:#FFFFFF;
}
#home #container {
 background-image:url(/images/content_bg.gif); 
}
 #header {
  height:130px;
  width:975px;
  padding-right:7px;
  background-image:url(/images/header_bg_split.gif);
  background-repeat:no-repeat;
  position:relative;
 }
 #home #header {
  background-image:url(/images/header_bg.gif);
 }
 #content {
  height:auto;
 }
 #footer {
  height:102px;
  margin-top:15px;
  background-image:url(/images/footer_bg_split.gif);
  background-repeat:no-repeat;
 }
 #home #footer {
  background-image:url(/images/footer_bg.gif);
 }
.minheight {
 width:1px;
 height:300px;
 float:right;
}
.clearer {
 clear:both;
 line-height:0;
 font-size:0;
}


/*
-------------------------------------------------------------------------
Header
-------------------------------------------------------------------------
*/
#header #identity {
 width:158px;
 height:104px;
 padding:26px 0 0 7px;
 float:left;
}
#header ul#nav {
 list-style:none;
 padding:1px 10px 0 0;
 margin:0;
 float:right;
}
 #header ul#nav li {
  padding:0 0 0 5px;
  margin:0;
  float:left;
 }
#header ul#secondnav {
 width:664px;
 list-style:none;
 padding:5px 10px 0 0;
 margin:0;
 position:absolute;
 top:50px;
 right:8px;
}
 #header ul#secondnav li {
  padding:0 0 0 9px;
  margin:0;
  float:left;
 }


/*
-------------------------------------------------------------------------
Left
-------------------------------------------------------------------------
*/
#left {
 width:193px;
 padding:37px 0 0 0;
 float:left;
}
 #left ul {
  list-style:none;
  padding:0;
  margin:0;
 }
  #left ul li {
   padding:0 0 7px 5px;
   margin:0;
   line-height:10px;
  }
  #left ul li a {
   display:block;
   padding:0 0 0 10px;
   line-height:10px;
  }
   #left ul li.on a,
   #left ul li a:hover {
    background-image:url(/images/subnav_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 1px;
    line-height:10px;
    height:auto;
   }
    #left ul li ul {
     padding:5px 0 0 0;
    }
     #left ul li ul li {
      padding:0 0 5px 5px;
      font-size:10px;
      line-height:10px;
      height:auto;
     }
      #left ul li.on ul li a,
      #left ul li.on ul li a:hover {
       color:#636567;
       background-image:none;
       text-decoration:none;
       height:auto;
      }
      #left ul li.on ul li.on a,
      #left ul li.on ul li a:hover {
       color:#5091CD;
       height:auto;;
      }

/*
-------------------------------------------------------------------------
Main
-------------------------------------------------------------------------
*/
#main {
 width:508px;
 height:auto;
 float:left;
 padding:0 0 0 27px;
}
#main_wide {
 width:742px;
 padding:0 10px 20px 20px;
 height:auto;
 float:left;
}
#main .title {
 color:black;
 text-transform:uppercase;
 padding:0 0 16px 0;
}
#main .text table,
#main .text table td {
 border:none;
 border:hidden;
}
.back {
 padding:10px 0;
}
.hr {
 height:23px;
 background-image:url(/images/dot_tile_bg.gif);
 background-repeat:repeat-x;
 background-position:0 10px;
}
.hr_calendar {
 height:13px;
 background-image:url(/images/dot_tile_bg.gif);
 background-repeat:repeat-x;
 background-position:0 5px;
}

/*
-------------------------------------------------------------------------
Right
-------------------------------------------------------------------------
*/
#right {
 width:204px;
 padding-bottom:16px;
 padding-right:22px;
 float:right;
}
 #right .image {
  padding-bottom:16px;
  text-align:left;
 }
 #right #quotebox {
  color:#000000;
  padding:32px 0 19px 0;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(/images/yellowbox_bg.gif);
  background-color:#ffcf06;
 }
 #your_library #quotebox {
  background-image:url(/images/greenbox_bg.gif);
  background-color:#c1d72e;
 }
 #events_programmes #quotebox {
  background-image:url(/images/yellowbox_bg.gif);
  background-color:#ffcf06;
 }
 #administration #quotebox {
  background-image:url(/images/bluebox_bg.gif);
  background-color:#4f91cd;
 }
 #kids #quotebox {
  background-image:url(/images/purplebox_bg.gif);
  background-color:#A54399;
 }
 #teens #quotebox {
  background-image:url(/images/redbox_bg.gif);
  background-color:#F05033;
 }
  #right #quotebox .title {
   margin:0 0 31px 65px;
  }
  #right #quotebox .content {
   padding:0 27px 0 27px;
  }
  #right #quotebox .content .article_link {
   font-size:9px;
   padding-bottom:8px;
  }
  #right #quotebox a {
   color:#FFFFFF;
   text-decoration:underline;
  }
   #right #quotebox a:hover {
    color:#000000;
   }

/*
-------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------
*/
#footer #quicklinks {
 width:194px;
 height:40px;
 float:left;
}
#home #footer #quicklinks {
 display:none;
}
#footer ul#footerleft {
 list-style:none;
 padding:8px 0 0 20px;
 margin:0;
 float:left;
}
 #footer ul#footerleft li {
  padding:0 0 0 4px;
  margin:0;
  float:left;
 }
#footer ul#footerright {
 list-style:none;
 padding:8px 133px 0 0;
 margin:0;
 float:right;
}
 #footer ul#footerright li {
  padding:0 0 0 4px;
  margin:0;
  float:left;
 }


/*
-------------------------------------------------------------------------
Gallery
-------------------------------------------------------------------------
*/
.thumbnail {
 float:left;
 padding:10px;
}
.gallery #right #quotebox .title {
}
.gallery #right #quotebox .content {
 padding:0 12px 0 12px;
}
.gallery .gallery_control {
 width:452px;
 height:30px;
 padding-left:28px;
}
.gallery .gallery_control .prev {
# width:226px;
 width:100px;
 padding-left:126px;
 float:left;
}
.gallery .gallery_control .next {
# width:226px;
 width:100px;
 padding-left:64px;
 float:left;
}
.gallery #main .image {
 padding-left:28px;
}
.gallery .text {
 padding-top:10px;
 padding-left:28px;
 padding-right:28px;
}

/*
-------------------------------------------------------------------------
Sitemap
-------------------------------------------------------------------------
*/
.sitemapContainer {
 padding:0;
 font-size:11px;
 line-height:11px;
}
.sitemapContainer .section_container {
 width:202px;
/* min-height:195px; */
 float:left;
 border:1px solid #999999;
 margin:0 27px 27px 0;
 display:inline;
 padding:10px;
}
.sitemapContainer .navSection {
 font-size:11px;
 color:black;
 padding:0 0 10px 0;
}
.sitemapContainer .navLink {
 padding:0 0 5px 10px;
}
 .sitemapContainer .navLink a {
  color:#5091CD;
 }
.sitemapContainer .navSubLink {
 padding-left:20px;
}
.sitemapContainer .navSubLinkEnd {
 font-size:0;
 line-height:0;
}

/*
-------------------------------------------------------------------------
Home Page                              
-------------------------------------------------------------------------
*/
#home #header .quicklinks {
 position:absolute;
 top:129px;
 right:22px;
 width:180px;
 height:30px;
}
#home #header .quicklinks #quicklinks {
 font-family:verdana, arial, sans-serif;
 font-size:11px;
 width:180px;
}
#home #header .quicklinks #quicklinks option {}
#home #content {
 padding-top:33px;
 padding-left:13px;
 padding-bottom:16px;
}
#home_main {
 width:655px;
 height:350px;
 padding:12px 0 0 16px;
 float:left;
}
 #home_main .left_text {
  width:272px;
 }
  #home_main .left_text .header {
   height:11px;
  }
  #home_main .left_text .content {
   padding:0 11px;
   color:#5091CD;
   background:white;
  }
  #home_main .left_text .content p {
   padding:0;
   margin:0;
  }
  #home_main .left_text .footer {
   height:11px;
  }
#home_right {
 width:242px;
 padding:0px 9px 0 25px;
 height:362px;
 float:left;
 font-size:10px;
 background-color:#ffcf06;
}
#home_right .title {
 padding-top:25px;
 margin-bottom:7px;
 border-bottom:1px dotted white;
}
#home_right a {
/* color:white; */
 color:#5091CD;
 font-weight:bold;
 text-decoration:underline;
}
#home_right a:hover {
 color:white;
}


/*
-------------------------------------------------------------------------
Admin
-------------------------------------------------------------------------
*/

#admin_left {
 float:left;
 width:450px;
}
#admin_right {
 float:right;
 width:450px;
}
.admin_main .field {
 padding-bottom:10px;
 font-weight:bold;
}
#content.in_admin,
#home #content.in_admin {
 width:950px;
 padding:13px 0 13px 13px;
 background:white;
}
#content.in_admin #main_wide {
 width:auto;
 padding:0;
 height:auto;
 float:left;
}
#content.in_admin #main_wide .sb_admin {
 width:950px;
 padding:0;
 margin:0;
}


/*
-------------------------------------------------------------------------
Calendar
-------------------------------------------------------------------------
*/
.calendar {
 margin-top:20px;
}
.calendar .calendarHead {
 list-style:none;
 padding:0;
 margin:0;
 width:200px;
}
.calendar .calendarHead .claendarHead_left {
 float:left;
 padding:0;
 margin:0;
}
.calendar .calendarHead .calendarHead_mid {
 float:left;
 padding:0;
 margin:0;
}
.calendar .calendarHead .calendarHead_right {
 float:left;
 padding:0;
 margin:0;
 clear:none;
}
.calendar .calendarHead .calendarHead_right img {
 padding:0 6px 2px 8px;
 margin:0;
}
.calendar tr {}
.calendar tr td {
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:9px;
 color:#999999;
 width:57px;
 padding-left:7px;
 padding-right:8px;
 padding-top:3px;
 padding-bottom:8px;
 background-image:url(/images/dot_tile_bg.gif);
 background-repeat:repeat-x;
 background-position:bottom;
}
.calendar tr.calendarHead_row td {
 background-image:none;
}
.calendar tr.week_header td {
 background-image:none;
 margin:0;
 padding-top:0;
 padding-bottom:0;
}
.calendar tr td .preDay {
 width:45px;
 padding-left:9px;
 height:9px;
 padding-bottom:5px;
 color:#000000;
}
.calendar tr td .day {
 width:45px;
 padding-left:9px;
 height:16px;
 padding-top:24px;
}
.calendar tr td .eventDay {
 width:47px;
 padding-left:9px;
 height:16px;
 padding-top:24px;
 background:#ffcf06;
}
.select_an_event {
 padding-top:20px;
 text-align:right;
}
.event {
 padding-bottom:10px;
}
.event a {
 color:black;
 font-size:10px;
}
.event .when {
 width:100px;
 float:left;
}
#events_programmes .event .title {
 width:280px;
 padding:0;
 float:left;
}
.event .title a {
 color:#5091CD;
}
.event_image {
 margin-bottom:20px;
 border:28px solid #dddddd;
}
.event .time {
 width:120px;
 float:left;
}
.description {
 padding-bottom:10px; 
 font-weight:bold;
}
.back_link {
 padding-top:10px;
}


/*
-------------------------------------------------------------------------
RTE Styles
-------------------------------------------------------------------------
*/
#teens .article .title,
.blog .comments_title {
 font-size:13px;
 font-weight:bold;
 height:auto;
 padding:0 0 10px 0;
 margin:0;
}
.article p,
.blog p {
 padding:0 0 10px 0;
 margin:0; 
}
.article .text {
 padding:0;
 margin:0;
}
.blog .whitedivider {
 height:20px;
 background-image:url(/images/dot_tile_bg.gif);
 background-repeat:repeat-x;
 background-position:0 10px;
}
.blog .author {
 color:#F05033;
}
.blog .date {
 color:#858585;
}
.blog .field {
 padding-bottom:5px;
}
.blog .blog_form .sb_textarea {
 width:254px;
 height:100px;
}
.blog .captcha {
 padding-bottom:5px;
}


/*
-------------------------------------------------------------------------
RFP Form, Contact Form
-------------------------------------------------------------------------
*/
.rfp_form,
.contact_form {
 padding-top:10px;
}
.rfp_form .rfp_form_form .field,
.contact_form .contact_form_form .field {
 padding-bottom:10px;
}
.contact_form .contact_form_form .field .sb_text,
.contact_form .contact_form_form .field .sb_textarea,
.contact_form .contact_form_form .field .sb_select,
.rfp_form .rfp_form_form .field .sb_text,
.rfp_form .rfp_form_form .field .sb_textarea,
.rfp_form .rfp_form_form .field .sb_select {
 width:250px;
}
.contact_form .contact_form_form .field .field_title,
.contact_form .contact_form_form .field .field_title_blank {
 width:250px;
 margin-bottom:5px;
}