/* basic set up, including body tags and general link information*/
body { 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px; 
background: #FFFFFF; 
color: #000; 
} 

A:visited {
color:#0000FF;
}

body h3 {
font-size: 16px;
}

body h2 {
font-size: 20px;
}

body h1 {
font-size: 26px;
}

body h4 {
font-size: 13px;
}

body h5{
font-size: 11px;
}

body h6 {
font-size: 9px;
}


/*Div tags and their styles*/
#wrapper {
width: 960px;
  margin: 0px auto; 
  text-align: left; 
  background: #FFFFFF;
}

#content {

padding:30px;
margin-right:215px;
margin-left:215px;
background: #FFFFFF; 
color: #000; 
}


#footer {
clear: both;
  text-align: center; 
  background: #FFFFFF;
}
#header {
float: center;
background: #FFFFFF;
padding: 2px
}

/*Div tags for basic layout pages*/
#sidenavtable{
clear: both;
width: 250px;
float:left;
padding: 5px;
margin: 10px;
}

#centerinfotable{
	
	float:right;
	width: 63%;
	clear: right;
	padding: 5px;
	margin-top: 18px;
	margin-left:5px;
	margin-right: 50px;
	margin-bottom: 5px;

}


/*Div tags for basic picture layout pages*/
#leftfloatpic {
clear:both;
width:400px;
float: left;
padding: 5px;
margin: 10px;
}

#rightfloatslideshow{
width:650px;
float: right;
padding-top: 5px;
padding-bottom:5px;
padding-left: 5px;
padding-right:5px;
margin: 0px;
}


#rightfloatslideshow img {
border: none;
}


#onlineresourcesmaintitle {
background-image:url('images/Backgrounds/onlineresourcesglass.jpg');
background-repeat:no-repeat;
padding: 1px;
}

#onlineresourcesmaintitle h1 {
font-size:100px;
font-family:cursive;
text-align:center;
}

#rightfloatonlineresources{
width:650px;
float: right;
padding-top: -50px;
padding-bottom:5px;
padding-left: 5px;
padding-right:5px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: -50px;
}

#rightfloatonlineresources p{
font-size: 14px;
}

#rightfloatonlineresources img {
border: none;
}

#rightfloatliteracy{
width:625px;
float: right;
padding-top: 0px;
padding-bottom:5px;
padding-left: 5px;
padding-right:5px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
}

#rightfloatliteracy p{
font-size: 14px;
}

#rightfloatliteracy h2{
color: #0000FF;
text-align: center;
}

#rightfloatliteracy img {
border: none;
}

#rightfloatliteracy h1 {
font-size: 30px;
text-align:center;
}

#topfloatliteracy h1 {
font-family: cursive;
font-size: 55px;
text-align:center;
color:#0000FF;
}

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

#topfloatliteracy {
margin-left: -30px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px;
}



#rightfloatinfo {
float:right;
width: 430px;
clear: right;
padding: 5px;
margin-top: 18px;
margin-left:5px;
margin-right: 50px;
margin-bottom: 5px;
	}
	

#centerbottominfo{
clear:both;
margin-top:20px;
margin-left: 10px;
margin-right:10px;
padding-top: 10px;
padding-left: 50px;
padding-right:50px;
}



#centertopinfo{
clear:both;
margin-top:20px;
margin-left: 50px;
margin-right:50px;
padding-top: 10px;
padding-left: 50px;
padding-right:50px;
text-align:center;
}

#nclivesearch {
background-color: #EEEEEE;
border: thick solid #CCCCCC; 
}

#nclive {
float:left;
width: 230px;
clear: right;
padding: 5px;
margin-top: 0px;
margin-left:0px;
margin-right: 0px;
margin-bottom: 5px;
}

#nclive img {
border: none;
}

#literacy {
float:left;
width: 255px;
clear: right;
padding: 5px;
margin-top: 0px;
margin-left:0px;
margin-right: 0px;
margin-bottom: 5px;
}

#literacy img {
border: none;
}

#literacy h2{
color: #0000FF;
text-align: center;
}



/*kids storytime divs*/

#bookworms {
background: #FFCCFF;
border: thick solid #005CB8;
}
#bookworms h2 {
color: #005CB8 ;
text-align:center;
}
#bookworms h4 {
color: #005CB8 ;
text-align:center;
}


#pals {
background: #99DDEE;
border: thick solid #0055EE;
}
#pals h2 {
color: #0055EE ;
text-align:center;
}
#pals h4 {
color: #0055EE ;
text-align:center;
}


