/* St.Joseph County Public Library - www.libraryforlife.org - © 2008 */

html, body, #topnav ul, #topnav li, #sidelinks ul, #contactcube ul, #archives ul, #overall-footer, #content ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }



  body {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  background: #afc2c9 url(../imgs/bg.jpg) repeat-x;
  margin: 0px;
  padding:0px;
  }



#sidelinks ul, #contactcube ul, #archives ul, #content ul {
	list-style-type: none;
  }

/* container formattings                                                                */
/*//////////////////////////////////////////////////////////////////////////////////////*/
#overall {
  width: 960px;
  background-color: #ffffff;
  margin: 0 auto;
  border-left: solid 6px #6699cc;
  border-right: solid 6px #6699cc;
  }
  
#head {
  width: 940px;
  height: 75px;
  
  }
  
#head #logo {
	float: left;
	padding: 0 0 0 5px;
  }

#head #mission {
	position: relative;
	float: right;
	text-align: right;
	padding-top: 10px;
	font-size: 20px;
    /* color: #6699cc;*/
	color: #333333;
    font-family: Arial, Helvetica, sans-serif;
  }

#head #mission a {
	text-decoration:none;
	color: #000000
  }
  
#head #mission a:hover {
  color: #00a55d;
  }

#departments {
	position:absolute;
	width: 200px;
	float: right;
	left: 420px;
	top: 183px;
	text-align: left;
	line-height: 20px;
	}
  

/* top navigation ///////////////////////////////////////////////////////////////////// */
#topnav {
  margin: 0 0 0 8px;
  }

#topnav a {
  display: block;
  float: left;
  color: #708491;
  font-size: 0.6em;
  line-height: 14px;
  font-weight: bold;
  padding: 8px 7px 6px 7px;
  text-decoration: none;
  border-bottom: 1px solid #9fb1bc;
  }
  


#topnav a:hover {
  color: #000000;
  background: url(../imgs/circle.gif) no-repeat bottom center;
  }


/* anylinks navigation //////////////////////////////////////////////////////////////// */
#anyline {
  width: 960px;
  height: 30px;
  background-color:#E6E6E6;
  border-top: solid 1px #999999;
  border-bottom: solid 8px #999999;
  }
  
#anyline #search {
	color: #000;
	float:right;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;
	position: relative;
	} 
	
#anyline #search #findtext {
	font-size:14px;
	}
	 
#anyline #sjcpl {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000;
	}


#anybgr {
  width: auto;
  height: 10px;
  }

/* homepage title ///////////////////////////////////////////////////////////////////// */
#title-shadow {
  position: absolute;
  top: 267px;
  left: 104px;
  width: auto;
  height: auto;
  color: #cacaca;
  font-family: Arial, Helvetica, sans-serif;
  font-size:51px;
  font-weight:bold;
  z-index: 6;
  }


#title {
  position:absolute;
  top:265px;
  left:102px;
  width:auto;
  height:auto;
  color: gray;
  font-family: arial, helvetica, sans-serif;
  font-size:51px;
  font-weight:bold;
  z-index:7;
  }


/* sidebar & text container /////////////////////////////////////////////////////////// */
#sidebar {
  float: left;
  width: 205px;
  /*border-right: 1px dotted #dcdcdc;*/
  }

/* left navigation //////////////////////////////////////////////////////////////////// */
#sidelinks {
  position: relative;
  left: -6px;
  width: 200px;
  padding-top: 5px;
  padding-left: 10px;
  }
  
#sidelinks #outer {
	width:225px;
	position: relative;
	margin-bottom: 10px;
	}

#sidelinks #outer #content {
	clear:left; 
	position:absolute; 
	margin-top: 10px;
	width:225px; 
	z-index:10;
    }

#sidelinks #menu {
	list-style-type:none;
	padding:0; 
	width:200px; 
	position:relative; 
	margin-top:25px; 
	margin-left:0; 
	margin-bottom: 10px;
	border:1px solid #fff; 
	border-width:0 1px 1px; 
	z-index:100;
	}

#sidelinks #menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	width:200px;
	margin-bottom: 10px;
	}


#sidelinks #menu li {
	float:left; 
	background: #CCCCCC;  /*background color of the dropdown menu */
	position:relative; 
	border-top:2px solid #fff;
	}

#sidelinks #menu li.sub {
	background:#b89c6c;
	}

