body {
	font-family: Calibri, Trebuchet MS, sans-serif;
	background-color: #a1b6b5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0;
	width:1000px;

}

a{
	color: #0053A0;

}

.Footnote{
	font-size:75%;
	font-style:italic;
	text-align:center;	
}

.Download{
	font-size:75%;
	font-style:italic;	
}

.BigLink{
	background-position: left;
	text-transform: uppercase;
	color: #0053A0;
	font-size: 16px;
	background-image: url('../images/Permanent/BigLinkArrow.gif');
	background-repeat: no-repeat;

}

.BigLinkNoArrow{
	text-transform: uppercase;
	color: #0053A0;
	font-size: 16px;
}

.BulletArrow {
		list-style-image: url('../images/Permanent/BigLinkArrow.gif');
		margin-left:10px;
}

.BulletArrowBold {
		list-style-image: url('../images/Permanent/BigLinkArrow.gif');
		margin-left:10px;
		font-weight:bold;
}


.Header{
	font-size:16px;
	font-weight:bold;
}

ul{
	
	list-style-type:none;
	padding-left: 10px;
	margin-left: 0;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
	
}

img {
	border: 0;
}


.leftform, .rightform {
	float: left;
}	

.rightform {
	padding-left: 5px;
	padding-top: 35px;
}

.mytitle {
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	float: left;
}

.ui-tabs-hide { display: none; }

#accordion {
	width:285px;
	font-size:14px;
}

#accordion ul {
	margin-top: 0;
}
#accordion  ul  li{
	vertical-align: top;
	margin-left: -5px;	
	padding-left: 0;
	margin-top: 0;
}

#accordion  h3 {
	padding: 0;
	margin: 0;
	line-height: 1em;
	height: 24px;
	font-weight: bold;
}

#accordion  ul li.DatabaseBullet {
		list-style-image: url('../images/Permanent/BigLinkArrow.gif');
		margin-left:10px;
}


#accordion  ul li.DatabaseBulletGroup {
		list-style-image: url('../images/Permanent/BigLinkArrow.gif');
		margin-left:10px;
		text-decoration:underline;
		margin-top:0px;
}

#accordion  ul li.DatabaseBulletSubItem {
		margin-left:20px;
		margin-top:0px;
		list-style-type:disc;
}

.subcontent {
	padding: 0;
	margin: 0;
	
}

#cmpl_logo {
	float: left;
	padding-left: 19px;
	padding-top: 10px;
}

#container {
	clear: both;
	background-color:White;
	height:auto;
	overflow:hidden;

}

#header {
	height: 140px;
	background-image:url('../images/Permanent/bg_header.jpg');
	background-repeat: no-repeat;
	float: left;
	overflow: visible;
	position:relative;
}

#footer {
	float: left;
	width:1000px;
	height:42px;
	margin-top: 7px;
	padding-top:5px;
	background-color: #ffffff;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #A1898F;
	font-size:12px;
}
#SocialNetworks{
	position:absolute;
	margin-left: 32px;
	width:205px;
	float:left;
}
#SocialNetworks img{
	padding-left: 15px;
}
#MainAddress{
	position:absolute;
	width:233px;
	margin-left: 265px;
}
#SouthAddress{
	position:absolute;
	width:233px;
	margin-left: 525px;
}
#NorthAddress{
	position:absolute;
	width:233px;
	margin-left: 780px;
}
#mobile{
	margin-left: 10px;
	font-size: small;
}

#my_account {
	position:absolute;
	margin-left: 675px;
	font-size: 12px;
	margin-top:-10px;
}

#myslidemenu {
	padding-top: 5px;
	height: 26px;
	margin-top:73px;
	font-size:75%;
}

#myslidemenuBookletters {
	padding-top: 5px;
	height: 26px;
	margin-top:73px;
	margin-left:85px;
}

#navcolor {
	clear: both;
	height: 22px;
	width: 1000px;
	background-image: url('../images/Permanent/SubNavBG.jpg');
	background-repeat: repeat-x;
}

/* Menu Bar Styles */

ul#toc {
    height: 1.8em;
    list-style: none;
    margin: 0;
    padding: 0;

}

ul#toc li {
    float: left;
    margin: 0 3px 0 0;
    
}

