/* HTML & Inline elements */

body
	{font-family: arial, helvetica, sans-serif;
	background:url(/included/images/blue2.gif) 2% 0% repeat-x #f0F5F8;
	margin: 0;
    width: 782px; /*Would be "auto", but content div drops in IE when window is narrow (IE Float drop bug)*/
	z-index:1000; /*allows the RSS Feed "chicklets" to float above the text*/
	}
* html body /*tan hack for ie6 float bug the "* html" is only read by IE*/
	{
	width: 866px;
	}
a
	{
	text-decoration: none;
	color:#47a;
	}

a.active
	{
	color: #000;
	}
	
a:hover
	{
	text-decoration: underline;
	color:#2A0055;	/*navy*/
	}

p
	{
	padding: 0 0 15px 0;
	}

p, blockquote, li, td, th
	{
	color: #444;
	margin: 0;
	}

p, li, blockquote
	{
	font-size: 13px;
	line-height: 150%;
	}

blockquote
	{
	padding: 0 25px 10px 25px;
	}

table
	{
	width: 100%;
	}

td, th
	{
	font-size: 12px;
	line-height: 120%;
	vertical-align: top;
	font-weight: normal;
	}

ul, ol
	{
	padding: 0 0 20px 0;
	margin: 0 0 0 24px;
	}
h1, h2, h3, h4
	{
	line-height: normal;
	padding: 0px;
	margin: 10px 0 5px 0;
	}

h1	{
	color: #258;
	font-size: 24px;
	}
h2	{
    font-size: 18px; 
	color: #47a;
  }
h3	{
	font-size: 14px;
	color: #258;
	}

h4	{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	}
/* site specific divs */	

div
	{
	margin: 0;
	padding: 0;
	line-height: 0;
	}

div.callout
	{
	float: right;
	padding: 0 0 0px 0px;
	width: auto;
	}

div.callout p
	{
	font-size: 11px;
	padding: 5px 0 5px 0;
	}

div.callout cite
	{
	font-size:9px;
	font-family:inherit;
	color:#CCCCCC;
	float: right;
	padding: 0 0 2px 0px;
	}

.right
	{
	float: right;
	padding-left: 10px;
	}
	
/* .left
	{
	float: left;
	padding-right: 10px;
	}
*/

div.left {
		width: 220px;
	}

/* Skip navigation for accessibility */
div#skip {
	position: absolute;
	top:-50px;
	}

/* Top Nav Styles */	
div#topnav
	{
	height:20px;
	overflow:hidden;
	text-align:center;
	width:782px;
    line-height: 11px; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size:.8em;
	}
	
	div#topnav a
	{
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	display: block;
	float: left;
    padding: 5px 0px;
	margin: 0;
	}
	
div#topnav a, div#topnav a img, div#topnav
	{
	vertical-align: middle; 
	}
	
div#topnav a.active
	{
	color:#FFFF00;
	}
div#topnav a:hover {
	text-decoration: none;
}
	

body.teens div#leftnav, body.children div#leftnav
	{
	padding-top: 30px;
	}
/*Container contains leftnav and content*/
div#container
	{
	clear: both;
	border-top: 1px solid #fff;
	background-color:#fff;
    width:782px;
	}

body.teens div#container, body.children div#container
	{
	/*background: url(/included/images/nav_back_kids.gif) 0 0 no-repeat;*/
	}


/* Left Nav, Side Nav & Red Nav */

div#leftnav
	{
	width: 220px;
	float: left;
	padding: 0px;
	background:#EEEEDD;
	background-color:#EEEEDD;
	}
	div#leftnav img {
border: none;
}

div#leftnav h2
	{
	font-size: 16px;
	padding-top: 5px;
	}
div#leftnav h3, div#sidenav h3 a
	{
	color: #444;
	font-size: 12px;
	}

div#leftnav p a, div.homesection a, div#leftnav a, div#leftnav div#sidenav ul li a
	{
	color:#47a;
	}

div#leftnav p
	{
	line-height: 120%;
	font-size: 12px;
	}

div#leftnav div#rednav a, p#topnav a
	{
	color: #fff;
	font-weight: bold;
	}

div#persistnavcontainer {
margin:auto;
}

div#rednav
	{
	margin: 0;
	background:#990000;
	padding-top:8px;
	}

div#leftnav div#rednav a
	{
	font-family: arial, sans-serif;
	display: block;
	font-size: 11px;
	line-height: 120%;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	width: 215px;
	}
div#rednav a {
background:#990000; /*this colors the link blocks all red instead of using the background image (was orange)*/
}

