/*** The Essential Code IT***/

body {
	font: small Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #4B7083;
	text-decoration: none;
	background: #FFFFFF url(IMAGES/banner-graphics/bg-page.gif);
	text-align: center; /*to center page for IE */
	min-width: 780px; /* for Netscape 6 */
	}

p  {
	font-size: 85%;
	line-height: 1.5em;
	margin: 8px 0 0;
	padding-right: 0px;
	padding-left: 0px;
}
h1 {
	font: bold 140%;
}
h2 {
	font: bold 130% Georgia, "Times New Roman", Times, serif;
}
h3, dt {
	margin: 12px 0px 0px;
	font: bold 105% Georgia, "Times New Roman", Times, serif;
}
h4 {
	font-size: 85%;
	margin: 13px 0px 0px;
	padding: 0px;
	line-height: 110%;
}
table {
	border-collapse: collapse;
	width: 99%;
	border: 1px solid #B0BB80;
}
th, td {
	font-size: 80%;
	padding: .4em .5em;
	line-height: 1.4em;
}
thead {
	border-top: 1px solid #666600;
	border-bottom: 1px solid #666600;
	background: #8A9751;
	font-weight: bold;
	color: #FFFFFF;
}
th {
	text-align:left;
}

dd {
	line-height:1.4em;
	font-size:85%;
}
	
ul li {
	font-size: 85%;
	list-style: none;
	line-height: 1.5em;
}

.arllist {
	padding: 0 0 0 80px;
	margin: 0 0 0 90px;
}

.arllist li {
	list-style-type: circle;
}

ol li {
	font-size: 85%;
	line-height: 1.5em;
}
	
#maincontent ul li {
	list-style: disc;
	line-height: 1.5em;
}
a:link, a:visited {
	color: #BB4309;
	text-decoration: none;
	border-top-color: #FFFFFF;
}


a:hover, a:active {
	color: #666666;
	text-decoration: underline;
}
.imageleft {
	float: left;
	margin: 5px 8px 5px 0;
	clear: both;
}
.imageright {
	float: right;
	margin: 5px 0 5px 8px;
	padding: 0px;
}
.imagecenter
    {
    display: block;
    margin: 5px auto;
    }
.event {
	border-top: 1px solid #B9BC92;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	clear:both;
}
.event h3, #maincontent .event h3 {
	color: #737649;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0px;
}
#pagecontainer {
	background-color: #FFFFFF;
	width: 750px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	padding: 0px;
	text-align:left;  /* realign for IE hack */
	}
	
/* board page styles */

div.board_wrap {
	clear:both;
	width:120%;
}

ul.board_list {
	float:left;
	padding:0 15px 0 0;
	margin:0;
}

ul.board_list li {
	text-align:center;
	list-style:none !Important;
}

/* can also be written as ul.board_list > li:nth-child(1) */
ul.board_list > li:first-child {
	font: normal bold 10pt/12pt  Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
}

/* you want elements in one context to be higher than elements in another context, you have to raise the entire context, or put them into the same context */
div#header {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom:1px solid #CCC;
	position:relative;
	float:left;
	z-index:500;
}
	
#header img {
	margin: 0px;
	padding: 0px;
}

/* Bar below banner */
#address_bar {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #9CA2DE;
	border-bottom:1px solid #CCC;
	color:#FFFFFF;
	font-variant:small-caps;
	background: url(IMAGES/banner-graphics/bg-addressbar.gif);
}
#address_bar a {
	color:#FFFFFF;
	text-decoration:none;
}
#address_bar a:hover {
	color:#013567;
	background-color:#FFFFFF;
}

#back, #close, #citylink, #homelink {
	float: left;
	margin: 0px;
	padding:3px 10px;
}

#address {
	float: right;
	margin: 0px;
	padding:3px;
}
/* end Bar below banner */

/* begin main navigation */
#navbar {
	margin:3px 0 10px 0;
	padding:0;
	background:#FFF;
	float:left;
	width:100%;
	
}
#navbar li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navbar a:link, #navbar a:visited {
	color:#3D5969;
	background:#FFF;
	padding:5px 10px 5px 10px;
	float:left;
	width:auto;
	border-right:1px solid #CCCCCC;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#navbar a:hover {
	color:#FFF;
	background:#013567;
}
#navbar a#current_section {
	color:#FFFFFF;
	background:#A06428;
	padding:5px 10px 5px 10px;
	float:left;
	width:auto;
	border-right:1px solid #797A52;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left:1px solid #797A52;
}
li#current_section {
	color:#FFFFFF;
	background:#A06428;
	padding:5px 10px 5px 10px;
	float:left;
	width:auto;
	border-right:1px solid #797A52;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left:1px solid #797A52;
}
/* end main navigation */

/* begin main navigation menus */

div#header ul.level_1 {
	  width:100%;
      list-style: none;
      list-image: none;
      margin: 0;
      padding: 0;
}

div#header ul.level_1 li {
	position:relative;
	float:left;
}

div#header ul ul {
	position: absolute;
	display:none;
	top:100%;
	padding:0;
	margin:0;
}

div#header ul * li {
	background-color: #FFFFFF;
	width: 180px;
}

div#header ul ul ul {
	top: 0;
	left: 100%;
	padding-left:0;
	margin:5px 0 0 21px;
}

div#header ul ul * li {
	width:100px;
	font-size:100%;
}

div#header ul * li a:link, div#header ul * li a:visited {
	width:100%;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
}

a.level_2_1:link, a.level_2_1:visited {
	border-top:1px solid #CCC;
}

div#header ul#navbar li:hover ul.level_2 {
      display: block;
}
   
div#header ul.level_2 li:hover ul.level_3 {
      display: block;
}

/* end main navigation menus */

/* right aligned nonfloating horizontal navigation bar */
#quicklinks_container {
	float:left;
	padding:0;
	margin: 0 0 10px 0;
 }
  
ul#quicklinks {
	margin:0;
}
 
#quicklinks_container ul li {
	display:inline;
	padding:5px 0 0;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
  }
#quicklinks_container ul li a, #quicklinks_container ul li a:visited {
  padding:5px 10px 0;
  color:#000;  
  text-decoration:none;
  }
#quicklinks_container ul li a:hover {
	color:#CE5300;
	text-decoration:underline;
  }
  
/* Carousel styles */

div.flashCarousel3D {
	/*border:1px solid black;*/
	margin:0 -10px 0 auto;
	height:175px;
	overflow:hidden;
	width:350px;
	position:absolute;
	right:0;
	text-align:center;
}

div#promocontent div.flashCarousel3D {
	margin:50px auto;
}

div.flashCarousel3D li
{
	list-style: none outside;
	float:left;
}

div.flashCarousel3D embed
{
	width:100%;
	height:100%;
}

div.flashCarousel3D p
{
	margin:0 5px;
}

div.flashCarousel3D p a.next, div.flashCarousel3D p a.prev
{
	float:left;
	padding:10px;
	font-size:22px;
	text-decoration:none;
	display:block;
	color:white;
	top: -100px;
	outline:none;
	position:relative;
}

div.flashCarousel3D p a.next
{
	float:right;
}

div.flashCarousel3D p a:hover
{
	text-decoration:none;
}

div.flashCarousel3D div.experimenter
{
	background:pink;
	width:200px;
	position:absolute;
	font-size:10px;
	top:0;
	left:0;
}

div.flashCarousel3D div.experimenter input
{
	width:60px;
	float:right;
	clear:right;
	margin-bottom:1px;
}

div.flashCarousel3D div.experimenter div.clear
{
	clear:both;
}

div.flashCarousel3D div.helper
{
	display:none;
}

/* Tooltip styles */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#content {              /*column holder */
			width: 599px;
			float: right;
			margin: 0;
			padding: 10px 0 15px;
		}
		
/* for home page */
#homepage_content {
		width: 442px;
		float:left;
		padding: 0;
		}
#homepage_content .gutter {
	padding: 0 7px 0 7px;
}

/* kids reading program */

/*.readprog p{
	margin:3px 0 3px 208px;
}*/

/* for content pages */
img.adverts {
	margin-bottom:10px;
}

#maincontent {
		width: 443px;
		float:left;
		padding: 0;
		}
#maincontent .gutter {
	padding: 0 12px 0 10px;
}
#maincontent h3 {
	color: #B0BB80;
}
#maincontent ul {
	margin: 5px 0;
}
#maincontent ul li {
	margin: 5px 0;
}

#singlecontent {
	float:left;
	padding: 0;
}

#singlecontent .gutter {
	padding: 0 12px 0 10px;
}
#singlecontent h3 {
	color: #B0BB80;
}
#singlecontent ul {
	margin: 5px 0;
}
#singlecontent ul li {
	margin: 5px 0;
}

h2#pagetitle {
	border-bottom: 1px solid #818653;
	text-transform: none;
	color: #737649;
	padding-bottom: 2px;
	margin:0 0 10px 0;
}

h2.title_out {
	margin-left:10px !Important;
	width:60%;
}

/* you want elements in one context to be higher than elements in another context, you have to raise the entire context, or put them into the same context */
#promocontent {
	width: 137px;
	float: right;
	font-size: 90%;
	position:relative;
	z-index:400;
}

.promo_article {
	float:right;
	padding: 5px 4px;
	margin: 0 0 8px;
		
}
.promo_article h3 {
	margin:3px;
	text-transform: uppercase;
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
}
.promo_article h4, .promo_article p {
	margin:1px;
	line-height: 1.2em;
}

div.servadd {
	position:absolute;
	top:154%;
}

div#serv_id {
	top:900%;
}

#staff_picks {
	background-color:#D2EEEA;
}

#article_1 {
	background-color:#D8EBA8;
}

#article_2 {
	background-color:#7095C7;
	color: #FFFFFF;
}

#article_3 {
	background-color:#F1E0BC;
}

#sectionnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 144px;
	float:left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	background: #E1E3CC;
	
}
#sectionnav h4 {
	font-weight: bold;
	text-align: center;
	background: #FFFFFF;
	border-bottom: 1px solid #B7B7B7;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 2px 1px;	
}
#sectionnav ul li {
	line-height: 1.2em;
	margin: 3px 3px 5px;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 2px;
}
#sectionnav ul li a:link, #sectionnav ul li a:visited {
	color: #3E5A6A;
}	
#sectionnav a:hover {
	color: #1C6F1E;
	text-decoration: underline;
}
#sectionnav ul {
	margin-left: 1.2em;
	margin-top: 3px;
	padding: 0px;
}
#sectionnav ul ul li {
	list-style-type:none;
	padding-left: 8px;
}
#search h4 {
	padding: 3px 5px;
	margin-right: auto;
	margin-left: auto;
}

#sectionnav h3 {
	margin: 4px 0 0px;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
}
#search form {
	margin: 5px 1px
}
#search h3 {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
}
#search p {
	margin: 0 5px 5px;
}
.currentpage {
	font-weight: bold;
	color: #336633;
}
#footer {
	margin: 0 auto;
	clear: both;
	font-size: 85%;
	border-top: 1px solid #CED0B3;
	padding: 10px 0;
	width: 100%;
}
#footer ul {
	clear: left;
	margin:0;
	padding:5px 0;
}		
#footer li {
	float:left;
	margin:0 5px;
	padding:0;
	list-style:none;
}		