#sidelinks #menu li.sub1 {
	background:#ab977e;
	}

 #sidelinks #menu li.sub2 {
	background:#909098;
	}

#sidelinks #menu li.sub3 {
	background:#778eb8;
	}

#sidelinks #menu li.sub4 {
	background:#6e92cc;
	}


#sidelinks #menu li {
	display:block; 
	color:#000; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	line-height:30px; 
	width:200px; 
	text-decoration:none;  
	cursor:pointer; 
	text-indent:10px;
	}

#sidelinks #menu li a {
	display:block; 
	color:#000; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	line-height:25px; 
	width:200px; 
	text-decoration:none;  
	cursor:pointer; 
	text-indent:10px;
	}

#sidelinks #menu ul,
#sidelinks #menu li.click ul ul,
#sidelinks #menu li.click ul li.hover ul ul {
	display:none; 
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
	
/*controls the color of the main link nav when rollovered or clicked - makes it white */
#sidelinks #menu li.hover {color:#fff; z-index:500;}
#sidelinks #menu li.click {color:#fff; margin-bottom:5px;}

#sidelinks #menu li.click ul {display:block;}

#sidelinks #menu li.click ul li.hover ul, 
#sidelinks #menu li.click ul li.hover ul li.hover ul {
	display:block;
	position:absolute; 
	left:110px; 
	top:-1px; 
	border:1px solid #fff; 
	border-width:0 1px 1px;
	}

#sidelinks #menu li.click ul li.fly {
	background: #CCCCCC;
	}

/*controls the color of the rollover color in the dropdown */
#sidelinks #menu li.click ul li.hover {background:#6e92cc; z-index: 500;}

/*controls the color of the fly out :: branches */ 
#sidelinks #menu li.click ul li.hover ul li {background:#FFF; border:thin; z-index:500;}

#sidelinks #menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#sidelinks #menu li.click ul li.hover ul li.fly {background: #c60; z-index:500;}

/*controls the color of the fly menu hover */
#sidelinks #menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#sidelinks #menu li.click ul li.hover ul li.hover a {color:#000;}

#sidelinks #menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0; z-index:500;}
#sidelinks #menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}



#sjcplsearch {
  clear: both;
  position: relative;
  left: -6px;
  width: 200px;
  padding-left: 10px;
  margin-top: 15px;
  }

#searchgreybox {
  width: 178px;
 /* padding: 15px 10px 15px 10px;*/
 	padding: 10px;
  border: 2px solid #6e92cc;
 /* -moz-border-radius: 15px 15px 15px 15px;
  -khtml-border-radius: 15px 15px 15px 15px;*/
  }

/* how do I box */

#howdoI {
  clear: both;
  position: relative;
  left: -6px;
  width: 200px;
  padding-left: 10px;
  margin-top: 15px;
  }
  
.title {
  display: inline;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  
  }
  
#greybox {
  width: 178px;
 /* padding: 15px 10px 15px 10px;*/
 	padding: 10px;
  border: 2px solid #6e92cc;
  background-color:#CCCCCC;
 /* -moz-border-radius: 15px 15px 15px 15px;
  -khtml-border-radius: 15px 15px 15px 15px;*/
  }


/* libraries matter box */

#librariesmatter {
	clear: both;
	position: relative;
	left: -6px;
	width: 200px;
	margin-bottom:5px;
	padding-left: 10px;
	padding-top: 15px;
	}
  

  
 
 /* my card info sidebar box /////////////////////////////////////////////////////////// */

#cardlinks {
  clear: both;
  position: relative;
  left: -6px;
  width: 200px;
  height: 105px;
  padding: 3px 0 0 5px;
  /*margin-bottom: 5px;
   border: 1px solid gray;
  background: url(../imgs/barcode.jpg) no-repeat center;*/
  }
  
#cardlinks #links {
	clear: both;
	position:relative;
	padding-top:3px;
	line-height: 19px;
	text-align: center;
	}
 
#hourslocs1 {
  clear: both;
  position: relative;
  left: -6px;
  width: 225px;
  padding: 10px 0 0 10px;
  } 
  
#hourslocs {
  clear: both;
  position: relative;
  left: -6px;
  width: 225px;
  padding: 10px 0 0 10px;
  }
  
#hourslocs table {
  clear: both;
  position: relative;
  font-size: 12px;
  }
  
