html, body {
background:transparent url(../Images/bg_patch.png) repeat scroll 0 0;
height:101%;
min-width:815px;
text-align:center;
font-size:1em;
}

#wrapper {
margin:0 auto;
text-align:left;
width:55em;
}


/**Header Area**/
#masthead {
background:white none repeat scroll 0 0;
border:0.2em ridge #0033CC;
clear:both;
float:left;
margin:0 0 .25em 0;
width:100%;
}

#masthead, #masthead * {
-moz-border-radius: .5em .5em;
-webkit-border-radius:  .5em;
}
	#masthead img {
	float:left;
	height:8em;
	width:auto;
	}
	
	#masthead img.fb {
	height:auto;
	float:right;
	}
	
		/*Address, Phone # and Hours*/
		.contentbox {
		float:left;
		margin:0.1em 0 0;
		padding:0;
		width:45%;
		}
			.contentbox p {
			font-size:0.9em;
			margin:0;
			padding:0;
			}
			
		.address {
		float:left;
		margin: 0 0 0 2em;
		text-shadow: -1px 1px 1px #999999;
		font-weight:bold;
		}
		
		.address a {
		text-shadow:none;
		}
		
		.sepjun, .julyaug {
		float:right;
		margin: 0 2em 0 1em;
		}
			.sepjun h5, .julyaug h5 {
			border-bottom:0.1em solid black;
			color:#CC0000;
			font-size:.9em;
			font-weight:bold;
			}
			.sepjun ul, .julyaug ul {
			border-left:0.1em solid black;
			font-size:0.8em;
			margin:0 0 0 0.5em;
			padding:0 0 0 0.5em;
			}
			
	/*Catalog Search*/		
	.catalog, .history_search {
	background:transparent url(../Images/header_bg.png) repeat scroll 0 0;
	border:0.2em ridge #180DA6;
	float:left;
	margin: .25em 0 .25em 2em;
	padding:0.2em;
	width:22em;
	}
			.catalog form, .history_search form {
			font-size:0.8em;
			}
			.top_search, .bottom_search {
			margin:0.5em;
			}

.top_nav * {
z-index:149;
}

/*End Header*/

