body	{background-color: #fde2b8 ;
			 color: #006 ;
			 font-family: "comic sans ms", cursive ;
			 font-size: .85em ;
 			background-image : url(images/wavebubbles.gif);
			background-repeat : repeat-y;
			background-position : top left;
			 }
			 
	div#banner	{ 
					  padding: 5px ;
			}
					  
	#banner img	{
		float: left ;
		border: 0 ;
	}

	#banner p	{ border: 2px dotted #36f;
					  margin-left: 440px ;
					  /*height: 90px;*/
					  padding: 10px ; 
					  background-color: #FFCE08;
					  color: #006;
					}
					
	#banner p span, .game p span, #side div h3	{ font-weight: bold ; 
						  font-size: 1.2em ; 
						  }

	.url  {
		display: none ;
	}

	div#container 	{ 
			position: relative ;
			/*margin: 80px 5px 0 5px ;*/
			 }


	div#menu		{ 
					  padding: 0 5px 15px 15px ;
					  width: 150px ;
					  vertical-align: top;
					  position: absolute;
					  top: 0 ;
					  left: 0 ;
						 }
	ul#menu	{
		list-style-type: none ;
		padding: 0 ;
		margin: 0 ;
		float: left;
			}
	
	#menu a, #menu a:visited {
 		  background: url(images/buttons.gif) no-repeat 0 0;
 		  display: block ;
		width: 140px ;
		height: 60px ;
		text-decoration: none ;
		color: #800040;
		background-color: transparent ;
		margin: 2px ;
		   }

	#menu a.tumble, #menu a.tumble:visited {
   		 border: 0 ; 
			 background: none ;
		   }
	
	#menu a:hover  {
		background-position: -140px 0;
		   }

	#menu a:active {
		background-position: -140px 0;
		background-color: #eee;
		color: #800040 ;
		border: 1px inset #ddd ;
		}
	
	#menu li	{
			line-height : 60px ;
			text-align: center ;
			font-weight: bold ;
			font-size: .85em ;
			list-style: none;
			display: block ;
	}

	#rounded	{
		background-color: #7fabcd ;
		color: #333 ;
		padding: 5px ;
		margin-right: 305px ; 
		margin-left: 205px ;
		}

	#rounded h1,#ages05 h1,#ages68 h1,#ages911 h1, #pt h1	{ 
			font-family: "Snap ITC", "Comic Sans MS", fantasy;
}

/*	#rounded > p	{ 
				border-top: 2px double #006;
				border-bottom: 2px double #006 ;
				padding: 1em 2em ;
}*/

	#ages05, #ages68, #ages911, #pt	{
		padding: 10px 20px ;
		margin: 5px 0 ;
		border: 2px dotted #333;
		line-height: 2em ;
		clear: left;
		}

	#ages05	{
		background-color: #f00 ;
		color: #eee ;
		clear: both ;
		}

	#ages68	{
		background-color: #FEFF46;
		color: #333;
		}

	#ages911	{
		background-color: #00f ;
		color: #eee ;
		}

	p.review	{ clear: left ; }
		
	#pt	{ 
			background-color: #F0FFF0;
			color: #333 ;
		 }
	
	#pt li	{ 
			list-style-image: url(images/starbullet.gif);
			line-height: 1.2em ;
			margin-top: 1em ;
	 }	 
	 
	 #pt dd	{ 
	 		line-height: 1.2em ; }

	img.jacket	{ float: left;
			  clear: both ;
			  margin-right: 1em ;
			  margin-bottom: 1em ;
			  position: relative ;
			  border: 0 ;
			}
			
	img.jacket-right	{ float: right;
			  clear: both ;
			  margin-right: 1em ;
			  margin-bottom: 1em ;
			  position: relative ;
			  border: 0 ;
			}
			
	div.game, div.game table	{ 
			border: 2px dashed #FF8C00;
			text-align: center;
			background-color: #fff;
			color: #000 ;
}

	a.book:link, a.book:visited {
		padding: 0 2px 1px 18px ;
		background: #fdd url(images/books.gif) left center no-repeat ;
		color:#733 ; 
		border: 1px solid #c66 ;
		text-decoration: none ;
	}
	
	a.book:hover {
		color: #ffd ;
		background-color: #c66 ;
	}


	#side	{ position: absolute ;
		  top: 0 ;
		  right: 1em ;
		  width: 325px ;
		}	

	#side h2, #side h3  { text-align: right ;
		}
		
	#side img { margin-left: 2em ; }
	
	#side div img.right	{ float: right ; }

	#side div li img	{ background: #fff ; 
					border-top: 1px solid #ddd ; 
					border-left: 1px solid #ddd ; 
					border-right: 2px solid #777 ; 
					border-bottom: 2px solid #777 ; 
					padding: 2px ;
					clear: both ;
					 }
					 
	#side div	{ border: 2px dashed #36f;
					  width:250px ;
					  margin-left: 45px ;
					  padding: 10px ; 
					  background-color: #FFCE08;
					  color: #006;
					}
					
	#side div ol li	{ 
							 margin-top: 1em ;
							 clear: both;
	 }
					
	#footer	{ 
		text-align: center ;
		padding: 5px ;
		font-size: .75em ;
		font-style: italic ;
		clear: both ;
		}
					 

/*Extra styles possibly for later use*/
/*Begin Word of the Day styles. These were originally embedded in .html */
	#word {width: 25% ; 
			 background-color: #FFE88A; 
			 color: #000 ;
			 padding: 4px; 
			 float: right ; 
			 border: 2px dashed #c0f ;
			 /*height: 200px ;*/
			 }			  
			 
	#term {font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
			 color:#002A48 ;
			 background-color: #ffe88a ;
 			}
			 
	#WordOfTheDay {width: 100% ; 
						border: 1px #888 solid ; 
						background-color : #FFE88A ;
						color: #000 ;
						}
						
	#WordOfTheDay h3 {font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif; 
							color: #002A48 ;
							background-color: #FFE88A ;
							} 
							
	#WordOfTheDay TD.WoDLeft {font: bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif ; 
							color: #002A48 ;
							background-color: #FFE88A ;
							}
							
	#WordOfTheDay td {font: normal .85em Verdana, Geneva, Arial, Helvetica, sans-serif ; 
							color: #002A48 ;
							background-color: #FFE88A ;
							}
							
	#WordOfTheDay a {color : #000000 ; 
							background-color: #FFE88A ;
							}
	
	#wordsource {font: normal .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
				    color:#002A48 ; 
					 background-color: #FFE88A ;
					 }
					 
	a.free {color:#000000;
				background-color: #FFE88A;
				 }

/* End Word of the Day styles */