#icons {
  position: relative;
  left: -6px;
  width: 200px;
  margin-top:25px;
  padding-left: 10px;
  /*padding: 20px 0 15px 10px;*/
  }
  
#icons img {
  border: 0;
  }
  
#icons .iconstitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	border-bottom: 1px dotted #6e92cc;
	}
	
#icons .icondivider {
	border-bottom: 1px dotted #6e92cc;
	width:200px;
	}

/*  this hack solves display problems in other than IE browsers to show the left 6px border */
#archives-hack {
  clear: both;
  position: relative;
  left: -6px;
  height: 34px;
  width: 200px;
	}


/* content container ////////////////////////////////////////////////////////////////// */
#content {
  width: 720px;
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 10px 0 25px 0;
  margin-left: 225px;
  position: relative;
  }
  
  
 
#content #pageupdated {
  width: 720px;
  margin-bottom: 10px;
  float: right;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  font-size: 10px;
  padding: 10px;
  position: relative;
  }
  
#content #urgent {
  width: 690px;
  margin-bottom: 5px;
  border: 3px solid #ff0033;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  }
  
#content #twitterwidget {
	width: 309px;
	position: relative;
	display:block;
	float: left;
	margin-bottom: 10px;
	z-index: 0;
	text-align:left;
	}

#content #srphomebanner {
	width: 400px;
	height: 400px;
	position: relative;
	display:block;
	float: right;
	margin-bottom: 10px;
	z-index: 0;
	background: url(../summerreading/imgs/2010/srp2010webbanner.jpg) no-repeat center;
	}

#content #srphomebanner #psa {
	width: 320px;
	height: 270px;
	position: relative;
	display:block;
	padding-top: 105px;
	padding-left: 50px;
	}

#content #rightcol {
	width: 400px;
	position: relative;
	display:block;
	float: right;
	margin-bottom: 10px;
	z-index: 0;
	}

#content #leftcol {
	width: 300px;
	position: relative;
	display:block;
	float: left;
	margin-bottom: 10px;
	z-index: 0;
	}

#content #specialevent {
	width: 400px;
	position: relative;
	display:block;
	float: right;
	margin-bottom: 10px;
	z-index: 0;
	}
	
#content #srpbanner {
	width: 400px;
	position: relative;
	display:block;
	float: right;
	margin-bottom: 10px;
	z-index: 0;
	}
	
	#content #pressrelease {
	width: 400px;
	position: relative;
	display:block;
	float: right;
	margin-bottom: 10px;
	z-index: 0;
	}

#content #features {
	width: 309px;
	position: relative;
	display:block;
	float: left;
	margin-bottom: 10px;
	z-index: 0;
	text-align:left;
	}

#content #features .featuresimages {
	margin-bottom: 10px;
	}


#content #features #featured {
	padding: 5px;
	border: 2px solid #6e92cc;
	background-color: #CCCCCC;
	margin-bottom: 10px;
	}

#content .featureimg {
	wdith: 75px;
	height: 75px;
	float: left;
	padding-right: 5px;
	}

#content #donatecountdown {
	width: 700px;
	position: relative;
	float: right;
	text-align: right;
	margin-bottom: 10px;
  }

#content #leightonawardcountdown {
	width: 400px;
	position: relative;
	margin-top: 75px;
	float: right;
	margin-bottom: 8px;
	text-align: center;
  }
  
#content #rightsidebarads {
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 8px;
  }
  
  #content #rightsidebarads .rightad {
	position: relative;
	float: right;
	margin-bottom: 8px;
  }
  
    
  #content #rightsidebarads .leftad {
	position: relative;
	float: left;
	margin-bottom: 8px;
  }
  
#content #summerreadingbookcount {
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
  }
  
#content #onebookheader {
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 10px;
  }


#content #webbanner {
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 10px;
	}

#content #leightonawardthermo {
	width: 400px;
	position: relative;
	margin-top: 60px;
	float: right;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
  }
  
#content #blog {
	width: 300px;
	position: relative;
	padding: 3px;
	float: left;
	border: 2px solid #6e92cc;
	margin-bottom: 5px;
	}
	
#content #overdrive {
	width: 300px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	}

#content #RSS1 {
	width: 300px;
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	}
  
 #content .morelinks{
  float:right; 
  color: gray;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  /* background: url(../imgs/headline.gif) no-repeat 0px 9px; */
  padding-left: 22px;
  }
  
