/* CSS Document */
html {margin: 0; padding: 0;}
body {
	font: 14px Veranda, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #29A640;
	color: white;
	background-image: url(../images/flower.gif);
	background-repeat:no-repeat;
}
h1 {font-size: 2em; text-transform: lowercase; letter-spacing: 3px;
margin: 1em; padding:0;}
h3 {
	position:relative;
	font-size: 1.75em;
	margin:0 5em .5em 10px;
	padding:0;
	letter-spacing: 0.35em;
	font-family: garamond;
	color:#FFFFFF;
	text-decoration:underline;
	
}
h4 {
	position:relative;
	font-size: 1.05em;
	margin:.5em 0 1em 0;
	padding:0;
	letter-spacing: 0.25em;
	font-weight:100;
	color: #FFFFFF;
	font-variant: small-caps;
	text-decoration: underline;
	line-height: 1.5em;
}
a {text-decoration:none;
 color:#900;
 font-weight: 600;}
a:hover {
 background: #ccc;
}

a:link {color:#550055;}
a:visited {color:#000055;} 
p {
 color:#FFFFFF;
  margin-left: 1em;
  margin-right: 5em;
  line-height: 1.66em;
  word-spacing: .25em;}
#opl{
z-index:1;
width:85%;
position:absolute;
 margin: 0 0 0 15%;
 color:#003;
 background-color:#7A0972;
 margin-top:4.1em;
 margin-bottom:3em;}
 #opl img{
 margin: 0 0 0 1em;
 background-color:#7A0972;
 }
#opl h1{
  letter-spacing:.35em;
  font-size: 2em;
 font-family:"Times New Roman";
}
#quote {
font-size: small;
position:relative;
z-index:50;
border:1px solid #000;
  line-height: 1.25em;
float:right;
 right:1em;
  width:30%;
  font-family: Arial, "Times New Roman", Times, sans-serif;
  border-left: 1px solid #000;
 padding: 0 .5em;
 color:#fff;
background-image: url(../images/quoteback.gif);
background-repeat:repeat;
margin-bottom: 1em;
}
#quote h4 {
z-index:100;
  margin-top: .5em;
 padding-left: .5em; 
border-bottom: 2px solid black;
 font-family:courier;
 font-size:1.3em;
 font-weight: 100;
 color: #fff;
 background: #A4258E;
letter-spacing: 1.4em;}
#quote img {float:right;
 margin-left:1em;
 margin-bottom:1em;
 margin-top:.25em;
} 

#links #online {font-size: 1.1em;
		font-weight:700;
		background:#9c2a94;
		color:#FFFFFF;}
#links #online:hover { background:#af4fa6;}

#links {
position:relative;
 margin: 5em 1em 1em .5em;
 float:right;
 top: 1em;
 width: 13%;
 border: 4px solid #000;
 border-bottom: 5px solid #000;
 border-color: #969 #424 #424 #969;
}
#date {
position:absolute;
top: 1px;
left: 1px;
width: 130px;

}
#date h4 {
 color:#0000FF;
padding: 2px;
 text-align: center;
  font-size: 1.25em;
  font-weight:bolder;
 margin:0;
  }


#links a {
 background:#7A0972;
 color:#FFFFFF;
 font: 11px arial;
 display:block;
 line-height:1.5em;
 border-top: 1px solid #003;
 text-decoration: none;
 text-align: center;
 }
#links a:hover {background: #A4258E;
 border-bottom: 0px;
border-left: 0px;
border-right:0px;}
#links a:active {
border-left: 2px solid #222;
border-top: 2px solid #222;
  background: #8B1A83;
 color:#acf;
}
#links a:visited {color:#ccc;}

  
#content {
margin: 2em 2em 0 10px;
position:relative;
color:#CCCCCC;
clear:right;
}

img#newbooks {
	float:right;
	margin: 1em;
	border: 1px solid #ccc;
	position: relative;	
	}

img#nonfic {
	float:left;
	margin: 1em;
	border: 1px solid #ccc;
	position: relative;	
}

img#genroom {
	float:right;
	margin: 1em;
	border: 1px solid #ccc;
	position: relative;
		}
.head {
text-decoration:none;
font-variant:normal;
}

#all {
position:relative;
display:block;
}

#climb img {float:left; clear:left;
margin: 0 15px 0 0;}

#bird img {float:left; clear:left;
margin: 0 15px 0 0;}

#boat img {float:left; clear:left;}

#storysaying object{
position:relative;
float:right;
}

#storytime {
margin: 1em 5em 2em 1em;
color: #FFFF00;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
}



.floatleft {
	float:left; clear:left;
	margin: 0 15px 0 0; }
	
table { color:#FFFFFF;}

#quote table.joke {width: 100%;
	background-color:transparent;
	border:0;}
#quote table.joke td {
	padding: 0 0 0 0;
	font-size: 13px;}

.footer {
	font-family:Verdana,sans-serif;
	font-size: .8em;
	margin-top: 5em;
	margin-bottom: 2em;}
	
li {margin: 1em 0 1em 1em;}

#winner {float:left; clear:left;
	width:200px;
	border: 3px solid #69f660;
	background-color:#a4258e;
	color:#000;
	margin: 1em;
	}
#winner img {
	margin: 6px 25px;
	width:150px;
	border: 1px solid #FFF;}
#winner p {border-top: 2px #FFF;
	line-height: 1.3em;
	color:FFF;
	margin: 6px 10px;
	text-align:center;
	font-family: georgia, sans-serif;
}

#summerread {
	color:#FFF;
	width:575px;
	margin: 0 1em 2em 0;
	}

#summerread img {
	width:500px;
	margin:3em 0 1em 5px;
	border:0;
	display:block;
	}
	
#summerread em {
	font-weight:bold;
	}
	
#summerread ol {
	
	}
	
#summerread li {
	margin: 1em 0;
	line-height:1.5em;
	}
	
#sponsorthanks {
	font-size: .9em;
	}
	
#summerread dt {
	font-size: 1.1em;
	font-variant:small-caps;
	margin: 1em;
	}
	
#summerread dd {
	line-height: 1.5em;
	}
	
#summerread dl h4 {
	margin-left: 3em;
	}
	
#summerread table {
	margin:1em 0 1em 0;
	padding:0;
	width:590px;
	border: 1px solid white;
	border-collapse:collapse;
	}
	
#summerread table td {
	border: 1px solid white;
	padding: 10px 5px;
	}
	
#summerread h4 {
	color:#fff;
	font-size:1.05em;
	}