@charset "utf-8";

body {
	font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/bg2.jpg);
	background-position: top center;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
}
a{
	color:#000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	font-size: 0.8em;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	background:url(../images/bg-clear.png);
	width: 981px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.header {
	padding:0;
	height:122px;
}
.header img{
 float:left;
 padding-left: 130px;
}

.content {
	padding: 15px 0 0 0;
	width: 981px;
	min-height:750px;
	float: left;
}
.slidecolumn {
	float:left;
	width: 392px;
	margin: 0 10px 10px 0;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.midrightbox{
	float:left;
	height: 190px;
	width: 392px;
	margin: 0 0 10px 0;
}
.cal {
	text-align:center;
	float:left;
	width: 205px;
	height: 185px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	overflow: hidden;
}
.downloadlinks {
	margin:0 0 0 4px;
	float:left;
	width: 170px;
	height:185px;
}
.downloadlinks .link{
	background: #accedf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin:0;
	width: 166px;
	height:86px;
	border:1px solid #85B7CF;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.downloadlinks .link:hover{
	background: #accedf url(../images/home_download_hover.png) 50% top repeat-x;
}
.downloadlinks .link img{
	margin-left: 8px;
	margin-top: 6px;
	border: none;
}
#bottom{
	margin-top:10px;
}
.btmrightbox {
	float:left;
	height: 156px;
	width: 392px;
	margin: 0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	
}
.btmrightbox p{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:12px;
	line-height:16px;
	margin:5px 0 0 0;
	padding:0;
	text-decoration:none;
}
.lefthold{
	float:left;
	width:106px;
	height:138px;
	padding:8px;
	margin-left:1px;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.lefthold:hover,.righthold:hover {
	background: #FFF url(../images/home_button_hover.png) 50% top repeat-x;
	font-size: 12%;
}
.midhold{
	float:left;
	width:106px;
	height:138px;
	padding:8px;
	margin-left:4px;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.midhold img{
	margin: 0;
	padding: 0;
	border: none;
}
#centerimg{
	text-align: center;
	border: none;
}
.midhold p{
	padding:10;
	margin:10px 0 0 0 ;
}
.midhold:hover {
	background: #FFF url(../images/home_center_button_hover.png) 50% top repeat-x;
}
.midhold a:hover{
	color: #F00;
}
.righthold{
	float:left;
	width:106px;
	height:138px;
	padding:8px;
	margin-left:4px;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.btmrightbox .righhold p{
	margin:0;
}
.righthold img{
	margin: 0;
	padding: 0;
	border: none;
}
/* ~~ The footer styles ~~ */
.footer {
	height: 120px;
	margin: 15px 0 0 0;
	padding: 10px 0;
	color: #FFF;
	background-color: #222;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
.footer a{
	color: #FFF;
}
.footer p{
	text-align:center;
}
#footerlogo{
	margin-top:50px;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	margin:0;
	padding:0;
	clear:both;
}
#topnav{
	width:100%;
	background-color: #000;
	position: relative;
	height: 30px;
	float: left;
	color: #FFF;
	font-size: 9px;
	font-weight: bolder;
}
#topnav ul{
	list-style-type: none;
	display:inline;
}
#topnav ul li{
	float:right;
	font:Verdana, Geneva, sans-serif;
	font-size: 1.6em;
	padding: 5px 15px 0 0;
	color:#FFF;
}
#topnav ul li a{
	text-decoration:none;
	color:#FFF;
}
#topnav ul li a:hover{
	text-decoration:none;
	color:#666;
}
.navseperate {
	margin:0;
	height:3px;
	background-color:#003;
	clear:both;
}
/*increments of 42 px*/
#facebook{
	float:left;
	margin-left:10px;
	height:32px;
	width:32px;
	background:url(../images/social_sprite.png) -126px 0;
}
#twitter{
	float:left;
	margin-left:10px;
	height:32px;
	width:32px;
	background:url(../images/social_sprite.png) -418px 0;
}
#youtube{
	float:left;
	margin-left:10px;
	height:32px;
	width:32px;
	background:url(../images/social_sprite.png) -502px 0;
}
.libpic{
	float:left;
	margin:10px 10px 10px 20px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
a.libpicimg {
	height:304px;
	width:380px;
	display:block;
	background-position:0px 0px;
	border: #000 solid 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
a.libpicimg:hover{
	background-position:0px -302px;
}
.libinfo{
	float:left;
	width:539px;
	height:304px;
	margin:10px 20px 10px 10px;
	background: #FFF url(../images/library_info.png) 50% top repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.libinfo h1{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:34px;
	float: left;
	width: 509px;
	height: 30px;
	display:block;
	margin:0;
}
.libinfo h2, .libinfo p{
	width:300px;
	display:block;
	float:left;
	margin:10px 0 10px 0;
}
.libinfo a {
	font-weight:bold;
	text-decoration:none;
}
.libinfo a:hover{
	color: #accedf;
}
.calbtnholder{
	padding:0 15px;
	width:300px;
	display:block;
	float:left;
	margin:0;
}
.calbtn{
	float:right;
	width:100px;
	background: #accedf url(../images/button.png) 50% 50% repeat-x;
	text-align:center;
	border: #aed0ea solid 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.calbtn:hover{
	color:#FFF;
	background: #e4f1fb url(../images/button_hover.png) 50% 50% repeat-x;
	border:#74b2e2 solid 1px;
}
.libinfo .stats{
	display:block;
	float:right;
	margin:10px;
	height:250px;
	width:180px;
}
.libinfo .stats img{
	margin:0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.libinfo .stats h3{
	padding-top:10px;
	margin:0;
}
.libinfo h3{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 10px 0 10px;
	padding:0;
	font-size:.9em;
	display:block;
	float:right;
	width:180px;
	height:60px;
	text-align:center;
}
.titledivide{
	background: url(../images/titledivide.png);
	height:3px;
	width:520px;
	margin: 0 10px;
	padding:0;
	float:left;
}
.pagetitle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align:center;
}
.orgchart{
	background:url(../images/orgchart.png) no-repeat;
	background-position:top center;
	width:100%;
	text-align:center;
}
.orginfo{
	margin: 300px 10px 20px 555px;
	width: 316px;
	height: 405px;
	z-index:300;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #accedf;
    -moz-box-shadow: 0px 1px 5px 0px #accedf;
    box-shadow: 0px 1px 5px 0px #accedf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: #accedf solid 2px;
}
.orginfo img{
	margin:10px;
}
.orgpage {
	margin: 60px 0 0 15px;
	padding-top: 10px;
	width: 255px;
	height: 75px;
	z-index:300;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #accedf;
    -moz-box-shadow: 0px 1px 5px 0px #accedf;
    box-shadow: 0px 1px 5px 0px #accedf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: #accedf solid 2px;
}
.orgchart .orgpage h1{
	font-size:1.0em;
}
.orgchart h1,
.downloads h1,
.callist h1,
.printerpage h1,
.clubpage h1,
.govpage h1,
.homebound h1,
.obit h1,
.readinglistpage h1,
.wirelessinfopage h1,
.ESL h1,
.outliblist h1{
	font-size:1.6em;
	text-align:center;
}
.orgpage p{
	font-size: 1em;
}
.orgpage img{
	float:left;
	padding-left:140px;
}
.center h4{
	margin:20px 0 0 0;
	font-size:1.2em;
}
.main {
	width: 180px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.month {
	font:Verdana, Geneva, sans-serif 10px;
	padding: 0 0 0 5px;
	color:#000;
	background-color:#CACACA;
	font-weight:bold;
}
.daysofweek {
	font:Verdana, Geneva, sans-serif 10px;
	margin:0;
	padding: 0 0 0 4px;
	color: #000;
	background:#F4F4F4;
	font-weight:bold;
}
.days {
	font:Verdana, Geneva, sans-serif 10px;
	margin:0;
	padding: 0 0 0 4px;
	text-align:center;
	background: #F4F4F4;
}
.days a{
	text-decoration:none;
	color: #666;
}
.days #today {
	font:Verdana, Geneva, sans-serif 12px bold;
	margin:0;
	padding: 0;
	font-weight: bold;
	color:#000;
}
.main td{
	vertical-align:top;
	text-align:left;
}
.cal table{
	border-spacing:2px;;
	border-collapse:collapse;
}
.downloads h2{
	width:500px;
	margin-left:10px;
	font-size:1.2em;
	color:#FFF;
	background: url(../images/bg-policy.png);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.downloadbox {
	height:120px;
	width:886px;
}
.downloads p{
	font-size:.8em;
	margin-left:20px;
}
.downloads ul{
	margin-bottom:15px;
}
.downloads ul li{
	font-size:.8em;
	margin-left:80px;
	padding-left:15px;
}
.downloadbox img{
	width:auto;
	height:auto;
	display:inline;
	margin: 10px 3px 0 3px;
}
.downloads h3{
	text-align: center;
	font-size:1.2em;
}
.homebottom{
	margin:10px;
	width:959px;
	height:198px;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	border: 1px solid #4a4a4a;
}
.frame{
	margin: 0 auto 15px auto;
	background:#ACCEDF url(../images/accordion/ui-bg_glass_80_ACCEDF_1x400.png) 50% 50% repeat-x;
	width:886px;
	text-align:center;
	height:150px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.frame .holderimg{
	margin:5px auto;
}
.center{
	margin: 0;
	padding: 0;
	text-align: center;
	border: none;
	text-decoration: none;
}
.center img{
	border:none;
}
.otherinfo{
	margin:15px 70px;
}
.otherinfo p{
	margin:0 0 15px 0;
	font-size:.8em;
}
.callist{
	padding:8px;
	float: left;
	width:130px;
	margin-left:15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.callist p{
	padding:0;
	margin:5px 0 0 0;
}
.callist a{
	color:inherit;
	text-decoration:none;
}
.callist a:hover{
	color:#ACCEDF;
}
.fullcalendar{
	float:left;
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	width:785px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
}
.fullcalendar iframe{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#caltitle{
	font-size:26px;
	text-align:center;
	margin: 0 0 0 10px;
	padding:0;
}
.callist #current{
	color:#000;
	font-weight:bold;
}
.midtitle{
	background:#ACCEDF url(../images/accordion/ui-bg_glass_80_ACCEDF_1x400.png) 50% 50% repeat-x;
  	margin:0 15px;
  	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.instructions{
	padding:10px;
	float: left;
	width:601px;
	margin:0 0 15px 15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.printers{
	padding:10px;
	float: left;
	width:290px;
	margin:0 0 15px 15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.printers h2{
	font-size:.9em;
	margin:0;
	padding:0;
}
.printers a{
	text-decoration:none;
	color: #000;
}
.printers a:hover{
	color:#accedf;
}
.printers p{
	margin:0 0 15px 0;
	padding:0;
	line-height:16px;
}
.instructions ul{
	margin:0 20px;
	padding:0;
}
.instructions ul li{
	margin:0;
	padding:10px 0;
	line-height:1em;
}
.pinterexample img{
	float:left;
}
.clubday{
	padding:0 0 10px 0;
	width:931px;
	height: auto;
	margin:0 0 15px 15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.clubdaytitle{
	background:#ACCEDF url(../images/accordion/ui-bg_glass_80_ACCEDF_1x400.png) 50% 50% repeat-x;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	height:26px;
	color:#000;
	text-align:center;
	font-weight:bold;
	border:#aed0ea  1px solid;
}
.clubimg{
	padding:5px;
	text-align:center;
	float:left;
	width:240px;
}
.clubimg img{
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
	margin: 0 auto;
}
.clubloc{
	padding:10px;
	text-align:center;
	float:left;
	width:230px;	
}
.clubloc p{
	font-size: 1em;
	line-height:1.3em;
	font-weight:bold;
}
.clubdescription{
	padding:10px;
	float:left;
	width:411px;
}
.clubdescription p{
	font-size: 1em;
	line-height:1.3em;
}
#title {
	font-weight:bold;
}
#egov{
	color:#F00;
}
.govlogos{
	font-size:1em;
	line-height:1.3em;
	padding:0 0 10px 0;
	width:931px;
	height: auto;
	margin:0 0 15px 15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.govlogos .logo{
	float:left;
	padding:10px;
}
.govlogodivid {
	float:left;
	width:2px;
	height: 170px;
	margin: 10px 0 0 0;
	background:#333;
}
.homebound{
	min-height:740px;
}
.hbcontent{
	padding:8px;
	margin:15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.obit{
	min-height:740px;
}
.obitcontent{
	padding:8px;
	margin:15px;	
/*	background: #FFF url(../images/library_info.png) 50% top repeat-x;
*/
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.obitcontent ul{
	font-size:.8em;
	padding-left:50px;
}
.obitcontent ul li{
}
#obitadd {
	padding-left:80px;
}
.readinglistcol{
	float:left;
	width:288px;
	padding:8px;
	margin:0 0 15px 15px;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.readinglistcol h2{
	font-size:1em;
	text-align:center;
}
.readinglistcol p{
	font-size:.8em;
}
.readinglistpage a{
	font-weight:bold;
}
.readinglistpage a:hover{
	font-weight:bold;
	color: #accedf;
}
.wirelessholder {
	padding:8px;
	margin:15px;	
	background: #FFF url(../images/accordion/bg_content.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
.wirelessinfopage{
	min-height:740px;
}
.wirelesssetup ul{
	font-size:.8em;
	padding-left:60px;
}
.wirelesssetup ul li{
}
.photocopy{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 0 15px 10px 15px;
	background-color: #FF6;
	padding: 10px;
}
.matrequest{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 0 15px 10px 15px;
	background-color: #accedf;
	padding: 10px;
}
.photocopyrules{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 15px;
	background-color: #FF6;
	padding:2px;
}
.matrequestrules{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 15px;
	background-color: #accedf;
	padding:2px;
}
#red{
	color:#F00;
}
.outliblist
{
}
.liblisthold{
	text-align:center;
	margin:15px;
	border: solid #000 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#tblc{
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	width: 346px;
	height: 348px;
	float: left;
}
#acliblist{
	background:#CCC;
	border-bottom: 1px #000 solid;
	width: 600px;
	height: 348px;
	float:left;
}
#actitle{
	background:#CCC;
	border-bottom: 1px #000 solid;
	width: 600px;
	height: 32px;
}
#usf{
	background:#CCC;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	padding-top:15px;
	width: 300px;
	height: 141px;
	float:left;
}
#spc{
	background:#CCC;
	border-bottom: 1px #000 solid;
	padding-top:15px;
	width: 299px;
	height: 141px;
	float:left;
}
#ekc{
	background:#CCC;
	border-right: 1px #000 solid;
	padding-top:15px;
	width: 300px;
	height: 141px;
	float:left;
}
#sucol{
	background:#CCC;
	padding-top:15px;
	width: 299px;
	height: 141px;
	float:left;
}
.eslfloat {
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
#esltl{
	margin: 0 15px 15px 15px;
	float: left;
	height: 190px;
	width: 304px;
}
#esltm{
	margin: 0 15px 15px 0;
	float: left;
	height: 190px;
	width: 304px;
}
#esltm a{
	line-height: 2em;
}
#esltr{
	margin: 0 0 15px 0;
	float: left;
	height: 190px;
	width: 304px;
}
#esltr a{
	line-height: 2em;
}
.eslfloat a:hover{
	color:#accedf;
}
.eslfloat h2{
	text-align:center;
	font-size: 1.0em;
	margin:5px 0 15px 0;
}
.eslfloat p{
	margin:0 15px 10px 15px;
	padding:0;
	font-size: .8em;
}
.eslfloat ul{
	margin:0 0 10px 0;
	padding:0;
}
.eslfloat ul li{
	font-size: .8em;
	list-style: disc;
	margin: 0 0 0 30px;
}
#esltutor {
	margin: 0 15px 15px 15px;
	height: 350px;
	width: 949px;
}
#esllearner {
	margin: 0 15px 15px 15px;
	height: 190px;
	width: 949px;
}
#eslteachlinks{
	margin: 0 15px 15px 15px;
	width: 949px;
}
.thirds,
.quarters,
.double,
.grammar {
	font-size: 0.8em;
}
.thirds #one, 
.thirds #two, 
.thirds #three {
	padding-left:12px;
	padding-right:3px;
	width:301px;
	height: 80px;
	float:left;
}
#esltrans {
	margin: 0 15px 15px 15px;
	height: 100px;
	width: 949px;
}
.quarters #one,
.quarters #two,
.quarters #three,
.quarters #four{
	padding-left:12px;
	padding-right:3px;
	text-align:center;
	width:222px;
	height: 40px;
	float:left;
}
#eslgrammar{
	margin: 0 15px 15px 15px;
	width: 949px;
	height: 70px;
	text-align: center;
}
#eslcitizen{
	margin: 0 15px 15px 15px;
	width: 949px;
}
.double #one,
.double #two{
	padding-left:12px;
	padding-right:3px;
	text-align:center;
	width:440px;
	float:left;
	height: 50px;
}	
#footerlogo #left{
	float:left;
}
#footerlogo #right{
	float:right;
	margin-right:10px;
}
#footerlogo #counter{
	margin: 0 450px;
	padding-top: 6px;
	width:110px;
}
#citylogo{
	width:151px;
	height: 30px;
	background: url(../images/citylink.png) no-repeat;
}
#citylogo:hover{
	background:url(../images/citylink_hover.png) no-repeat;
}
.buttonbottom{
	float:left;
	width:288px;
	height:84px;
	padding:8px;
	background: #FFF url(../images/accordion/ui-bg_highlight-hard_0_ffffff_1x100.png) 50% top repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #4a4a4a;
}
#kidsbutton {
	background:url(../images/kidsbutton.jpg) no-repeat;
	margin: 15px 15px 15px 0;
}
#kidsbutton:hover {
	background:url(../images/kidsbutton_hover.jpg) no-repeat;
}
#adultbutton {
	background:url(../images/adultbutton.jpg) no-repeat;
	margin: 15px 0 15px 15px;
}
#adultbutton:hover {
	background:url(../images/adultbutton_hover.jpg) no-repeat;
}
#teenbutton {
	background:url(../images/teenbutton.jpg) no-repeat;
	margin: 15px 15px 15px 15px;
}
#teenbutton:hover {
	background:url(../images/teenbutton_hover.jpg) no-repeat;
}
#center{
	text-align:center;
}
#cohspadding{
	padding-right:160px;
	padding-left:150px;
}