#content #rightcolumn {
	display: block;
	position: relative;
	float: right;
	z-index: 0;
}

#content #RSS2 {
	width: 300px;
	position: absolute;
	float: right;
	margin-bottom: 25px;
	left: 362px;
	top: 248px;
  }
  
#content .hidden {
	display: none; 
	}
  
#content #eventcalendar {
	width: 300px;
	position: relative;
	float: left;
	border: 2px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 3px;
	background-color: #e8e8e8;
	/*margin-top: 60px;*/
	 }

#content #libraryworth {
	width: 400px;
	position: relative;
	float: right;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 25px;
	 }
  
#content #RSS3  h2 {
  display: inline;
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  /* background: url(imgs/headline.gif) no-repeat 0px 9px; */
  
  }

#content #onebook-small { /*this is on the homepage that displays a small version of the one book homepage */
	width: 400px;
	position: relative;
	margin-top: 60px;
	float: right;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
  }

#content #pictures { /*this is on the homepage that displays the flickr pictures from our events and programs */
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
  }
  
  
    #content #rocketboys { /*this is on the homepage that displays the flickr pictures from our events and programs */
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 10px;
	margin-top: 60px;
  }
  #content #facebook { /*this is on the homepage that displays the flickr pictures from our events and programs */
	width: 400px;
	position: relative;
	float: right;
	margin-bottom: 10px;
	margin-top: 60px;
  }
  
  #content #teennet { /*this is on the homepage that displays the flickr pictures from our events and programs */
	width: 309px;
	position: relative;
	
	float: left;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
  }
  
  
#content #featuretitle {
	line-height: 20px;
	border-bottom: dotted 1px gray;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#content #featuretext {
	font-size: 12px;
	line-height: 15px;
	padding: 5px;
	}
  
#content #RSS2 #featured {
	wdith: 250px;
	padding: 5px;
	border: 2px solid #6e92cc;
	background-color: #CCCCCC;
	margin-bottom: 10px;
	}
	


#content #researchtitle {
	line-height: 20px;
	border-bottom: dotted 1px gray;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	}

#content #researchtitle .backtotop {
	float: right;
	font-size: 12px;
}
	
#content #RSS4 {
	width: 260px;
	float: right;
	border: 1px solid #666666;
	padding: 10px;
	margin-bottom: 50px;
	margin-top: 10px;
  }
  
#content #RSS4  h2{
  display: inline; 
  color: gray;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding-left: 22px;
  }

#content h2 {
  display: inline; 
  color: #000;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  }

#content #breadcrumbs { 
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 5px;
  text-align: left;
  margin-top: 10px;
  }

#content #breadcrumbswimg { 
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  margin-left:250px;
  width:600px;
  margin-bottom: 5px;
  text-align: left;
  margin-top: 20px;
  }
  
#content #fontsize { 
  font-family: arial, helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 5px;
  text-align: right;
  float:right;
  width: 700px;
  }
  
#content #pagetitle {
  font-family: arial, helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  height: 25px;
  width: 700px;
  padding: 5px;
  text-align: right;
  border-bottom: dotted 1px;
  }
#content #pagetitle .monthimg {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	}
	
#content #databaselinks {
	float: left;
	text-align: left;
	padding-bottom: 10px;
	font-size: 14px;
	}
	
#content #calendarlinks {
	float: left;
	width: 700px;
	padding-bottom: 10px;
	font-size: 14px;
	}
  
#content #sublinks {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  height: 35px;
  width: 700px;
  padding: 5px;
  border-bottom: solid 1px;
  }  
 
 
/* One Book, One Michiana */

#content #onebook {
	background-image: url(../onebook/2010/imgs/oneBookBackground.jpg);
	}

#content #onebook #poster {
	float: right;
	width: 350px;
	margin-left: 10px;
	z-index: 1;
	}

#content #onebook #categories {
	float: left;
	width: 360px; 
	z-index: 1;
	
	}

#content #onebook #categories #buttons img {
	width: 325px;
	margin-left: 25px;
	margin-bottom: 5px;
	
}



  
/* Library Board layout divs */
#content #boardmtgs {
	width: 300px;
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#content #text {
	padding-left: 20px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#content #boardagendas {
	width: 300px;
	position: absolute;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 357px;
	top: 540px;
  }
  
  