/*Main content area*/
	#main {
	background:white url(../Images/butterfly_back1.jpg) repeat scroll 0 0;
	border:0.2em ridge #0033CC;
	float:left;
	margin: .25em auto;
	padding:0 0 0 .25em;
	width:99%;
	}
		.quickmenu {
		float:right;
		clear:left;
		margin:0;
		}
		
		.maillist p, #footer p {
		margin:0;
		padding:0;
		}
		
		
	/*first tab: news*/	
	div.news {
	margin:0;
	overflow:auto;
	padding:0;
	}
	
	div.news * {
	-moz-border-radius: .5em .5em;

	}
	
		div.news h2 {
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-variant:small-caps;
		font-size: 1.2em;
		text-align: left;
		padding:0;
		margin:0;
		-moz-border-radius:  0;
		-webkit-border-radius:  0;
		}
			
			div.news .header, .databases .header, .circ .header, .history .header, h2.header, .non_delic h3.header, .sr .header {
			background: #1B4D7B;
			background: -moz-linear-gradient(top, /*#fff*/#FFF, /*#336699*/ #1B4D7B 25%);
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#1B4D7B), color-stop(0.25, #1B4D7B));
			color: white;
			padding: .2em;
			margin: 0 0 .5em 0;
			-moz-border-radius: .5em .5em 0 0;
			-webkit-border-top-right-radius:  .5em;
			-webkit-border-top-left-radius:  .5em;
			width:98%;
			}
			
			h2.header {
			margin: .5em 0 .5em 0;
			}
				
				div.news h1.header  {
				font-size:1.5em;
				}
			
				div.news h3.header  {
				font-size:1em;
				font-style:normal;
				padding:.2em;
				margin:0 0 0 0;
				width:15em;
				}
			
				h3.spotlight {
				text-shadow: 1px 1px 6px #fff;
				}
				
			div.news hr {
			background:#0099CC none repeat scroll 0 0;
			margin:1.5em 0;
			padding:0;
			width:17em;
			}
			
			div.news h4.date {
			border-bottom:0.2em groove black;
			color:#0033CC;
			font-family:Verdana;
			font-size:0.9em;
			font-variant:small-caps;
			font-weight:bold;
			margin:0 0 0.3em;
			}
		
			div.news h5 {
			font-size:1em;
			font-weight:bold;
			}
		
			div.news img.embed {
			float:right;
			margin:1em;
			}
			
		div.news div.spotlight {
		border:.2em solid #1B4D7B;
		float:left;
		padding:.5em;
		margin:0 0 1em 0;
		width:50%;
		-moz-border-radius: 0 .5em .5em .5em ;
		-webkit-border-bottom-right-radius:  .5em;
		-webkit-border-top-right-radius:  .5em;
		-webkit-border-bottom-left-radius:  .5em;
		}
		
		div.social {
		clear:both;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left:auto;
		margin-right: auto;
		padding:.5em;
		width:15.75em;
		}
		
		div.social p {
		padding:0;
		margin:0;
		}

/**NEWS TICKER**/
		.listticker{
			float:left;
			margin: 0 /*-1.5em*/ 0 0 .75em;
			width:45%;
			}
			
			#listticker {
			height:15em;
			width:98%;
			font-size:.9em;
			overflow:hidden;
			padding:.3em;
			border:.2em solid #1B4D7B;
			-moz-border-radius: 0 .5em .5em .5em ;
			-webkit-border-bottom-right-radius:  .5em;
			-webkit-border-top-right-radius:  .5em;
			-webkit-border-bottom-left-radius:  .5em;
			position:relative;
			}

			/*#listticker ul {
			padding:.5em;
			margin: 0;
			}
			
			#listticker li{
				border:0;
				color:#000;
				margin:0;
				padding:0;
				list-style:none;
				height:23em;
				padding:.5em;
				}*/
										
			h3.header span {
			font-size: .7em;
			}
			
			#newsitems {
			background:none;
			cursor:crosshair;
			width:24em;
			}
			
			#newsitems div {
			background:transparent !important;
			display:none;
			clear:both;
			position:relative;
			width:24em;
			}
				
				#newsitems div h3 {
				font-variant:small-caps;
				}
			
			
				#newsitems div p {
				padding:0;
				margin:.5em 0 .5em 0;
				width:100%;
				}
			
				#newsitems div p.newspop a{
				color:red;
				text-shadow: 1px 1px 6px #000;
				}
				
				#newsitems div p.newspop a:hover{
				color:blue;
				text-shadow: 1px 1px 6px #000;
				}


		/**END NEWS TICKER**/	
		
		
		/*Mailing List Box*/
		div.maillist {
		border:.2em solid #1B4D7B;
		float:left;
		font-size:.8em;
		height:auto;
		margin: .5em  0 0 1em;
		-moz-border-radius: .5em ;
		-webkit-border-radius: .5em;
		width:45%;
		}
		
		div.maillist p {
		text-align:center;
		}		
				
                div.sr_banner {
                border:.2em solid #1B4D7B;
                float:left;
                height:78px;
                margin: 0 0 1em .5em;
                padding:.3em;
                width:44%;
                -moz-border-radius: .5em ;
		-webkit-border-radius: .5em;
                text-shadow: 2px 1px #fff;
                 }

                 div.sr_banner img {
                 float:left;
                 font-variant: small-caps;
                 -moz-border-radius: .5em ;
		-webkit-border-radius: .5em;
                 }

                 div.sr_banner h3 {
                 float:left;
                 text-align: center;
                 letter-spacing: .1em;
                 width:64%;
                 }

