body
{
    background:  #94937A url(../images/template/topbg.jpg) repeat-x center top;
    font-family: Arial, Helvetica, sans-serif;
   
}
#wrap{width:783px; text-align:left;}
#header {height: 100px; background:url(../images/template/logo.png) no-repeat left top;}
#header h1{display:none;}
#title {height:46px; padding-top:10px; text-align:left; margin-left:200px; color:White; font-family:Warnock Pro Display, New Roman, Serif;}
#title .large{font-size:2em;}
#title .small{font-size:1.2em; font-style:italic;}
#title a{text-decoration:none; color:White;}

#content{height:auto; padding:10px;font-size:12px; background: url(../images/template/contentbg.jpg) White top left repeat-x;}
#content #colright{width: 200px; font-size: 11px; float: right; margin-left: 4px; margin-top: 0px;  padding: 0px;}
#content #colright h1 {background-color:#6F3F3F; color:White; width:194px; font-size:14px; font-weight:bold; margin-top:0px; padding:5px 3px;}
#content #colright a {color:#6F3F3F;}
#content #colright.library{ width: 200px; font-size: 11px; float: right; margin-left: 4px; margin-top: 25px;  background-color: #D3C5B6; padding: 0px;}
#content #colright.library  h2 {background-color:#A36E42; color:White; width:194px; font-size:14px; font-weight:bold; margin-top:0px; padding:3px;}

#contentsub{height:auto; margin-left:170px; padding:0px;}
#contentsub #colright{width:175px; font-size:11px; float:right; margin-left:6px; background-color:#D2D2C8; padding:0px;}
#contentsub #colright h1 {background-color:#6F3F3F; text-align:center; color:White;  width:169px; font-size:14px; font-weight:bold; margin-top:0px; padding:3px;}
#contentsub #colright a {color:#6F3F3F;}

#libraryrightcol{float:right; width:175px; margin-top:25px; margin-right:8px; padding-top:5px; text-align:left; border-left:solid 1px #A36E42;border-right:solid 1px #A36E42;border-bottom:solid 1px #A36E42;}


