/* CSS Document code from html goodies.com*/

/*Layout code --------------------------------------------------------------------*/
/*From HTMLGoodies.com.  http://www.htmlgoodies.com/beyond/css/article.php/11160_3642151_1*/
  	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		/*background:#E2DAC7;*/
		background: url(../Images/BackgroundMain.gif) top repeat-x;
		margin-top:0px;
		margin-bottom:10px;
		float:none;
		border:0px solid #ccc;
	}
  	#wrapper {
		width:900px;
		margin:0px auto;
		border:1px solid #ccc;
		padding:0px;
		padding-left:0px;
		background: #FFFFFF;

	}	
	#header {
		/*border:1px solid #bbb;
		border-bottom:0px;*/
		height:100px;
		padding:10px;
		background:url(../Images/CircMuralWithPPLBR.jpg);
		background-image: url(../Images/BackgroundMain.gif) top repeat-x;
		/*background-color:#b8aa8c;*/
		width:880px;
	}
	/*Adding a visual break between the two navigation bars*/
	#spacer {
		padding: 10px;
		width:878px;
		float:left;
		/*display:inline;*/
	}
	
	#bread{
		width:878px;
	}
	
	#topnavigation {

		/*width:878px;*/
		/*margin-top:10px;*/
		margin-top: 0px;
		width:898px;
		padding:0px;
	}
	
	#content {
		/*margin-top:0px;*/
		margin-top:0px;
		padding-bottom:10px;
		
	}
	#content div {
		/*padding:10px;*/
		/*border:1px solid #bbb;*/
		float:left;
	}
	#content-left {
		width:154px;
	}
	#content-main {
		margin-left:10px;
		width:500px;
		border-right:0px solid #ccc;
	}
	#content-right {
		margin-left:0px;
		padding-left:10px;
		padding-right:9px;
		width:194px;
		
	}
	#footer {
		float:left;
		margin-top:10px;
		margin-bottom:0px;
		padding:10px;
		border-top:1px solid #ccc;
		width:878px;
		height:10px;
	}
	#bottom {
		clear:both;
		text-align:right;
	}
	/*End of Layout code ----------------------------------------------------------------*/
	
	/*Design Code -----------------------------------------------------------------------*/
	
	/*changing look of active page so users know what page they are on*/
	body#home a#homenav {
		background: url(../Images/NavGradDouble.gif) top repeat-x;
		float: left;
		color:#333333;
	}
	body#libraryservices a#lsnav,
	body#computers a#computersnav,
	body#howdoi a#howdoinav,
	body#bconecard a#bconecardnav,
	body#borrowing a#borrowingnav,
	body#card a#cardnav,
	body#case a#casenav,
	body#homebound a#homeboundnav,
	body#infodesk a#infodesknav,
	body#loans a#loansnav,
	body#database a#databasenav,
	body#ltogo a#ltogonav,
	body#microfiche a#microfichenav,
	body#pandp a#pandpnav,
	body#scoll a#scollnav,
	body#prog a#prognav,
	body#adultprog a#adultprognav,
	body#childprog a#childprognav,
	body#rr a#rrnav,
	body#ir a#irnav,
	body#localinfo a#localinfonav,
	body#support a#supportnav,
	body#bags a#bagsnav,
	body#donations a#donationsnav,
	body#lfund a#lfundnav,
	body#volunteer a#volunteernav, 
	body#about a#aboutnav,
	body#annual a#annualnav,
	body#board a#boardnav,
	body#hours a#hoursnav,
	body#libhistory a#libhistorynav,
	body#mural a#muralnav,
	body#contact a#contactnav,
	body#si a#sinav {
		background:#BEDCFA;
		color:#333333;
		text-decoration:none;
	}
	
	/*Top Navigation --------------------------------------------------------------------*/
	/*code being used http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml*/
	#topnavigation{
		border-right:0px solid #ccc;
		border-left:0px solid #ccc;
	}
	#topnavigation ul{
		list-style:none;
		padding:0px;
		margin:0px;
	}
	
	#topnavigation li
	{
		float: left;
		margin: 0 0.15em;
		font-size:12px;
		display: inline; 
	}
	
	#topnavigation li a
	{
		height: 2em;
		line-height: 2em;
		float: left;
		padding-left:15px;
		padding-right:15px;
		/*to have made all tabs uniform width, I could specify in here*/
		border-left: 0.1em solid #dcdce9;
		border-right: 0.1em solid #dcdce9;
		color: #0d2474;
		text-decoration: none;
		text-align: center;
		text-transform:uppercase;
	}
	
	#topnavigation li a:hover
	{
		/*background:#BEDCFA;*/
		background: url(../Images/NavGradDouble.gif) top repeat-x;
		float: left;
		border-left: 0.1em solid #dcdce9;
		border-right: 0.1em solid #dcdce9;
		color: #0d2474;
		text-decoration: none;
		text-align: center;
	}
	
	/*Didn't do anything
		#topnavigation li a:active
	{
		background:#BEDCFA;
		float: left;
		border-left: 0.1em solid #dcdce9;
		border-right: 0.1em solid #dcdce9;
		color: #0d2474;
		text-decoration: none;
		text-align: center;
	}*/
	