#content #boardagendas img {
	float: right;
	padding: 5px;
	}
	
#content #boardpoliciesbig {
	width: 690px;
	position: absolute;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 0px;
	top: 350px;
  }
  
  #content #boardpoliciessmall {
	width: 300px;
	position: absolute;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 357px;
	top: 700px;
  }
	
/* Friends of the Library layout divs */
#content #friends {
	width: 300px;
	position: absolute;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 388px;
	top: 108px;
	height: 189px;
  }
  
#content #friends img {
	float: right;
	padding: 5px;
	}
 

/* SJCPL Locations layout divs */
#branchtitle {
  font-family: arial, helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  height: 30px;
  width: 640px;
  padding: 5px;
  text-align: right;
  border-bottom: dotted 1px;
  }

#content #footnote {
	font-family: arial, helvetica, sans-serif;
  	font-size: 12px;
  	line-height: 20px;
  }

#branchname {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	}  
	
#branchinfo #publicnotices {
	margin-top: 10px;
	font-size: 10px; 
	float: left;
	position:relative;
	line-height: 15px;
	width: 690px;
	}
 
#content #info {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 690px;
	margin-bottom: 25px;
	}
	
#content #summerreading {
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	width: 720px;
	color:#000;
	font-size:14px;
	height: 2000px;
	/*background: url(../summerreading/imgs/2011/background.jpg) no-repeat;*/
	}



#content #eventinfo {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 20px;
	width: 690px;
	margin-bottom: 25px;
	}
	
#content #eventinfo ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #branchinfo ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #branchinfo {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	width: 697px;
	margin-bottom: 10px;
	}
  
#content #branchinfo #branchphoto {
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom:10px;
	}

#content #branchinfo #topholds {
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom:10px;
	width: 690px;
	line-height: 18px;
	}
	
#content #branchinfo #topholds .imageright {
	position: relative;
	float: right;
	padding: 5px;
	
	}

#content #branchinfo #branchhours {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	float: right;
	}

#content #branchinfo #branchcontact {
	position: relative;
	float: left;
	width: 690px;
	}
	

	
#content #branchinfo #branchcontact ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #branchinfo #branchevents {
	position:relative;
	float: left;
	width: 690px;
	}

#content #servicecharges {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}

#content #servicecharges ul { 
	padding-left: 20px;
	list-style-type: circle;
	}
	
#content #contactthedirector {
	position: absolute;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 422px;
	left: 247px;
	height: 59px;
	line-height: 15px;
	}
	
#content #directorinfo {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom: 25px;
	}
	
#content #feecards {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}

#content #feecards ul { 
	padding-left: 20px;
	list-style-type: circle;
	}
	
#content #communityform {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	text-align:left;
	}

/* Local & Family History layout divs */
#content #localhistory {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px;
	margin-bottom: 25px;
	}

#content #localhistory #lhmenu {
	position: relative;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 425px;
	margin-bottom: 10px;
	}
	
#content #localhistory #lhmenu img {
	position: relative;
	float: left;
	width: 425px;
	margin-bottom: 10px;
	}


#content #localhistory #upcoming {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 425px;
	margin-bottom: 10px;
	}

#content #localhistory ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #localhistory #newsletters {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 10px;
		}
	
#content #localhistory #newsletters img {
	float: right;
	}
		
#content #localhistory #search {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 235px;
	margin-bottom: 10px;
	}
	
#content #localhistory #mailorder {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 235px;
	margin-bottom: 10px;
	}
	
#content #localhistory #collection {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 10px;
	}

#content #localhistory #websites {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 10px;
	}
	
#content #localhistory #websites img {
	float: left;
	padding-right: 10px;
	}
	
#content #localhistory #exhibits {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 680px;
	margin-bottom: 10px;
	}
		
#content #localhistory #exhibits .exhibiticon {
	float: right;
	padding-left: 15px;
	}
	
#content #localhistory #guides {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 425px;
	margin-bottom: 10px;
	}
	
#content #localhistory #lhdatabases {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 425px;
	margin-bottom: 10px;
	}

#content #localhistory #howtoguides {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 680px;
	margin-bottom: 10px;
	}

#content #localhistory #pastenewsletters {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 680px;
	margin-bottom: 10px;
	}
	
#content #localhistory #pastprograms {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 680px;
	margin-bottom: 10px;
	}