#topnav {height: 20px; text-align:right; font-size:.7em; color:White; padding-right:0px; white-space: nowrap;}
#topnav span{}
#topnav a, #topnav a:visited{color:White; text-decoration:none;background-color:#4d4d45; padding:3px; margin:0; border:1px solid silver;}
#topnav a:hover{text-decoration:none;background-color:#a36e42;/*color:#AFC1CF; text-decoration:underline;*/} 
#tabs {text-align:right; margin-left:200px; margin-bottom:-1px; padding:0px; font-size: .75em;}
#tabs a, #tabs a:link, #tabs a:hover, #tabs a:visited{text-decoration: none;}
/* top tabs */
.tab_extra {width: 100%;}
.tab_node {vertical-align: middle; float:left; height:24px; white-space: nowrap; padding: 3px; width:auto; background: url(../images/template/tab_bg.jpg) repeat-x top center; }
.tab_node_blue {vertical-align: middle; float:left; height:24px; white-space: nowrap; padding: 3px; width:auto; background: url(../images/template/tab_bg_blue.jpg) repeat-x top center; }
.tab_node a:link, .tab_node a:visited,.tab_node_blue a:link, .tab_node_blue a:visited{color: #000; text-decoration: none; }
.tab_node a:hover, .tab_node_blue a:hover{color: #4681A4; text-decoration: none; }
.tab_start {float:left; height:24px; width:3px; white-space: nowrap; margin-left:1px; background: url(../images/template/tab_start.jpg) #fff top right no-repeat; }
.tab_start_blue {float:left; height:24px; width:3px; white-space: nowrap; margin-left:1px; background: url(../images/template/tab_start_blue.jpg) #fff top right no-repeat; }
.tab_end {float:left; height:24px; width:3px; white-space: nowrap; margin-right:1px; background: url(../images/template/tab_end.jpg) #fff top left no-repeat; }
.tab_end_blue {float:left; height:24px; width:3px; white-space: nowrap; margin-right:1px; background: url(../images/template/tab_end_blue.jpg) #fff top left no-repeat; }
.tab_search{color:White;}

/* breadcrumb */
.AspNet-SiteMapPath { width: 100%; }
.bread_extra {width: 100%; }
.bread_node {margin: 0;}
.bread_node_current { margin: 0; font-weight:bold;}
.bread_node_current a {text-decoration: none;}


#breadcrumb{text-align:left; vertical-align:top;width:777px; font-size: .6em; height:14px; padding:3px; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#cccccc;}
#breadcrumb span{display:inline-block;}
#breadcrumb table{width:100%;}
#breadcrumb table td.bread_node_current{font-weight:bold;}
#breadcrumb a{color:#cccccc; white-space:nowrap; text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}



#mainnav{height:139px;width:100%;}
/* menu */

#mainnav table.menu{width:100%; text-align:center; padding:0px; background-color:Transparent; font-size:.9em; font-weight:bold;}
#mainnav table.menu table{width:100%;}
#mainnav .menu_libraries{background:#A36E42 url(/images/menu/libraries.jpg) no-repeat top center; vertical-align:bottom; color:White; height:139px; width:157px;}
#mainnav .menu_news{background:#6C8FA2 url(/images/menu/news.jpg) no-repeat top center; color:White; height:139px; width:156px;}
#mainnav .menu_virtual{background:#A29178 url(/images/menu/virtual.jpg) no-repeat top center; color:White; height:139px; width:157px;}
#mainnav .menu_services{background:#5E1726 url(/images/menu/services.jpg) no-repeat top center; color:White; height:139px; width:157px;}
#mainnav .menu_youth{background:#777C91 url(/images/menu/youth.jpg) no-repeat top center; color:White; height:139px; width:156px;}
#mainnav .menu_libraries div, #mainnav .menu_news div, .menu_virtual div, #mainnav .menu_services div, #mainnav .menu_youth div{padding-top:120px;}


#mainnav .menu_libraries_child{background-color: #C5956D;padding: 3px; font-size: .7em; font-weight:bold; width: 151px; color:Black;}
#mainnav .menu_libraries_child a:link, #mainnav .menu_libraries_child a:visited {color:Black;}
#mainnav .menu_libraries_child a:hover {color:White;}
#mainnav .menu_news_child{background:#93ADBB; padding:3px; width:150px; font-size:.7em; font-weight:bold; color:Black;}
#mainnav .menu_news_child a:link, #mainnav .menu_news_child a:visited {color:Black;}
#mainnav .menu_news_child a:hover {color:White;}
#mainnav .menu_virtual_child{background:#BFB5A4; padding:3px; width:151px; font-size:.7em; font-weight:bold; color:Black;}
#mainnav .menu_virtual_child a, #mainnav .menu_virtual_child a:link, #mainnav.menu_virtual_child a:visited {color:Black;}
#mainnav .menu_services_child{background:#B69495; padding:3px; width:151px; font-size:.7em; font-weight:bold; color:Black;}
#mainnav .menu_services_child a, #mainnav .menu_services_child a:link, #mainnav .menu_virtual_child a:visited {color:Black;}
#mainnav .menu_youth_teens{background:#AFB3BE; padding:3px; width:150px; font-size:.7em; font-weight:bold; color:Black;}
#mainnav .menu_youth_teens a, #mainnav .menu_youth_teens a:link, #mainnav .menu_virtual_child a:visited {color:Black;}
#mainnav .menu_youth_teens_img{background-position: right center;  background: #AFB3BE;  padding: 3px;  width: 150px;  font-size: .7em;  font-weight: bold;  color: Black;  background-image: url(../images/menu_popout_arrow.png);background-repeat: no-repeat;}
#mainnav .menu_youth_kids{background:#FFCCFF; padding:3px; width:150px; font-size:.7em; font-weight:bold; color:Black;}
#mainnav .menu_youth_kids a, #mainnav .menu_youth_kids a:link, #mainnav .menu_virtual_child a:visited {color:Black;}




.slide-hide {display: none;}
.slide-show {display: block;}
#sectionnav {width:159px; float:left; margin-left:-10px;}
#sectionnav #announcement {background-color:#dedede; clear:right; margin-top:5px; border: 1px solid #6C8FA2;}


#sectionnav table.menu{width:159px; text-align:left; padding:0px; background-color:Transparent;}
#sectionnav table.menu table{width:159px;}
#sectionnav .menu_libraries{background:#A36E42 url(/images/menu/sect_libraries.jpg) no-repeat top left;  color:White; height:26px; width:158px;}
#sectionnav .menu_news{background:#6C8FA2 url(/images/menu/sect_news.jpg) no-repeat top left; color:White; height:26px; width:158px;}
#sectionnav .menu_virtual{background:#A29178 url(/images/menu/sect_virtual.jpg) no-repeat top left; color:White; height:26px; width:158px;}
#sectionnav .menu_services{background:#5E1726 url(/images/menu/sect_services.jpg) no-repeat top left; color:White; height:26px; width:158px;}
#sectionnav .menu_youth{background:#777C91 url(/images/menu/sect_youth.jpg) no-repeat top left; color:White; height:26px; width:158px;}
#sectionnav .menu_about,#sectionnav .menu_about_sel {background:#94937A url(/images/menu/sect_about.jpg) no-repeat top left;color:White; height:26px; width:158px;}
#sectionnav .menu_about div, #sectionnav .menu_libraries div, #sectionnav .menu_news div, #sectionnav .menu_virtual div, #sectionnav .menu_services div, #sectionnav .menu_youth div{padding:5px 0px 5px 5px; font-size:14px; font-weight:bold;}

#sectionnav .menu_libraries_child{background:#D9B89D; padding:2px 0px 2px 5px; width:153px; border-bottom:solid 1px White; overflow:hidden; font-size:.9em; color:Black;}
#sectionnav .menu_libraries_child a:link{color:Black;}
#sectionnav .menu_libraries_child a:hover{color:White;}
#sectionnav .menu_libraries_child_sel{background-color:#dddddd; padding:2px 0px 2px 5px; border-bottom:solid 1px White; overflow:hidden; width:153px; font-size:.9em; color:Black;}

#sectionnav .menu_news_child{background-color:#B1C5CF; padding:2px 0px 2px 5px; border-bottom:solid 1px White; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_news_child_sel{background-color:#dddddd; padding:2px 0px 2px 5px; border-bottom:solid 1px White; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_news_child a:link, #sectionnav .menu_news_child a:visited {color:Black;}
#sectionnav .menu_news_child a:hover {color:White;}
#sectionnav .menu_festival_current{   background-color: #fcd592; padding: 2px 0px 2px 5px; border-bottom: solid 1px White;width: 153px; font-size: .9em;  color: Black;}
#sectionnav .menu_festival_current_sel{background-color:#fcc24d; padding:2px 0px 2px 5px; border-bottom:solid 1px White; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_festival_current a:link, #sectionnav .menu_festival_current a:visited {color:Black;}
#sectionnav .menu_festival_current a:hover {color:White;}
#sectionnav .menu_news_child_title{background-color: #89A7B6; padding: 2px 0px 2px 5px; border-bottom: solid 1px White; width: 153px;font-size: .9em;color: Black;}
#sectionnav .menu_news_child_title_sel{background-color:#89A7B6; padding:2px 0px 2px 5px; border-bottom:solid 1px White; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_news_child_title a:link, #sectionnav .menu_news_child_title a:visited {color:Black;}
#sectionnav .menu_news_child_main_title{background-color: #89A7B6; padding: 2px 0px 2px 5px; border-bottom: solid 1px White; width: 153px;font-size: .9em;color: Black;}
#sectionnav .menu_news_child_main_title_sel{background-color:#89A7B6; padding:2px 0px 2px 5px; border-bottom:solid 1px White; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_news_child_main_title a:link, #sectionnav .menu_news_child_title a:visited {color:Black;}


#sectionnav .menu_virtual_child{background:#BFB5A4; padding:2px 0px 2px 5px; border-bottom:solid 1px White; width:153px; overflow:hidden; font-size:.9em; color:Black;}
#sectionnav .menu_virtual_child a:link {color:Black;}
#sectionnav .menu_virtual_child a:hover {color:White;}
#sectionnav .menu_virtual_child_sel{background-color:#dddddd; border-bottom:solid 1px White; padding:2px 0px 2px 5px; overflow:hidden; width:153px; font-size:.9em; color:Black;}


#sectionnav .menu_services_child{background:#B69495; border-bottom:solid 1px White; padding:2px 0px 2px 5px; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_services_child a:link{color:Black;}
#sectionnav .menu_services_child a:hover{color:White;}
#sectionnav .menu_services_child_sel{background-color:#dddddd; border-bottom:solid 1px White; padding:2px 0px 2px 5px; overflow:hidden; width:153px; font-size:.9em; color:Black;}



#sectionnav .menu_youth_teens{background:#AFB3BE; padding:3px; width:150px; font-size:.7em; font-weight:bold; color:Black;}
#sectionnav .menu_youth_teens a, #sectionnav .menu_youth_teens a:link, #sectionnav .menu_virtual_child a:visited {color:Black;}

#sectionnav .menu_youth_kids{background:#FFCCFF; padding:3px; width:150px; font-size:.7em; font-weight:bold; color:Black;}
#sectionnav .menu_youth_kids a, #sectionnav.menu_youth_kids a:link, #sectionnav .menu_virtual_child a:visited {color:Black;}

#sectionnav .menu_about_child{background:#BDBCAC; border-bottom:solid 1px White; padding:2px 0px 2px 5px; width:153px; font-size:.9em; color:Black;}
#sectionnav .menu_about_child a, #sectionnav.menu_about_child a:link, #sectionnav .menu_about_child a:visited {color:Black;}
#sectionnav .menu_about_child a:hover {color:White;}
#sectionnav .menu_about_child_sel{background-color:#dddddd; border-bottom:solid 1px White; padding:2px 0px 2px 5px; overflow:hidden; width:153px; font-size:.9em; color:Black;}


#footer{height: 40px; margin-top:10px; line-height:1.2em; clear:both; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: White; text-decoration: none;}
#footer a {color: White; text-decoration: none;}
#footer a:visited {color: White; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


#quicklinkicons {width:763px; white-space:nowrap; clear:both; margin: 5px 0px;}
#quicklinkicons .icons{margin:5px 5px 0px 4px; text-align:center; width:142px; float:left; text-decoration:none; height:115px;}
#quicklinkicons .icons a{text-decoration:none;}

div.homeLeft{width:550px;}
div.nrItem{width:550px; padding:0; margin-top:5px;}
div.nrItem div.nrThumb{float: left; clear:left;}
div.nrItem div.nrText {width:405px; margin-left:95px;}
div.nrSep{clear:left; width:500px; height:1px; border-bottom:1px solid #999999;}

/* virtual library containers */
.vl_category { width: 230px; float: left; margin: 6px; padding: 0; border:1px solid #A29178;  }
.vl_category .head {line-height: 30px; border-bottom:1px solid #A29178; padding-left: .25em; font-weight: bold;  color: Black; font-size: 1.25em; overflow: hidden; white-space: nowrap; }
.vl_category .head a, .vl_category .body a {text-decoration: none;}
.vl_category .body a:hover{text-decoration:underline;}
.vl_category .body {padding: 3px; height: auto; clear: both;} /* issue with fixed height and content expanding in firefox */
.vl_category .body ul{ margin-left: .75em;  padding-left: .75em;  list-style-image: url(../images/brown_arrow.gif);}
.vl_category .body ul li {padding-top:3px; line-height:109%;}
.vl_category .foot {  margin: 0 8px 0 8px; /*font-size: 1px;*/ height: 1px; } /* height set to one for now unless we need it later */
.vl_category .more { font-size: .9em; text-align: right; margin-right: .5em; }
.vl_category div.subsection { font-size: 1em; font-weight: bold; text-decoration: none;  }

#cat_mylibrary .head { background: #fff url(/images/category-head-lakelibrary.jpg) right bottom no-repeat; height: 30px;}
#cat_research .head { background: #fff url(/images/category-head-research.jpg) right bottom no-repeat; height: 30px;}
#cat_reading .head { background: #fff url(/images/category-head-reading.jpg) right bottom no-repeat; height: 30px;}
#cat_forms .head{background: #fff url(/images/category-head-forms.jpg) right bottom no-repeat; height: 30px;}
#cat_brochures .head{background: #fff url(/images/category-head-brochures.jpg) right bottom no-repeat; height: 30px;}

/* services section pages containers */
.sp_category {width: 32.5%; float: left; margin: 2px; padding: 0; border:solid 1px #cccccc;}
.sp_category .head {margin-left: 0px; margin-right: 0px; line-height: 30px;  height: 34px; padding-left: .25em; font-weight: bold;  color: #5E1726; font-size: 1.2em; }
.sp_category .head a { font-size: 1em; text-decoration: none; } 
.sp_category a, .sp_category li, .break_category p { text-align: left; }
.sp_category .head a:hover { text-decoration: underline; } 


#head_programs { background: url(/images/programs_bg.jpg) top left no-repeat; height: 34px; }
#head_services { background: url(/images/services_bg.jpg) top left no-repeat; height: 34px; }
#head_other{ background: url(/images/programs_groups_category_head.jpg) top left no-repeat; height: 34px; }
#head_events{background:url(/images/programs_events_category_head.jpg) top right no-repeat; height:34px;}
#head_brochures{background:url(/images/programs_brochures_category_head.jpg) top right no-repeat; height:34px;}

.sp_category .body { padding: 5px; height: auto; clear: both;} /* issue with fixed height and content expanding in firefox */
.sp_category .body ul {  margin-left: .75em; padding-left: .75em; }
.sp_category .foot {  margin: 0 8px 0 8px; font-size: 1px; height: 10px; }
.sp_category .more { font-size: .9em; text-align: right; margin-right: .5em; }
.sp_category div.subsection { font-size: 1em; font-weight: bold; text-decoration: none;  }

.reference { text-decoration: underline; }
.bg_spacer { width:200px;float:right;height:60px; }

/* tiny blocks for refer to styling */
div.referto { color: #666; padding: .5em .5em .5em 0; padding-left: 30px; background: url(/images/employee_services/reference-leader.gif) top left no-repeat; }
div.referto div.block { width: 6px; height: 6px; font-size: 1px; margin: 5px 4px 0 0; float: left;  }
div.one { background-color: #ddd; }
div.two { background-color: #ccc; }
div.three { background-color: #ccc; }

/* page sections - typically a header/content/link back to top */
div.page_sect_body ul { margin-top: .5em; }
div.page_sect_head { color: #333; font-size: 1.2em; font-weight: bold; padding: 2px;  border-bottom: 1px solid #ccc; }
div.page_sect_body { margin: .5em 10px 1em 10px;  }
div.page_sect { margin: 1em 0 1em 0; }
div.page_sect_top { text-align: right; clear: both;  }
div.page_sect_top a { padding-left: 16px; background: url(../images/back-up.png) bottom left no-repeat; }

tr.trgreen, tr.trgreen a{background-color: #94937A; font-size:1.1em; font-weight:bold; color:White; text-decoration:none;}
tr.trgreen a:hover{text-decoration:underline;}