/*	#topnavigation li a:visited
	{
	}*/
	
	/* Hide from IE5-Mac \*/
	#topnavigation li a
	{
	float: none
	}
	/* End hide */

	/*End of top navigation ----------------------------------------------*/
	
	/*Spacer Properties --------------------------------------------------*/
	#spacer {
		text-align: center;
		font-size:11px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	
	/* End of Spacer Prperties -------------------------------------------*/
	
	
	/*Breadcrumb trail properties ----------------------------------------*/
	/*http://alistapart.com/articles/taminglists/*/
	#bread {
	float: left;
		margin-bottom: 0px;
		color: #333333;
		background-color: #fff;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		font-size:12px;
		padding: 5px 10px 5px 10px;
	}
	
	#bread ul {
		margin: 0;
		padding: 0;
		list-style:none;
		margin-left: 0;
		display: inline;
		border: none;
	} 
	
	#bread li {
		margin-left: 0;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;	
	} 
	
	#bread li a{
		color: #999999;
	}
	
	#bread li a:hover {
		color: #999999;
	}
	
	#bread li a:active {
		color: #999999;
	}
	
	/*--------------------------------------------------------------------*/
	
	/*Left menu navigation -----------------------------------------------*/
	/*Code from: http://www.alistapart.com/articles/horizdropdowns
		check out this site if hack stops working*/
	#content-left ul{
		list-style:none;
		padding:0px;
		margin:0px;
		width: 152px;
		border: 1px solid #ccc;
		border-top:0px;
		border-left:0px;
	}
	
	#content-left ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		border:0px;
		color: #0d2474;
	}
	
	#content-left ul li a{
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	color: #0d2474;
	font-size:14px;
	text-transform:none;
	height: 1%;
	}
	
	/*prevents double border for being added on nested list*/
	#content-left ul li ul{
	border-bottom:0px;
	border-left:0px;
	border-right:0px;

	}

	#content-left ul li ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #D9E9FD;
	padding: 5px;
	border: 1px solid #ccc;
	border-left:0;
	border-bottom:0px;
	border-right:0px;
	padding-left: 20px;
	text-transform:none;
	font-size:12px;
	}
	
	#content-left ul li ul a:active{
		background:#BEDCFA;
		color:#0A4792;
		text-decoration:none;
	}
	
	#content-left ul li a:hover{
		background:#BEDCFA;
		color:#0A4792;
		text-decoration:none;
	}
	
	
	/*This fix does condense the sublist but messes up the lists on the rest of the page*/
	/*condenses menu so there is no space between list elements vertically
	/* Fix IE. Hide from IE Mac \*/