ul#toc a {
    background: #bdf url('../images/Permanent/tab.gif');
    color: #ffffff;
    display: block;
    float: left;
    height: 26px;
    padding-left: 8px;
    text-decoration: none;
	font-size:medium;

}

ul#toc li ul  {
	width: 98%;
	margin-top: -4px;
/*	border-style: solid;
	border-color: #fff;
	border-width: 1px; */
}

ul#toc li ul li {
	padding: 0;
	margin: 0;
	
}

ul#toc li ul li a {
	border-right: 1px solid #cccccc;
	background-image: url('../images/Permanent/SubNavBG.jpg');
		background-repeat: repeat-x;
		height: 20px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
	}


.leftbar {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;
}

ul#toc li ul li a:hover {
	background-color: #a695a2;

}

ul#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
    color: #ffffff;
   
}

ul#toc a:hover span {
    background-position: 100% -120px;
}

/*This is the Static version of the subnavigation hover*/
ul#toc li.current a {
    background-position: 0 -60px;
    background-color: #a695a2;
}

ul#toc li.current span {
    background-position: 100% -61px;
 
}

ul#toc span {
    background: url('../images/Permanent/tab.gif') 100% 0;
    display: block;
    line-height: 1.575em;
    padding-right: 8px;
}

div.content {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
} 

/* Date Box syles */

.dweek {
	padding-left: 2px;
	padding-right: 3px;
	float: left;
	height: 15px;
}

.dweeksel {
	color: #ffffff;
}

/* Mon, Wed */
#mon.dweeksel, #wed.dweeksel {
	background-image: url('../images/Permanent/bg_date.gif');
	background-repeat: no-repeat;
}

/* Tue, Sat */
#tue.dweeksel, #sat.dweeksel {
	background-image: url('../images/Permanent/bg_datest.gif');
	background-repeat: no-repeat;
}
#sat {
	padding-left: 3px;
}

/* Thu, Sun */
#thu.dweeksel, #sun.dweeksel {
	background-image: url('../images/Permanent/bg_datesta.gif');
	background-repeat: no-repeat;
}

/* Fri */
#fri.dweeksel {
	background-image: url('../images/Permanent/bg_datestat.gif');
	background-repeat: no-repeat;
}


#datebox {
	position: absolute;
	width: 280px;
	color: #6B5165;
	padding-left: 10px;
	padding-top:5px;
	font-size: 14px;
	height:auto;
}

#daysofweek {
	font-weight: bold;
	width: 285px;
}
#dtime {
	float:left;
	width:301px;
}

#daysofweek a {
	text-decoration: none;
	color: #6B5165;
}

#daysofweek .dweeksel  a {
	color: #ffffff;
}
/*Polaris Search Box*/

#SpecialMessage{
	color: #FF0000;
	font-weight: bolder;
	font-style: italic;
	margin-left: -10px;
	font-size: 13px;
}

#SearchBox {
	width: 285px;
	padding-left: 12px;
	height:auto;
	font-size:13px;
}
#UpcomingEvents {
	width:285px;
	height:19px;
	background-image:url('../images/Permanent/SmallEventsTab.gif');
	background-repeat:no-repeat;
	color:white;
	padding-left:7px;
	padding-top:2px;
	font-size:14px;
	font-weight:bold;
}

/* Left Column*/

#HomepageLeftcontent {
	float: left;
	width: 301px;
	padding-top:6px;
	background-color: #FFFFFF;
}

#Leftcontent {
	float: left;
	width: 297px;
	padding-top:6px;
	background-color: #FFFFFF;
	border-right-style:inset;
	border-right-color:#a9b3c6;
	border-right-width:3px;
	border-bottom-style:inset;
	border-bottom-color:#a9b3c6;
	border-bottom-width:3px;

}


#LeftColumnSubPages {
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	float: left;
	width: 284px;
	background-color: #ced7ea;
	background-image:url('../images/Permanent/bg_leftcolumnsubcontent.gif');
	background-repeat: repeat-x;
	font-size:14px;
}

#LeftColumnSubPages a{
	font-size:16px;
}

#LeftColumnSubPageResearch{
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	float: left;
	width: 284px;
	background-color: #ced7ea;
	background-image:url('../images/Permanent/bg_leftcolumnsubcontent.gif');
	background-repeat: repeat-x;
	font-size:14px;
}