#tots {
background: #FC9696;
border: thick solid #990022;
}
#tots h2 {
color: #990022 ;
text-align:center;
}
#tots h4 {
color: #990022 ;
text-align:center;
}

#coolkids {
background: #FFDD55;
border: thick solid #FF6611;
}
#coolkids h2 {
color: #FF6611;
text-align:center;
}
#coolkids h4 {
color: #FF6611;
text-align:center;
}


#explorers {
background: #99DD66;
border: thick solid #005500;
}
#explorers h2 {
color: #005500;
text-align:center;
}
#explorers h4 {
color: #005500;
text-align:center;
}



#mplbookclub {
background: #8e93ff;
border: thick solid #090f7f;
}
#mplbookclub h2 {
color: #090f7f ;
text-align:center;
}

#mplbookclub h4 {
color: #090f7f ;
text-align:center;
}

#mplMagicTreeHouse {
background: #99FF66;
border: thick solid #006600;
}
#mplMagicTreeHouse h2 {
color: #006600 ;
text-align:center;
}

#mplMagicTreeHouse h4 {
color: #006600;
text-align:center;
}

#readingbuddies {
background: #D685FF;
border: thick solid #660099;
}
#readingbuddies h2 {
color: #660099 ;
text-align:center;
}

#readingbuddies h4 {
color: #660099;
text-align:center;
}

#dewey {
background: #99FFAA;
border: thick solid #00AA77;
}
#dewey h2 {
color: #00AA77 ;
text-align:center;
}

#dewey h4 {
color: #00AA77;
text-align:center;
}

/*YS Dewey Series */

#DeweySeries {
background-image:url('images/Backgrounds/YS_DeweySeries2.jpg');
background-repeat:no-repeat;
padding: 2px;
}

#DeweySeries h1{
text-align:center;
font-size: 60px;
}


/*YS Book Discussion*/
#YSBookDiscussion {
background-image:url('images/Backgrounds/YS_Book_Discussion.jpg');
background-repeat:no-repeat;
padding: 2px;
}

#YSBookDiscussion h1 {
text-align:center;
font-size: 60px;
}


/*YA Events*/

#YALeahSpiegel  {
background-image:url('images/Backgrounds/YA_LeahSpiegel.jpg');
background-repeat:no-repeat;
padding: 2px;
}

#YALeahSpiegel  h1{
font-size:50px;
text-align:center;
font-family:cursive;
}

#YALeahSpiegel h2{
font-size:30px;
text-align:center;
font-family:cursive;
}

#YALeahSpiegel h3{
font-size:18px;
text-align:center;
}

#YAJanuary  h1{
font-size:60px;
text-align:center;
}

#YAFebruary  h1{
font-size:50px;
text-align:center;
color: #cc0000;
}



/*Special Tabs and Programs*/



#adoptashelf {
background-image:url('images/Backgrounds/MPL_adoptashelf_2011.jpg');
background-repeat:no-repeat;
padding: 2px;
}

#adoptashelf h1{
font-size:40px;
font-family:cursive;
text-align:center;
}

#adoptashelf h2 {
font-size: 30px;
text-align:center;
}

#adoptashelf h4{
font-size:16px;
font-weight:bolder;
text-align:center;
}

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


#readingbuddies h1 {
font-size: 50px;
text-align: center;
font-family: cursive;
color: #663399; 
}



#savingstars h1 {
font-size: 50px;
text-align: center;
font-family: cursive;
}

#savingstars h2 {
font-size: 30px;
text-align: center;
font-family: cursive;
}

#ClassicMovies h1 {
font-size: 50px;
text-align: center;
font-family: cursive;
}


#needlework {
background-image:url('images/Backgrounds/needlework_background.jpg');
background-repeat:no-repeat;
padding: 2px;
}
#needlework h1 {
text-align:center;
font-size: 50px;
}

#InspirationFictionBC {
background-image:url('images/Backgrounds/InspirationalBC.jpg');
background-repeat:no-repeat;
padding: 2px;
}


#InspirationFictionBC h1{
text-align:center;
color: #660099;
font-size: 60px;
font-family: cursive;
}

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


/* General Class tags for alignment, color, etc */
.center{
text-align:center;
}

.nolinkcenter {
text-align:center;
}

.nolinkcenter img {
border: none;
}


.alignleft{
text-align:left;
}

.centerblue{
	text-align:center;
	color: #000066;
}