/*End News Tab*/		
		
		
/*Tab 2: Events*/
div.eventsfeed {
background:#DDF3F9 none repeat scroll 0 0;
clear:both;
height:30em;
margin:0;
overflow:auto;
position:relative;
padding:0.3em;
}
	
	div.eventsfeed div.eventsheader {
	position:relative;
	}
	
	div.eventsfeed p {
	font-size:0.8em;
	margin:0 0 0 0.8em;
	padding:0 0 1em;
	}
	
	div.eventsheader {
	background:white;
	}
	
	div.eventsheader p.impt {
	font-size:.8em;
	margin:0 auto;
	padding:0;
	width:35em;
	text-align:center;
	}
	
	div.eventsheader h2 {
	background:#1B4D7B none repeat scroll 0 0;
	background: -moz-linear-gradient(top, #fff, #1B4D7B 25%);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#1B4D7B), color-stop(0.25, #1B4D7B));
	color:#FFFFFF;
	font-variant:small-caps;
	height:1em;
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	-moz-border-radius: .5em .5em 0 0;
	}
	
	div.eventsfeed h4 {
	color:#FF0000;
	font-size:0.8em;
	letter-spacing:normal;
	}
	div.eventsfeed h5 {
	border-bottom:0.2em groove black;
	color:#0033CC;
	font-family:Georgia;
	font-size:0.9em;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 0 0.3em;
	}
/*End Tab 2*/

/*Tab 3: New Books List*/
div.newbooks {
height:30em;
}

	div.newbooks h2 {
	background:#1B4D7B none repeat scroll 0 0;
	background: -moz-linear-gradient(top, #fff, #1B4D7B 25%);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#1B4D7B), color-stop(0.25, #1B4D7B));
	color:white;
	font-size:1.5em;
	font-variant:small-caps;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	}
	div.newbooks div.header h2 {
	background:#1B4D7B;
	background: -moz-linear-gradient(top, #fff, #1B4D7B 25%);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#1B4D7B), color-stop(0.25, #1B4D7B));
	color:white;
	font-size:1.5em;
	margin:0;
	padding:0;
	}
	
	div.newbooks div.nav {
	float:left;
	clear:both;
	margin: .5em 0 0 4.5em;
	}
	
	.books {
	margin: 1em 0 0 33%;
	}
	
	.books a {
	border:.3em ridge #FFF;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	}
	
	#output {
	background:white;
	float:left;
	width:12em;
	border:.3em ridge #FFF;
	border-right:0;
	padding:.3em;
	position:relative;
	margin: 1.5em 0 0 0;
	left:9%;
	text-align:center;
	text-shadow: 1px 1px 6px #000;
	-moz-box-shadow: 0 10px 5px #888;
	-webkit-box-shadow: 0 10px 5px #888;
	}

	#output *, .books * {
	z-index:95;
	}

/*End Tab 3*/

/*Tab 4: Widgets*/
.widgets {
min-height: 30em;
}

	.widgets h3.header {
	background-image: url(../Images/bg_patch.png);
	border:.2em ridge white;
	color:white;
	margin: .3em 0 .3em 12%;
	padding:.3em;
	text-shadow: 1px 1px 6px #fff;
	width: 33%;
	-moz-box-shadow: 0 10px 5px #888;
	-webkit-box-shadow: 0 10px 5px #888;
	}
	
	.widgets iframe {
	margin: 0 0 0 15%;
	}
	
	.bkfullbooks {
	margin: 0 .4em 0 .4em !important; 
	}
/*End Tab 4*/

/*Footer Formatting*/
#footer * {
text-align:center;
}
	
	#footer {
	background:white none repeat scroll 0 0;
	border:0.2em ridge #0033CC;
	bottom:0;
	float:left;
	font-size:0.8em;
	left:0;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	}
	
	#footer p a.sn {
	margin: .2em;
	}
/*End Footer*/