#footer a {
	float:left;
	margin: 0 5px;
	padding: 0;	
}
#footer p {
	padding: 0 5px;
	
}
.clearfloats {
	clear: both;
}
.clearleft {
	clear: left;
}

    .photoheading {
	margin: 0px 0px 5px;
	padding: 0px;
}
 
    .searchbutton {
	margin-top: 2px;
	font-size: .9em;
	background: #D3D7BB;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
    .searchbox {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
    .promo_article img {
	margin-right: auto;
	margin-left: auto;
}
    img {
	border: none;
}

div#vision {
	clear: both;
	padding: 4px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 2px solid #F2EFFC;
	margin-top: 10px;
	background: url(design-view-assets/style-graphics/pallet-logo--monochrome-1.gif) no-repeat center center;
}

/* for main section pages */
#section_content {
	width: 280px;
	float:left;
}
#section_content .gutter {
	padding: 0 10px 0 10px;
}
#section_content ul {
	padding: 0px;
	margin: 0px 0px 10px;
}
#section_content ul li, #section_content dd {
	margin: 3px 0 3px 7px;
	list-style: disc;	
}
#related_column {
	clear: right;
	width: 300px;
	float: right;
	margin: 0;
	position:relative;
}
#related_column h3{
	margin: 5px 0 0;
}
#related_column p{
	margin: 3px 0;
}
#section_photo {
	float: right;
	padding: 0;
	margin: 0;
}
#wide_caption {
	background: #D2EEEA;
	margin: 0 0 15px;
	padding: 1px 5px 10px;
	clear:right;
	}	
	
.wide_promo_article p {
	font-size: 80%;
}


p.caption {
	font: .7em/1.1;
	color: #3E5A6A;
}
p.date {
	font-weight: bold;
	margin: 5px 0px;
}
#maincontent_2col .gutter {
	padding-right: 8px;
	padding-left: 10px;
}
#maincontent h3 {
	margin-top: 15px;
	margin-bottom: 3px;
	color: #336633;
}
tr.odd {
	background: #E6E9D6;
}
#maincontent_2col {
	float: left;
	width: 100%;
}

table caption {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color: #336633;
	margin: 25px 0 10px 0;
}
blockquote {
	font-size: 85%;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
}
table#branchtable a {
	font-weight: bold;
}
#vision h3 {
	margin: 0px;
	padding: 0px 0px 2px;
	border-bottom: 1px dashed #DFDCE9;
	font: 85% Verdana, Arial, Helvetica, sans-serif;
}
ul#address_bar {
	margin: 0px;
}
/* for library closures and other important news */
h3.important {
	padding: 5px;
	border: 1px dashed #BB4309;
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #006600;
}
/* introductory info for interviews */
.intro {
	border-bottom: 1px dotted #B9BC92;
}
	.divider {
	border-top: 1px solid #E1E3CC;
}

/* news items on home page - first takes news1 class */

div.news1 {
	clear: left;
}
div.news {
	border-top: 1px dotted #C0C1AD;
	clear: left;
}
.news img, .news1 img {
	padding: 5px 0;
	float:left;
	clear: left;
}
.news img .nofloat {
	clear: none;
	float: none;
}
.news h3, .news1 h3 {
	margin: 0px 0 3px 133px;
	padding-top: 6px;
}
.news p, .news1 p {
	margin: 3px 0 3px 133px;
}

div.book {
	clear: left;
	margin-bottom: 5px;
}
.book img {
	padding: 5px 0;
	float:left;
	clear: left;
}
.book h4 {
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 80px;
	padding-top: 7px;
}
.book p {
	margin: 3px 0 3px 80px;
}
table#storytime_table td {
	vertical-align: top;
}
ol {
	margin-top: 0px;
}
h3.anchor {
	font-size: 1em;
	color: #737649;
	text-transform: uppercase;
}
#section_content ul.list li {
	list-style: disc inside;
}
#breadcrumb {
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top: 0px;
	padding-top: 0px;
}
#breadcrumb p {
	margin-top: 0px;
	padding-top: 0px;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color: #666666;
	text-decoration: underline;
	margin-top: 0px;
}
#breadcrumb a:hover, #breadcrumb a:active {
	color: #BB4309;
	text-decoration: underline;
	margin-top: 0px;
}
#maincontent h3.event_name {
	margin: 5px 0px;
}
/* book lists */
h4.title {
	margin-bottom: 3px;
	font-weight: bold;
	margin-top: 0px;
}
p.author {
	height: 1em;
	margin-top: 3px;
	font-weight: bold;
	margin-bottom: 7px;
}
p.copyright {
	line-height: 1em;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 5px;
}
p.review {
	margin-top: 9px;
}
div.bookreview img {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 3px;
}
div.bookreview {
	margin-top: 15px;
	margin-bottom: 25px;
}
div#teenbloglink {
	background: #FFFF33;
}
div#teenbloglink h3 {
	font: 110% "Courier New", Courier, mono;
}
#sitemap-content {
	float: left;
	width: 750px;
}
div.column2top {
	position: absolute;
	left: 160px;
	top: 0px;
}