#LeftColumnSubHeader{
	background-image:url('../images/Permanent/Header_leftcolumnSubContent.gif');
	background-repeat:no-repeat;
	width:287px;
	height:27px;
	font-size:18px;
	font-weight:bold;
	color:#3a1732;
	padding-left: 10px;
	padding-top:2px;
	margin-left:-10px;	
}

#LeftColumnMain {
	
	float:left;
	background-color:#FFFFFF;
	margin-top: -20px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	height: auto;
	width: 284px;
}

/* Main Content*/

#MainContent {
	float:right;
	color: #000000;
	background-color: #FFFFFF;
	width: 699px;
	height: auto;
}

#MainContentSubPageAboutUs {
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_AboutUs.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
}

#MainContentSubPageUsingYourLibrary {
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_UsingYourLibrary.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;

}


#MainContentSubPageRecommended {
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_Recommended.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
}

#MainContentSubPageResearchHomework {
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_ResearchHomework.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
	height:700px
}

#MainContentSubPageWhatsHappening{
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_WhatsHappening.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
}

#MainContentSubPageGetInvolved{
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_GetInvolved.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
}

#MainContentSubPageLocalInterest{
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_LocalInterest.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
}

#MainContentSubPageSummerReading{
	float: left;
	color: #000000;
	background-image: url('../images/Permanent/bg_SummerReadingHeader.jpg');
	background-repeat:no-repeat;
	width: 700px;
	background-color:white;
}

.SubPageContent{
	float:left;
	position:relative;
	margin-top:80px;
	margin-left:15px;
	width:650px;
	font-size:85%;
}

.SubPageContent a {
	font-size:18px;
}

.subpagefloaters{
	float: left;
	font-size:medium;
	margin-left:20px;
	margin-top: 35px;
}

.subpagefloaters a{
	font-size:16px;
}

/* Rotator styles */

#patronperks {
	margin-left:20px;
	width: 525px;
	height: 185px;
}

#patronperksimage{
	float: left; 
	padding-right:10px;
}

#patronperkstext {
	font-size:16px;
}

#musicimages {
	margin-left:20px;
	margin-top: 50px;
	width: 525px;
	height: 185px;
}

#DVDimages {
	margin-left:20px;
	margin-top: 50px;
	width: 525px;
	height: 300px;
}


#musictext {
	font-size:16px;
	text-align:center;
}




#rotator {
	width: 635px;
	height: 288px;
	background-image: url('../images/Permanent/bg_rotator.jpg');
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#tabBtn {
	position: absolute;
	top: 425px;
	margin-left: 585px;
	width: 33px;
	height: 33px;
}

#tabBtn :hover {
	cursor: pointer;
}

.widgetcontent {
	padding-top: 5px;
	
}

#sepbar  {
	padding-top: 12px;
	padding-bottom: 110px;
	width: 636px;
	margin-right:auto;
	margin-left:auto;
}

#sepbar2  {
	width: 636px;
	position:relative;
	margin-left:10px;
	margin-top:350px;
}

/*MainContent Columns*/
#MainContentColumnLeft{
	float:left;
	width: 320px;
}

#MainContentColumnRight{
	float:right;
	width: 316px;
}

#sp_Research{
	float:left;
	width: 640px;
}


hr.sepbar {
	color: #A1898F;
	background-color: #A1898F;
	height: 4px;
}

hr.sepbar2 {
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
}


hr.smallbar{
	color: #A1898F;
	background-color: #A1898F;
	height: 4px;
}

.subheader {
	width: 301px;
	height: 28px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 15px;
	padding-top: 4px;
	background-image: url('../images/Permanent/bg_subheader.gif');
	background-repeat: no-repeat;
}

.subheaderline {
	width:640px;
	height: 28px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 15px;
	padding-top: 4px;
	background-image: url('../images/Permanent/sp_CardholdersSubheader.jpg');
	background-repeat: no-repeat;
}

.subheader a {
	color: #FFFFFF;
	font-size:16px;
}

.subheaderline a {
	color: #FFFFFF;
	font-size:16px;
}