#content #localhistory #lhresources {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 680px;
	margin-bottom: 10px;
	}

	
#content #localhistory #databasepg {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 680px;
	margin-bottom: 10px;
	}

/* Magazines, Newspapers & Fiction */	
#content #mnf {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px;
	margin-bottom: 25px;
	}
	
#content #mnf ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #mnf #magazines {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 230px;
	margin-bottom: 10px;
	}
	
#content #mnf #magdatabases {
	position: relative;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding-top: 80px;
	width: 425px;
	margin-bottom: 10px;
	background: url(../reference/imgs/icons/researchicon.jpg) no-repeat;
	}
	
#content #mnf #readersadvisory {
	position: relative;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding-top: 80px;
	width: 425px;
	margin-bottom: 10px;
	background: url(../mnf/imgs/readersadvisory.jpg) no-repeat;
	}
	
#content #mnf #magdatabases #magdatabasestext {
	padding-left:20px;
	}
	
#content #mnf #newspapers {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 230px;
	margin-bottom: 10px;
	}

/* Reference */	
#content #ref {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px;
	margin-bottom: 25px;
	}
	
#content #ref ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #ref #refdatabases {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 425px;
	height:250px;
	margin-bottom: 15px;
	}
	
#content #ref #asksjcpl {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 230px;
	margin-bottom: 10px;
	}
	
#content #ref #otherresources {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 230px;
	margin-bottom: 10px;
	}
	
#content #ref #refask {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 425px;
	margin-bottom: 10px;
	}
	
#content #ref #tours {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 425px;
	margin-bottom: 15px;
	}

#content #ref #refclasses {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 425px;
	margin-bottom: 15px;
	}
	
#content #ref #delicious {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 225px;
	margin-bottom: 15px;
	}
	
#content #ref #subjectguides {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	width: 425px;
	margin-bottom: 15px;
		}
		
#content #ref #subjectguidessearch {	
	width: 350px;
	}
	
	#content #ref #featureddb {
	position:absolute;
	width:201px;
	left: 215px;
	top: 87px;
	}
		
#content #ref #subjectguidestxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 10px;
		}

/* Literacy and Outreach Services */	
#content #los {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px;
	margin-bottom: 25px;
	}

#content #los #upcoming {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}

#content #los #programs {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}
	
#content #los #services {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}

#content #los #homebound {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }

#content #los #tutoringdates {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }

#content #los #mathdates {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }

#content #los #blind {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#content #los #volunteer {
	position: absolute;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 25px;
	left: 438px;
	top: 540px;
	}

#content #tutoring {
	position: absolute;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 25px;
	left: 436px;
	top: -1px;
	}

#content #readmobile {
	position: absolute;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 25px;
	left: 435px;
	top: 541px;
	}

/* SJCPL Services */
#content #services {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 640px;
	margin-bottom: 25px;
	}

#content #services #communityinformation {
	position: relative;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}

#content #services #computers {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}
	
#content #services #literacyoutreach {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}
	
#content #services #progclassevents {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}

#content #services #researchhelp {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}

#content #services #conv {
	position: absolute;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 192px;
	margin-bottom: 25px;
	left: 441px;
	top: 0px;
	}

#content #services #dialastory {
	position: absolute;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 192px;
	margin-bottom: 25px;
	left: 443px;
	top: 660px;
	}
	
#content #services #museumpasses {
	position: absolute;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 192px;
	margin-bottom: 25px;
	left: 442px;
	top: 178px;
	}


#content #services .imgicon {
	padding: 10px;
	}

#content #services ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

/* Sights and Sounds */
#content #sightssounds {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px;
	margin-bottom: 25px;
	}

#content #sightssounds #mainly {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 425px;
	margin-bottom: 10px;
	}
	
	
#content #sightssounds #newDVDreleases {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 340px;
	height: 230px;
	margin-bottom: 10px;
	background: url(../sightssounds/imgs/dvdreleases.jpg) no-repeat;
	}

#content #sightssounds #newDVDreleases #dvdtext {
	padding-left: 30px;
	padding-top: 35px;
	}

#content #sightssounds #newCDreleases {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 340px;
	height: 325px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	background: url(../sightssounds/imgs/cdnewreleases.jpg) no-repeat;
	}
	