td.event_name {
}
td.timeplace {
	width: 35%;
}
.small {
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
}
blockquote.sidequote {
	border-top: 1px dotted #003265;
	border-bottom: 1px dotted #003265;
	margin: 0 3px 0 0;
	padding: 3px 3px 3px 0;
}
blockquote.sidequote p.quote{
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	color: #003265;
}
blockquote.sidequote p.source{
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #003265;
}
.form {
	margin: 2px;
	padding: 2px;
	width: 100%;
}
li.off {
	list-style: none !important;
	list-style-type: none !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
	
}
li.off h4 {
	font-size: 1em;
}
.h5 {
	font-variant: small-caps;
}
.tagline {
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	text-align: right;
}
ol.photolist li {
	margin: 6px 0;
}
h5 {
	font-size: 85%;
	font-variant: small-caps;
	font-weight: normal;
	margin: 15px 0 0 0;
}
h6 {
	font-size: 85%;
	margin-top: 8px;
	font-weight: normal;
	margin-bottom: 0px;
}
#maincontent ul.folder {
	margin: 6px 0 0 !important;
}
#maincontent ul.folder li {
	margin: 4px 0 0 5px!important;
	padding: 0 !important;
	list-style: url(none) none !important;
}
.new {
	font-weight: bold;
	color: #8BBD5E;
}
.event h4 {
	color: #737649;
	margin-top: 0px;
}

h4 + p, h3 + p {
	margin: 4px 0px 8px;
}
h3 + .event h4 {
	margin: 4px 0px 8px;
}
.event ul li {
	margin-top: 0px;
	padding-top: 0px;
	list-style: disc;
}
.event ul {
	margin-top: 5px;
	padding-top: 0px;
}
.strikethru {
	text-decoration: line-through;
}
.column1 {
	margin-left: 0px;
}
.column2 {
	margin-left: 18em;
}
li.reset {
	margin-top: -10.5em;
}
.credit {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0px;
}
.new {
	font-weight: bold;
	color: #568912;
}
table#event_table tr {
	border-bottom: 1px dotted #CCCC99;
}
div.update {
	border: 1px dotted #4B7083;
	padding: 5px;
	background: #F1F1E2;
	margin-top: 10px;
}
table#photogallery {
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #B0BB80;
	padding-top: 52px;
}

div.photogallery {
	float: left;
	width: 500px;
	padding-right: 100px;
	padding-left: 100px;
}
#photogallery td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	padding-right: 5px;
	padding-left: 5px;
}
#photogallery td img {
	padding-bottom: 5px;
	padding-top: 15px;
}
p.folder {
	margin-left: 20px;
}

/* stylef for library project page */

.comlft {
	float:left;
	text-align:right;
	margin:20px 10px 0 0;
	padding:0;
}

.comlft li {
	margin:0 0 10px 0;
}

.comrght {
	float:left;
	padding:0;
	width:85%;
}

.comrght li {
	margin:0 0 5px 0;
}

.perinf {
	width:80px;
}

#contcon {
	padding-right:10px;
	padding-left:10px;
}

#contcon h3, #contcon h4, #contcon h5 {
	color:#336633;
	margin-bottom:3px;
	margin-top:15px;
}

.outlst p, .outlst h4, .outlst h5 {
	margin-left:15px;
}

/* For halloween video page */

.callnum1 {
	list-style-type:none;
	padding-left:0;
	width:60px;
	float:left;
}

.halllst {
	margin-left:15px;
}

.mov_exp {
	clear:both;
}