div#leftnav div#rednav a:hover, div#leftnav div#rednav a.active
	{
    background:#47a;
	text-decoration: none;
	}

div#rednav form {
    display:block;
    background:#990000;
    padding: 2px 0 10px 0;
	margin: 0 0 0px 0;
	}
div#sidenav a
	{
	font-family: arial, sans-serif;
	display: block;
	font-size: 11px;
	background: #aa9; 
	font-weight:bold;
	color: #fff;
	line-height: 130%;
	margin: 1px 0 0 0;
	padding: 3px 10px 3px 10px;
	width: 200px;
	}

div#sidenav a:hover, div#sidenav a.active
	{
	text-decoration: none;
	background: #479;
	}

div#sidenav p a, div#sidenav ul li a, div#sidenav h3 a
	{
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	width: auto;
	}

div#sidenav p
	{
	font-family: arial, sans-serif;
	font-size: 11px;
	padding: 3px 0 3px 20px;
	font-weight: bold;
	border-top: 1px solid #ddc;
	width: 200px;
	}

div#sidenav p a:hover, div#sidenav p a.active, div#leftnav div#sidenav ul li a.active, div#leftnav div#sidenav ul li a:hover
	{
	text-decoration: none;
	background: none;
	color:#2A0055;	/*navy*/
	}

div#leftnav div#sidenav ul
	{
	padding: 0 0 5px 20px;
	}

div#leftnav div#sidenav ul li
	{
	list-style-type: square;
	padding: 0;
	font-weight: bold;
	}
#TW-Pop {
    width:220px;
	background-color: #9CF;
	border: thin #000;
	position:relative;
	top:470px;
	left:200px;
	z-index:1500;
	}
#TW-Pop li { 
	display:inline;
	}
div#content
	{
	padding: 10px 0 10px 0px; 
 	width: 554px;
	margin-left: 222px;
	height:100%;
	background-color:#FFF;
	}

img.printonly
{display:none;} /*for the BPL logo to appear on printouts, not the web site, that's the background on the header-wrapper div */

body.home div#content
	{
	margin-left: 222px;
	padding-top: 0;
	padding-left: 0px;
	width: 556px;
	}
	
div.homesectionwrapper {
width:auto;
}

div.homesection
	{
	width: 182px;
	display:block;
	float: left;
	background:white;	
	padding: 92px 0 0 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}


div.homesection ul
	{
	list-style-type: none;
	margin: 0 0 0 5px;
	}

div.homesection li
	{
	font-family: arial, sans-serif;
	font-weight: bold;
	}
	div.homesection li a
{
display:block; /*makes the entire line red when rolled over.*/
}
* html div.homesection li a
	{
	display:inline;
	}
div.homesection li a:hover
	{
	font-family: arial, sans-serif;
	font-weight: bold;
	background:#b51e12;
	color:#fff;
	text-decoration:none;
	}

div.homesection h4 {
	background-color:#4477aa;
	background-repeat:repeat-x;
	padding:5px 10px; 
	margin-bottom:5px;
	line-height:100%; 
	}
div.homesection h4 a
	{
	display: block;
	color: #fff;
	}
div.homesection h4 a:hover{
	display:block;
	padding:5px 10px;
	margin: -5px -10px;
	background:#b51e12; 
	color:#fff;
	text-decoration:none;
	}
div#home-about{	}
div#home-services{
    border-left:solid 1px #f2e7cc;
	border-right: solid 1px #f2e7cc;
    margin:0 3px 0 3px;
	}
div#home-community{}

/* Content Wrapper */
div#contentwrapper {
width:auto;
float:left;

}
div#box {
	width: auto;
	padding: 10px;
	background:#FF9;
	border: dashed #666;
	}
.illustrate {float: left;
	width: 135px;
	margin: 0 10px 10px 5px;
	background-color: #99ccff;
	padding: 5px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;}
.illustrate img { 
		border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #555; }
	p { margin-top: 0; }

/* Calendar Plugin Styes */

div#featuredplugin {
display:block;
float:left;
width:310px;
}

div#calendarplugin
       {
display:block;
float:left;
width: 245px;
border-left: dotted 1px #f2e7cc;
background:#EAE9DB; 
padding:0px 0 0 0px;
clear:right;
height:auto;
overflow:hidden;
  }
div#RegularEvents {
font:Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#RegularEvents a
	{
	color: #FFF;
	line-height:.8;
	font-weight: bold;
	white-space: nowrap;
	display: block;
    padding:5px 5px 5px 5px;
	}

  