#content #sightssounds #newCDreleases #cdtext {
	padding-left: 30px;
	padding-top: 75px;
	}

#content #sightssounds #newstuff {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 465px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	}
	
#content #sightssounds #artprints {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 425px;
	margin-bottom: 25px;
	}

#content #sightssounds ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #sightssounds #sscollection {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 195px;
	margin-bottom: 15px;
	}
	
#content #sightssounds #sscollection img {
	float: right;
	}
		
#content #sightssounds #search {
	position: absolute;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 25px;
	left: 435px;
	top: 622px;
	}
	
#content #sightssounds #videogames {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 2px solid #33FF33;
	padding-top: 85px;
	padding-right: 20px;
	padding-left: 20px;
	width: 195px;
	margin-bottom: 25px;
	background: url(../sightssounds/imgs/gamecollection.jpg) no-repeat;
	}
	
#content #sightssounds #dvdcharges {
	position: relative;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 230px;
	padding-left:5px;
	margin-bottom: 25px;
	border: 1px solid #CCCCCC;
	}

#content #sightssounds #videogames img {
	float: right;
	padding: 5px;
	}
	
#content #sightssounds #videogames #videogameloanpolicies {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }

#content #sightssounds #ipod {
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 300px;
	margin-bottom: 10px;
	}
	
#content #sightssounds #ipod img {
	float: right;
	}
	
	
#content #sightssounds #ipod .imgheader {
	margin-bottom: 20px;
	}

#content #sightssounds #ipod #ipodloanpolicies {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#content #sightssounds #ipod #ipodreplacementfees {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
		
#content #sightssounds #exhibits .exhibiticon {
	float: right;
	padding-left: 15px;
	}
	

/* Donate to SJCPL - Leighton */
#content #donateheader {
  font-family: arial, helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding: 5px;
  text-align: right;
  border-bottom: dotted 1px;
  }

#content #leighton {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
  text-align: center;
  border-bottom: dotted 1px;
  }
  
#content #donate {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 640px;
	margin-bottom: 25px;
	}
	
#content #donate #publicart {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 400px;
	margin-bottom: 25px;
	}
	
#content #donate #sponsor {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 400px;
	margin-bottom: 25px;
	}

#content #donate #tribute {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 400px;
	margin-bottom: 25px;
	}

#content #donate #stats {
	position: absolute;
	float: right;
	width: 205px;
	margin-bottom: 25px;
	left: 480px;
	top: 144px;
	height: 716px;
	}
	
#content #donate #donateonline {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 205px;
	margin-bottom: 25px;
	top: 2px;
	left: 477px;
	height: 135px;
	}

#content #donate #donateimg {
	padding-bottom: 5px;
	border: 0px;
	}

#content #donate ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

/* volunteer page */	
#content #volunteer {
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 640px;
	margin-bottom: 25px;
	}
	
#content #volunteer ul { 
	padding-left: 20px;
	list-style-type: circle;
	}

#content #volunteer #volunteerinfo {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}

#content #volunteer #currentvolunteerpositions {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}

/* Pearl's Picks */
#content #pearlspicks {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 640px;
	margin-bottom: 25px;
	}

/*Databases */
#content #databases ul { 
	padding-left: 20px;
	list-style-type: circle;
	}
	
#content #databases .description { 
	height:80px;
	padding-bottom: 10px;
	}
	
#content #databases #subjectguides {	
	position:relative;
	float: left; 
	width: 450px;
	margin-bottom: 25px;
	}
	
#content #databases #subjectguides form {
	float:right;
}

#content #databases .imgicon {	
	padding-right: 25px; 
	padding-bottom: 15px;
	margin-bottom:15px;
	}

#content #databases {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 690px;
	margin-bottom: 25px;
	}

#content #ask {
	width: 350px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#content #meebo {
	width: 250px;
	position: relative;
	float: left;
	margin-left:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	

/* Kids layout divs */
#content #kids {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 640px;
	margin-bottom: 25px;
	}

#content #tumblebooks {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 640px;
	margin-bottom: 25px;
	text-align: center;
	}
	
#content #kids #upcoming {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	height: 400px;
	}

#content #kids ul { 
	padding-left: 20px;
	list-style-type: circle;
	line-height: 20px;
	}

#content #kids #toys {
	position: absolute;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 15px;
	left: 435px;
	top: 714px;
	}
	