.subheadercontent {
	background-image: url('../images/Permanent/bg_subheadercontent.gif');
	background-repeat: repeat-y;
	width: 283px;
	height: 200px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
}

.subheadercontentNOGradient {
	background-color:white;
	width: 283px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
}

.subheadercontentResearch {
	background-color:white;
	width: 500px;
	height: 200px;
	padding-left: 50px;
	padding-top: 9px;
	padding-right: 9px;
	height:auto;
}


#ExtraHeader{
	float:left;
	background-color:white;
	width: 283px;
	height: 100px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;

}

#ExtraHeader2{
	float:left;
	background-color:white;
	width: 283px;
	height: 100px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;

}


.subheadernb {
	width: 301px;
}

.subfloat {
	float: left;
	font-size:14px;
	background-color:white;
}

.poll{
	width:250px;
}

.btnshort{
	width: 187px;
	height: 27px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 30px;
	padding-top: 4px;
	background-image: url('../images/Permanent/AccountLogin.png');
	background-repeat: no-repeat;
	background-position-x:center
}

.btnlong{
	width: 259px;
	height: 27px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 30px;
	padding-top: 4px;
	background-image: url('../images/Permanent/btn_long.png');
	background-repeat: no-repeat;
	background-position-x:center
}


.btnlong a{
	color: #ffffff;
}

.btnshort a{
	color: #ffffff;
}


#dbases{
	float: left;
	width: 301px;
	padding-left: 3px;
	padding-right: 30px;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */



.eventsinfo
{
	overflow:auto;
	font-size:small;
	height:117px;
	width: 277px;
	padding:2px;
	margin-left:0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom:thin gray solid;
	border-left:thin gray solid;
	border-right:thin gray solid;
}

.eventsinfo #eventtitle
{
	top:0mm;
	width:200px;
	float:left;	/* Set float so eventtime DIV will appear to the right of event title */
}



/* Examples of controlling the link attributes
.eventsinfo #eventtitle a:link,a:visited
{
	color: #800000;
}
.eventsinfo #eventtitle a:hover
{
	color: blue;
	font-size:small;
}*/
.eventsinfo #eventtime
{
}

.eventsinfo #eventdescription
{
	clear: left; /* Set clear so the event description (if displayed) will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventsinfo #eventlocation
{
	clear: left; /* Set clear so the event location will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventsinfo #eventlibrary
{
	margin-bottom:5px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	font-weight:bold
}

a{text-decoration:none}

.divScrollBar
{
	overflow:auto;
	font-size:small;
	height:100px;
	width:175px;
	padding:0px;
	margin:0px;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#CCCCCC;
	scrollbar-shadow-color:#FFF;
	scrollbar-highlight-color:#FFF;
	scrollbar-face-color:#CCC;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#FFF;
	scrollbar-arrow-color:#000;
}
.newStyle1 {
	position: relative;
	top: auto;
	left: auto;
	float: left;
}

#AboutUsCornerPic{
    margin-top: -101px;
    margin-right: -10px;
    margin-bottom:-10px;
    position:relative;
    float:right;
    visibility:visible
}

#UsingYourLibraryCornerPic{
    margin-top: -87px;
    margin-left: 6px;
    position:relative;
    float:Left;
    visibility:visible
}

#RecommendedCornerPic{
    margin-top: -90px;
    margin-right: -25px;
    position:relative;
    float:right;
    visibility:visible
}

#ResearchCornerPicLeft{
	margin-top: -75px;
    position:relative;
    float:left;
    visibility:visible
}

#ResearchCornerPicRight{
	margin-top: -70px;
    margin-right: -25px;
    position:relative;
    float:right;
    visibility:visible
}

#WhatsHappeningCornerPic{
	margin-top: -75px;
    position:relative;
    float:left;
    visibility:visible
}

#GetInvolvedCornerPic{
	margin-top: -75px;
	margin-left: 10px;
    position:absolute;
    float:left;
    visibility:visible
}

#LocalInterestPic{
	margin-top: -75px;
	margin-right:-10px;
    position:relative;
    float:right;
    visibility:visible
}

#Calendars{
	position:relative;
	margin-top: 20px;
}

#Calendars a{
	font-size:12px;
}

#MainCalendar{
	position: absolute;
	width:150px;
	margin-left:10px;
}

#NorthCalendar{
	position: absolute;
	width:150px;
	margin-left: 243px;
}

#SouthCalendar{
	position: absolute;
	width:150px;
	margin-left:476px;
}

#MainBookDiscussion{
	position: absolute;
	float: left;
	margin-top:-65px;
	margin-left:210px;
}

.bookdiscussiontext{
	width:210px;
}

/*Sub-Sub Page Content*/

.subpageheader{
	padding-top:10px;
	float: left;
}

.subpageheaderChildren{
	padding-top:10px;
	float: left;
	margin-left:20px;
}


.subpagegraphic {
	float: right;
	margin-top:10px;
	margin-right: 10px;
	margin-left: 3px;
	margin-bottom: 3px;
	border:5px white ridge
}

#sp_MainContent {
	float:right;
	color: #000000;
	background-color: #FFFFFF;
	width: 680px;
	height: auto;
	font-size:medium;
	padding-left:10px;
	padding-right:10px;
}

