@charset "utf-8";
/* CSS Document */
body { background-image:url(images/stripes.png);
	background-repeat:repeat;;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size: 105%;}

h2 { font-family: Myriad Pro, Helvetica, sans-serif;
	margin-top:-.5em;}
h3 { font-family: Myriad Pro, Helvetica, sans-serif;
	font-size:120%;
	background-color:#e5f5f8}

img { border:0; }
table { border:0; }
caption { text-align:left }
a { color: #0d51ae }
a:visited { color: #7f0dae }

.center { text-align:center }

.top { font-size: 85%;
	font-style:italic;
	text-align:center}

.ul { list-style-type:none }
.ilist { list-style-type: none;
	margin-left:-1.85em}
.ilist li { margin-bottom:.5em }	

th { font-size:90%; }
.odd { background-color:#eff9d5; }
td { vertical-align: top; }
.booklist td { padding-bottom: 1.25em; }
	
/* _________________________________________________________________________________ */

/* ------------------------------------- LAYOUT ------------------------------------ */
/* _________________________________________________________________________________ */
#wrapper { position:absolute;
			top:0;
			left:1.75em;
			width:95% }
/* --------------------------------------------------------------------------------- */
/* --------------------------------------- HOME ------------------------------------ */
/* Home content ----------------------- */
#homecontent { position: relative;
			top:1em;
			left:5.5em;
			width:45em;
			z-index:1;
			padding:.3em;
			background-color:#ffffff;}		
/* Features --------------------------- */
#bottom { position:absolute;
	bottom:1em;
	left:2.5em;
	text-align:center }
#features { position:absolute;
	top:2em;
	left:23em; }	
/* Home left side bar ----------------- */
#homenav { position:absolute;
		   top:1.25em;
		   left:1em;}
#homenav li { list-style-type: none;
			  z-index: 2;
			  margin-bottom: 1em}		   		   

/* ---------- Home menu graphics */
#books a { background-image: url(images/books-home.png);
			   background-repeat: no-repeat;
			   display:block }
#books a:hover { background-image: url(images/books-home.png);
				     background-repeat: no-repeat;
					 display:block }	

#whatshappening a { background-image: url(images/whatshappening-home.png);
		   background-repeat: no-repeat;
		   display:block }	
#whatshappening a:hover { background-image: url(images/whatshappening-home.png);
				  background-repeat: no-repeat;
				  display:block }	

#funandgames a { background-image: url(images/funandgames-home.png);
			 background-repeat: no-repeat;
			 display:block }
#funandgames a:hover { background-image: url(images/funandgames-home.png);
				   background-repeat: no-repeat;
				   display:block }
	
#exploreandlearn a { background-image: url(images/exploreandlearn-home.png);
		  background-repeat: no-repeat;
		  display:block }	  	
#exploreandlearn a:hover { background-image: url(images/exploreandlearn-home.png);
			    background-repeat: no-repeat;
				display:block }
					
#grownupstuff a { background-image: url(images/grownupstuff-home.png);
		  background-repeat: no-repeat;
		  display:block }	  	
#grownupstuff a:hover { background-image: url(images/grownupstuff-home.png);
			    background-repeat: no-repeat;
				display:block }	

/* --------------------------------------------------------------------------------- */
/* -------------------------------------- INSIDE ----------------------------------- */
/* Inside navigation ------------------- */
#top { position:relative; 
	   top:1em; 
	   left:3em;
	   padding: .3em .3em 0 .3em;
	   background-color: #ffffff;
	   width:50.25em}
#navigation ul { padding-left:0;
  			  margin-left:0;
  			  float:left;
  			  width:40.25em;
  			  position:absolute; 
  			  top:2.85em; 
  			  left:14em; }
#navigation ul li { display:inline; }
#navigation ul li a { padding-right:1.5em;
				  float:left; }
#buddy { position: absolute;
		top:1.75em;
		left:3em;
		z-index:3 }
/* Inside left side bar ---------------- */
#left { position:absolute;
		  left:3.3em;
		  top:10.65em;
		  width:8.65em;
		  background-image:url(images/background-left.png);
		  background-repeat:no-repeat;
		  z-index:2;
		  font-family: Century Gothic, Helvetica, sans-serif;
		  font-weight:bold; }
#left ul { list-style-type:none;
		   margin-left:-1.5em; }
#left ul li { margin-bottom:.75em }	
#left ul li ul { font-size: 100% }	 
#left ul li ul li { margin-bottom:0 }		  
/* Inside background ---------------------- */
#content { position:relative;
			left:3em;
			top:-.35em;
			background-image:url(images/background-content.png);
		  	background-repeat:repeat-y;
			background-color:#ffffff;
			width:37.85em;
			padding-left: 11em;
			padding-right:2em;
			border-bottom-style: solid;
		   	border-bottom-color: #ffffff;
		   	border-bottom-width: .3em;
			font-family: Century Gothic, Helvetica, sans-serif;}		
			
/* --------------------------------------------------------------------------------- */
/* -------------------------------------- FOOTER ----------------------------------- */
/* Footer --------------------------------- */
#footer { position:relative;
		top:1em;
		width:75em; 
		text-align:center;
		font-size:75%}