#content #kids #newsletters img {
	float: right;
	}
		
#content #kids #mocknewbery {
	position: absolute;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 25px;
	left: 435px;
	top: 294px;
	}
	
#content #kids #progevents {
	position: absolute;
	float: right;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 205px;
	margin-bottom: 25px;
	left: 434px;
	top: 0px;
	}

#content #kids #stories {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}
	
#content #kids #aroundmichiana {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}
#content #summerreading #footer {
	position: absolute;
	width: 720px;
}
		
#content #kids #stories .storiesicon {
	float: right;
	padding-left: 15px;
	}
	
#content #kids #parentsTeachers {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}
	
#content #kids #booklists {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}
	
#content #kids #games {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 375px;
	margin-bottom: 25px;
	}

#content #kids #howtoguides {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}


#content #kids #lhresources {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}

	
#content #kids #databasepg {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 640px;
	margin-bottom: 25px;
	}
	
/* footer lines ///////////////////////////////////////////////////////////////////// */
#overall-footer {
  clear: both;
  height: 125px;
  background: url(../imgs/fbgr.jpg) repeat-x top left; 
  }

#footer {
  width: 940px;
  height: 125px;
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  padding: 12px 0 0 0;
  margin-left: 50px;
  /*border-left: solid 6px gray;*/
  }

#footer #copyright {
  float: left;
  }
  
#footer #footerlinks {
  margin-left: 325px;
  }

#footer a {
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none;
  }

#footer a:hover {
  color: #00a55d;
  }


#content #srpheading {
	position: absolute;
	height: 133px;
	width: 720px;	
}
#content #srpheadingsection {
	position: absolute;
	height: 250px;
	width: 720px;
	background-image: url(../summerreading/imgs/2011/srpheading.png);
	background-repeat: no-repeat;
	left: 2px;
	top: 114px;
}
#content #summerreading #srpevents {
	position: absolute;
	width: 350px;
	left: 15px;
	top: 616px;
	height: 463px;
}

#content #summerreading #srpevents #rssfeed {
	position: absolute;
	width: 313px;
	left: 1px;
	top: 112px;
	height: 360px;
	overflow: scroll;
}
#content #summerreading #srpfilmseries {
	position: absolute;
	height: 197px;
	width: 353px;
	left: 14px;
	top: 1116px;
}


#content #summerreading #adultsandteens {
	position: absolute;
	height: 390px;
	width: 302px;
	left: 404px;
	top: 392px;
}

#content #summerreading #srpinstructions {
	position: absolute;
	width: 305px;
	left: 407px;
	top: 798px;
	height: 527px;
}
#content #summerreading #srpsignup {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	position: absolute;
	height: 250px;
	width: 355px;
	left: 12px;
	top: 358px;
	background-image: url(../summerreading/imgs/2011/srpsignupbox.png);
}
#content #summerreading #srpsignup .srpsignuptext {
	position: absolute;
	height: 107px;
	width: 201px;
	left: 129px;
	top: 67px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	font-variant: normal;
	text-align: center;
	display: block;
}
#content #summerreading #sponsors {
	position: absolute;
	height: 159px;
	width: 720px;
	left: -2px;
	top: 1726px;
}

#content #summerreading #srpsignup .srpsignuptext a {
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	font-variant: normal;
	text-align: center;	
	text-decoration: none;
}

#content #summerreading #srpsignup .srpsignuptext a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color:#FC3;
	font-style: italic;
}

#content #summerreading #srpnav {
	position: absolute;
	height: 75px;
	width: 720px;
	left: 1px;
	top: 366px;
}
#content #summerreading #srpfooter {
	position: absolute;
	height: 420px;
	width: 720px;
	left: -2px;
	top: 1314px;
}


#kids #srpsignup {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	position: absolute;
	height: 250px;
	width: 355px;
	left: 37px;
	top: 146px;
	background-image: url(../summerreading/imgs/2011/srpsignupbox.png);
}
#kids #srpsignup .srpsignuptext {
	position: absolute;
	height: 107px;
	width: 201px;
	left: 129px;
	top: 67px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	font-variant: normal;
	text-align: center;
	display: block;
}


#kids #srpsignup .srpsignuptext a {
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	font-variant: normal;
	text-align: center;	
	text-decoration: none;
}

#kids #srpsignup .srpsignuptext a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color:#FC3;
	font-style: italic;
}