#sp_MainContent a {
	font-size:16px
}


#sp_CustomMainContent {
	float:left;
	color: #000000;
	background-color: #FFFFFF;
	width: 700px;
	margin-top:-10px;
}

#sp_CustomResearchContent {
	float:left;
	color: #000000;
	background-color: #FFFFFF;
	width: 660px;
}


#FAQ{
	float:left;
	font-size:
}


#sp_left{
	position:relative;
	width:340px;
	float:left;
}

#sp_right{
	position: relative;
	width:340px;
	float:right;
}

#sp_center{
	position: relative;
	width:500px;
	float:left;
}

.sp_subpagefloaters{
	float: left;
	font-size:medium;
	margin-left:10px;
	margin-top:5px;
	width:285px;
}

.sp_subpagefloaters a{
	font-size:16px;
}

.sp_subheadercontentNOGradient {
	background-color:white;
	width: 283px;
	height: auto;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
}

.sp_subheadercontent {
	background-image: url('../images/Permanent/bg_subheadercontent.gif');
	background-repeat: repeat-y;
	width: 283px;
	height: 200px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
}

tr.d0 td {
	background-color: #FFFFFF; color: black;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom: 2px;
}
tr.d1 td {
	background-color: #eaeaea; color: black;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom: 2px;
}


#sp_leftMeetingRoom{
	position:relative;
	width:170px;
	float:left;
	text-align:center;
	font-size:12px;
}

#sp_middleMeetingRoom{
	position:relative;
	width:170px;
	float:left;
	text-align:center;
	font-size:12px;
}

#sp_rightMeetingRoom{
	position:relative;
	width:325px;
	float:right;
	padding:5px;
	font-size:14px;
}

#sp_rightMeetingRoom a{
	font-size:16px;
}

.meetingroomgraphic{
	border:5px white ridge
}

.recommendedgraphic{
	float: right;
	margin-top:10px;
	margin-right: 115px;
	margin-left: 3px;
	margin-bottom: 3px;
}

.recommendedchildrengraphic{
	float: right;
	margin-top:10px;
	margin-left: 0px;
	margin-bottom: 3px;
}

.recommendedgraphicYA{
	float: right;
	margin-top:10px;
	margin-right: 1px;
	margin-left: 3px;
	margin-bottom: 3px;
}


.storytimegraphic{
	float: right;
	margin-top:-20px;
	margin-bottom: 3px;
	margin-right:45px;
}

.computerclass{
	float: right;
	margin-top:25px;
	margin-bottom: 3px;
	margin-right:25px;
}


.foreignlanguagegraphic{
	float: right;
	margin-top:12px;
	margin-right: 53px;
	margin-bottom: 3px;
	}

.childrensgraphic{
	float: right;
	margin-top:-50px;
}

.employmentgraphic {
	float: right;
	margin-top:-20px;
	margin-right: 50px;
	margin-left: 3px;
	margin-bottom: 3px;
	border:5px white ridge
}


#BookJacket{
	margin-left:50px
}

#BookJacket a{
	font-size:12px;
}

#PowerGoogle{
	margin-left:100px;
	position:relative;
	margin-top:-140px;
}

#PowerGoogle2{
	margin-left:100px;
	position:relative;
	margin-top:-140px;
}