.centerbig{
	text-align:center;
	color: #000066;
	font-size: 40px;
}

.onlineresourcestitle {
font-size:125px;
font-family:cursive;
text-align:center;
}

.onlineresourcestitlemedium {
font-size:100px;
font-family:cursive;
text-align:center;
}

.onlineresourcestitlesmall {
font-size:60px;
font-family:cursive;
text-align:center;
}

.importantinfo {
	background-color:#FF0000;
	color:#000000;
	text-align:center;
	clear:both;
	width:910px;
	}
	
.orange{
	color: #FE6001;
	font-weight: bold;
	text-align: center;
}

.purple{
	color: #663399;
	font-weight: bold;
	text-align: center;
}

.green{
color: #006600;
	font-weight: bold;
	text-align: center;
}

.red{
color: #cc0000;
	font-weight: bold;
	text-align: center;
}

.dullred{
color: #660000;
	font-weight: bold;
	text-align: center;
}

.brightblue{
color: #00A3D8;
	font-weight: bold;
	text-align: center;

}

.brightgreen {
color: #70B303;
	font-weight: bold;
	text-align: center;
}

.brightpink {
color: #CC0099 ;
font-weight: bold;
text-align: center;
}

.white {
color:#ffffff;
font-weight:bold;
text-align:center;
}



.brown {
color:#663300;
font-weight:bold;
text-align: center;
}

.small{
	font-size: 10px;
}
 
 .greybackground {
	background-color: #CCCCCC; 
 }
 
/*tables and their styles - includes cells */ 

/*Main page*/
.tablecenter {
background-position: center;
text-align: center;
clear: both;
float: none;
width: 95%;
}

.maintable {
background-position: center;
text-align: center;
clear: both;
float: none;
width: 95%;
padding-bottom:-20px;
padding-top:-10px;
margin-bottom:-20px;
margin-top:-10px;
}





.blocktable {
background-position: center;
text-align: center;
clear: both;
float: none;
width: 95%;
height: 150px;
Margin-bottom: -17px;
padding:2px;
}

.halftable {
background-position:center;
width: 50%;
margin: 20px;
padding: 20px;
vertical-align: top;
}


.shiftedtable {
margin-left: 10px;
width: 95%;
background-color: #eeeeee;
}

.halftablenopadding {
background-position:center;
width: 50%;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 3px;
padding-left: 3px;
vertical-align: top;
}


.thirdtable{
	width: 33%;
	border: thin solid #666666;
	padding:5px;
	margin: 2px;
	vertical-align: top;
}

.thirdtablenoborder{
	width: 33%;
	padding:7px;
	margin: 5px;
	vertical-align: top;
}

.thirdtablenospaces{
	width: 33%;
	border: thin solid #666666;
	padding:0px;
	margin: -5px;
	vertical-align: center;
}



.fourthtablenoborder{
	width: 25%;
	padding:5px;
	margin: 2px;
	vertical-align: top;
	
}


.tableborder {
	width: 33%;
	border-bottom:thin solid #CCCCCC;
	border-left:thin solid #CCCCCC;
	border-right:thin solid #CCCCCC;
	border-top:thick solid #0000FF;
	}
	
.halftableborder {
	width:50%;
	border: thin solid #666666;
	padding:5px;
	margin:2px;
	vertical-align:top;
	}

#spreadsheet td{
	width: 33%;
	border: thin solid #666666;
	padding:5px;
	margin: 2px;
}

#centerbottominfo .tableborder {
border-top:thin solid #CCCCCC;
}


.maintablecell {
width: 39%;
text-align: center;
border: thin solid #CCCCCC;
padding-top:2px;
padding-bottom:2px;
}

.aligntop {
	text-align: center;
	vertical-align: text-top;
	width:910px;
}
	
.tablewithborder {
background-color: #CCCCCC;
margin: 15px;
padding: 3px;
}

#leftfloatpic table{
margin:20px;
padding:20px;
}

/*Other font changes and styles - all classes*/
.fontchange {
width:33%;
}

.fontchange A:link {
text-decoration: none;
}

.fontchange A:visited {
text-decoration: none;
}




.centerfooter {
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	width: 910px;
}

.centerfooter A:link {
color: #FFFFFF; 
text-decoration: underline;
}

#rightfloatinfo p {
font-size:14px;
}

/*Other Styles*/
.flash {
width:61%;
}

#tabbedpanelscontainer {
width:910px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
z-index: -1;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left: 150px; /*position where enlarged image should offset horizontally */
z-index: 1000;
}