/*	* html ul li { float: left; }
	* html ul li a { height: 1%; }*/
	/* End */

	/*End of left menu navigation ----------------------------------------*/
	
	/*Main center content ------------------------------------------------*/
	#content-main{
		padding:10px;
		
	}
	#content-main h1{
		font-size:18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		color: #333333;
		margin-bottom:0px;
	}
	
	#content-main h2{
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		color:#333333;
	}
	
	#content-main h3{
		font-size:14px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		color:#333333;
	}
	
	#content-main h4{
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		color:#333333;
	}
	
	#content-main h5{
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		color:#333333;
	}
	
	/*span class for holiday title within paragraph*/
	#content-main .holidayheading{
		font-size:16px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		text-align:center;
		color: #811D1D;
	}
	
	#content-main h4.summer{
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		color:#333333;
		background-image:url(../Images/SummerHours.jpg);
	}
	
	#content-main h4.winter{
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		color:#333333;
		background-image:url(../Images/WinterHours.jpg);
	}
/*----------------------------------------------------------------------*/
	/*div for news articles in content-main*/
	#main-news {
		border-top:0px dashed #999999;
		border-bottom:0px dashed #999999;
		padding-top:15px;
		padding-bottom:15px;
		margin-bottom:0px;
		margin-top:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		width:480px;
		line-height:20px;
	}
	/*paragraph container for articles in main-news div*/
	#main-news .item{
		border-top:1px dashed #999999;
		padding:10px 0px 10px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		width:478px;
		line-height:20px;
	}
	
	#main-news .item a{
		text-decoration: underline;
		color: #0A4792;
	}
	
	#main-news .item a:hover{
		color: #aa3300;
	}
	
	#main-news img.leftwithpadding{
		padding-right: 5px;
		padding-left: 5px;
		border:0 none;
		float:left;
	}
	
	#main-news img.rightwithpadding{
		padding-right: 5px;
		padding-left: 5px;
		border:0 none;
		float:right;
	}
	
	#main-news img.centerwithpadding{
		padding:5px 0px 5px 0px;
		border:0 none;
	}
	
	#main-news .holidays {
		border:1px solid #663366;
		padding-top:15px;
		padding-bottom:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		width:489px;
		line-height:20px;
		text-align:center;
		margin-bottom:10px;
	}
	
	#main-news .BCOneCard{
		line-height:25px;
		font-size:18px;
	}
	
	#main-news .box {
		border:1px solid #663366;
		padding:5px;
		width:480px;
		line-height:20px;
		margin-bottom:10px;
	}
	
	#main-news .welcomebox {
		border:1px solid #663366;
		padding:5px;
		width:480px;
		line-height:20px;
		margin-bottom:10px;
		font-size:13px;
	}
	

	#main-news .childrens-box{
		border:2px solid #6666CC;
		width:480px;
		float:left;
		padding:5px;
		margin-bottom:10px;
		line-height:15px;
	}
	
	
	/*floating columns to contain 2 columns of lists*/
  #main-news .floater{
  	float:left;
	width:230px;
	margin-top:15px;
	padding-left: 7px;
  }
  /*for headers between lists*/
  #main-news .headers{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:0px;
	padding-left:15px;
  }
  
  /*---------------------------------*/
	/*Code for two column list----------------------------------------------*/
	#main-news ul.left {
    float: left;
    width: 210px; 
    margin-top:0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-type: disc;
	margin-left:15px;
	padding-left:15px;
    position: relative;
    left: 5px;
	line-height:20px;
  }

  #main-news ul.right {
    float: left;
    width: 210px; 
	margin-top:0px;
    margin-left:15px;
    padding: 15px 0px;
    border: 0px none; 
	padding-left:15px;
    list-style-type: disc;
	line-height:20px;
  }
  
  /*Code for Site Index two column list----------------------------------------------*/
	#main-news ul.siteindexleft {
    float: left;
    width: 210px; 
    margin-top:0px;
	padding-bottom:0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-type: disc;
	margin-left:15px;
	padding-left:15px;
    position: relative;
    left: 5px;
  }
  	#main-news ul.siteindexleft li {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
    list-style-type: disc;

  
  }

  #main-news ul.siteindexright {
    float: right;
    width: 210px; 
	margin-top:0px;
    margin-left:15px;
    padding: 15px 0px;
    border: 0px none; 
	padding-left:15px;
    list-style-type: disc;
	line-height:20px;
  }
  /*----------------------------------------------------------------------------------------*/
  #main-news .leftheader {
    float: left;
    width: 200px; 
    margin-top:0px;
	margin-bottom:10px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-type: none;
	margin-left:15px;
	padding-left:15px;
    position: relative;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
  }
    
  #main-news ul.rightheader {
    float: right;
    width: 200px; 
    margin-top:0px;
	margin-bottom:10px;
    padding: 15px 0px;
    border: 0px none; 
    margin-left:15px;
	padding-left:15px;
    list-style-type: none;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
  }
	
	 /*Code to float an image to the left of text */
	.floatleft {
		float:left;
		margin-right:10px;
	}
	
	/*End of content navigation --------------------------------------------*/
	
	/* Right menu content --------------------------------------------------*/
	#content-right {
		background-color: #FFFFFF;
		border:1px solid #bbb;
		border-top:0px;
		border-right:0px;
	}
	
	#content-right a{
		text-decoration: underline;
		color: #0A4792;
	}
	
	#content-right a:hover{
		color: #aa3300;
	}
	
	#content-right h1{
		font-size:14px;
		text-align:center;
		color: #aa3300;
	}
	
	#content-right h2{
		font-size:14px;
		text-align:left;
		color: #aa3300;
		margin-bottom:10px;
		text-align:center;
	}
	
	/*Used for hours title*/
	#content-right .hours{
		font-size:14px;
		text-align:center;
		color: #aa3300;
		font-weight:bold;
	}
	/*Used for content in the content-right*/
	#content-right .nav-box{
		border-top:1px solid #ccc;
		padding-top:10px;
		padding-bottom:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		width : 192px;
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
	}
	/*Used for wheel chair accessible box*/
	#content-right .accessible{
		margin-top:0px;
		margin-bottom:5px;
		border-top:1px solid #ccc;
		padding:15px 5px 15px 40px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		width : 150px;
		text-align:center;
		background-image:	url(../Images/WA.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	/*Code for two column list----------------------------------------------*/
	#content-right ul.left{
    float: left;
    width: 87px; 
    margin:0px;
    padding: 5px 0px;
    border: 0px none; 
    list-style-type: none;
	margin-left:0px;
	line-height:15px;
	font-size:10px;
  }
  
  #content-right ul.right{
    float: right;
    width: 90px; 
    margin:0px;
    padding: 5px 0px;
    border: 0px none; 
    margin-left:0px;
	line-height:15px;
    list-style-type: none;
	font-size:10px;
  }
  
	#content-right .sunday{
  	text-align:center; 
    margin:0px;
    padding: 0px 0px 5px 0px;
    border: 0px none; 
	line-height:15px;
    list-style-type: none;
	font-size:10px;
	/*border-bottom:1px solid #ccc;*/
  }
 
	/* End of right menu content styling -----------------------------------*/ 
	
	
	/*Footer bar -----------------------------------------------------------*/
	#footer {
		font-size:9px;
		text-align:center;
	}
	#footer a{
		color: #777;
	}
	/*End of footer bar code -----------------------------------------------*/
	
	/*code to get all three columns to appear same height*/
	#wrapper{
	overflow:hidden;
	}
	
	content-left,content-right,content-main{
		padding-bottom:25000px;
		margin-bottom:-25000px;
	
	}