/* Page Plugin code */
div#calendarplugin h2, div#featuredplugin h2 {

	font-size: 16px;
	color: #258;
	line-height: 110%;
	margin-top: -10px;
	margin-left:-5px;
	padding-left:10px;
	font-family: arial, sans-serif;
	font-weight:700;
	margin-bottom:5px;
	}
 .entry{
	border-top:dashed 1px #999;
	border-bottom:dashed 1px #999;
	float:inherit;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
	}

.entry h3{
	font-weight:bold;
	font-size:100%;
	margin-top: 0px;
	margin-left: -5px;
    padding-left: 5px;
	width:auto;
	}

.entry p a, .entry li a{
	color:#4477AA; 
	text-decoration:none;
	}

.entry a:hover{
	text-decoration:underline; 
	color:#2A0055; /*navy*/
	}

.entry img{
	border:0px;
	}
.entry img a:hover {
background:#FFFFFF;
}
div#hours {
	float:left; 
	width:300px; 
	border:thin;
	border-color:#2A1FAA; 
	background-color:#FFFFFF;
}
div#exhibits {
	 float:left; 
	 width:450px; 
	 background-color:#C0DCC0;
	 border:thin;
}
/* Rounded corners code */

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
	
	.buffer {
clear:both;
display:none;
}


div#footer
	{
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #bba;
	margin-top: 1px;
	clear: both;
	}

div#footer p
	{
	font-family: arial, sans-serif;
	width: 776px;
	font-size: small;
	line-height: 120%;
	font-weight: bold;
	}

p.more
	{
	text-align: right;
	font-weight: bold;
	}



input, select
	{
	border: 1px solid #47a;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
	}

input.button
	{
	color: #fff;
	background: #6699CC;
	}

h2 span
	{
	display: block;
	font-size: 24px;
	padding-left: 70px;
	line-height: 120%;
	}

div#footer p a.active div#footer a.active hover
		{
	background:none;
	text-decoration:underline;
	}

div#trailer
	{
	padding: 20px 0 0 0;
	}

p.top
	{
	}

div.leftcolumn
	{
	width: 150px;
	padding: 0px;
	float: left;
	}

div.centercolumn
	{
	width: 150px;
	padding: 0px;
	float: left;
	}

div.rightcolumn
	{
	width: 150px;
	padding: 0px;
	float: left;
	}

div#homeleftcolumn
	{
	padding-left: 5px;
margin-top: 0px;
	}
div#homeleftcolumn h2
	{
padding: 0px;
margin-top: 0px;	
line-height: 100%;	
font-size: 18px;
	}
div#homeleftcolumn h3
	{
	line-height: 100%;
	font-size: 12px;
	padding-left: 0;
	}

div#homeleftcolumn p
	{
	font-size: 11px;
margin: -5px 0 -5px 0;
	}

div#homeleftcolumn h2 a:hover, div#homeleftcolumn h3 a:hover, div#homeleftcolumn p a:hover 
	{
	background:none;
	text-decoration:underline;
	color:#2A0055;	/*navy*/
	}
div#homeleftcolumn a
{
display:inline;
border: 1px;
background: none;
}

		
/* Code for search box on header */		

div#header-wrapper {
width:780px; /*in order to align properly the right side*/
height:78px;
/*float:left; removed by je on 8/27 */ 
background: #d4e6f4 url(/included/images/newtoplogowithcityinfo2.jpg) no-repeat;
z-index:400;
}
   
div.section {
    float: right;
    clear: right;
    width: 224px;
    padding: 0px;
}

div#libsp {
width:540;
}

div#fastcatsearch {
display:block;
width:auto;
float:right;
margin:-4px 0 0 0;
font:Verdana, Arial, Helvetica, sans-serif;
}
div#fastcatsearch h4{
margin-top: 4px;
margin-bottom:0px;
color: #258;
}

div#fastcatsearch form {margin:0px 0px 0px 0px; font-size:14px;}
div#homebutton {float:left; 
width:530px;}

/* tabmenu code */
#tabmenu_home ul.tabs {list-style:none;margin:0;padding:0;clear:both;border-bottom:1px solid #ccc;height:20px;}
#tabmenu_home ul.tabs li {float:left;margin-right:5px;width:50px;text-align:center;}#tabmenu_home ul.tabs li a {display:block;height:20px;padding:0 3px 0 3px;background-color:#fff;color:#666;}#tabmenu_home ul.tabs li a:hover {color:#666;}
#tabmenu_home ul.tabs li a.active {background-color:#ddd;}
#tabmenu_home div {clear:both;}