/*Page Specific and Misc. styles*/
#message_box {
position: absolute;
top:0;
left:0;
z-index: 1000;
background:#ffc;
background: -moz-linear-gradient(top, /*#fff*/#FFF, /*#336699*/ #FFD60A 90%);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#1B4D7B), color-stop(0.90, #1B4D7B));
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
 -moz-box-shadow: 3px 3px gray;
width:96.5%;
margin:0 1em 0 1em;
-moz-border-radius:0 0 1em 1em;
-webkit-border-radius:0 0 1em 1em;
 text-shadow: 0 0 0.2em #FF865E, 0 0 0.2em #FF865E;
}

.local h2.header {
margin-top: 2em;
}

.history .header {
font-size: 1.3em;
margin: .5em;
}

.history_search {
color:white;
margin:.5em;
}

.slideshow {float:right; margin:.5em; padding:0;}
.slideshow img { padding: 10px; border: 1px ridge #ccc; background-color: #75BAFF; -webkit-border-radius: .3em .3em; }
/*End Page Specific and Misc.*/

/*Test Styles*/
.delicious-posts { margin: 1em; padding: 0.5em; font-family: sans-serif; }
.delicious-banner { margin:0; padding: 0; }
.delicious-posts ul {display:block; border:.1em solid black; padding: 2em; font-size:1em; width:75%;}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
.delicious-post a { color: #04a1ff }

.local_menu {
padding:0;
		margin:0;
		width:100%;
}

.local_menu ul.sf-menu {
		margin-left:auto;
		margin-right: auto;
		width:80%;
		}
		
.non_delic {
clear:both;
display:block;
margin:1em 0 .5em 0;
width:18em;
}

.non_delic ul {
border:.2em ridge #0B216F;
margin:0;
padding:0;
}

.non_delic ul li {
padding:.25em;
}

.non_delic ul li.alt {
background:#f8f8f8;
}

.non_delic ul li:hover, .non_delic ul li a:hover {
text-decoration:underline;
}

.non_delic h3.header  {
margin:0;
}
/*End Test Styles*/

.news_nav {
position:absolute;
top:.5em;
right:.5em;
}

.news_nav a {
clear:both;
border:none;
float:right;
padding:0;
margin: 0;
}

.news_nav a img.nav {
border:none;
height: 1.5em;
}

div.meetingpolicy ol ol{
list-style-type:upper-latin;
}

div.meetingpolicy ol li {
margin: .5em .5em 0  .5em;
}

div.meetingpolicy ol ol li {
margin-bottom: 0;
}

div.meetingpolicy ol li a strong {
color:red;
font-variant:small-caps;
}

.sr_header {
        clear:both;
        float:left;
        margin:0 auto;
        text-align: center;
        width:100%;
    }

    .sr {
        float:left;
        clear:both;
        margin: 1em auto;
    width:100%;
    }

    .sr_menu {
        padding:0;
	width:32%;
	margin: .5em auto;
	text-align:left;
                        }

		.sr h4 {
                 border-bottom:.2em ridge black;
                 font-variant: small-caps;
                 font-weight: bold;
                 color:red;
                 text-shadow: 1px 1px black;
                 letter-spacing: 2px;
                 margin: 0 0 1em 0;
                 width:66%;
		 }

                 .sr .box {
                  background:white;
                  border: .2em ridge black;
                  width:66%;
                  margin: 1em auto;
                  padding:.3em;
                  -moz-box-shadow: 3px 3px gray;
                 }

                 .sr ul {
                     list-style-type: circle;
                     margin:.5em 0 .5em 0;
                     }

.picture {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC; font-size:.9em; padding: 3px;
    width:9em;
    }

.picture:hover {
    background-color: blue;
    color:white;
    }

.wide {
    width:11em;
    }

.picture a img {
    border: 1px solid #CCCCCC;
    display: block;
    vertical-align:middle;
    margin-bottom: 3px;
    }

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }