body {	
	background-color:#98CCFE;
	padding:2px;
	border:2px;
	margin-top:2px;
	margin:2px;
}



.homelink {	position:absolute;
			left:5px;
			top:4px;
			width:50px;
			height:20px;
			padding:0px;
			margin:0px }

.ohheader {	position:absolute;
			left:95px;
			top:1px;
			width:493px;
			height:15px;
			padding:0px;
			margin:0px }
			
			
.popup {
	background-color:#FFCC99;
	left:0px;
	top:0px;
	width: 250px;
	visibility: hidden;
	position:absolute;
	border-style: solid; 
	border-width: 1px; 
	border-color:#000000;
	padding: 5px;
	z-index: 25; 
}
			
.game {
	width: 80%;
	top: 10%;
	left: 10%;
	position:absolute;
	padding: 5px;
	z-index: 22; 
	visibility: hidden;
}			
			
table.content { width:100%; }

table.textbubble { border-style: solid; border-width: 1px; border-color:#003300; }

table.navigation { width:100%; border-style: solid; border-width: 2px; border-color:#003300; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}
td.navigation { background-color:#336600; border-style: solid; border-width: 1px; border-color:#003300; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;} 
td.navigationend { background-color:#000066; border-style: solid; border-width: 1px; border-color:#003300; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; }
td.navigationselect { background-color:#00CC00; border-style: solid; border-width: 1px; border-color:#003300; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; }
td.navigationendselect { background-color:#6699FF; border-style: solid; border-width: 1px; border-color:#003300; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}


th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000; font-weight: bold; }

td.clipbtop { background-image:url("/maths/images/clipbtop.gif"); width:100%; }
td.clipbbot { background-image:url("/maths/images/clipbbot.gif"); width:100%; }
td.clipbleft { background-image:url("/maths/images/clipbleft.gif"); }
td.clipbright { background-image:url("/maths/images/clipbright.gif"); }
td.clipmain { background-color:#FFFFFF; }

table.game1 { border-style: solid; border-width: 1px; border-color:#003300; width: 100%; height: 1px;}

p, ul, ol, blockquote {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000}		

p.navigation { color:#FFFFCC; font-weight: bold;font-size:90%; }
		
i {color:#993300; font-weight: bold; font-style: normal;}
		
			
a { color:#0000FF; }
a.navigation:hover { color: #FFFFFF;}
a.navigation { color:#FFFFCC; font-weight: bold; font-size:90%;}
a.cont { color:#000066; font-weight: bold; font-size:80% }
a.cont:hover { color:#0033CC; }

div.introspeechbubble {	position: absolute; width: 400; top: 20%; left: 45%; z-index: 20;  }
td.speechbubbletext { background-color: #FFFFCC; }
td.speechbubble { background-color: #FFFFCC; }
td.cont { background-color: #FFCC00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000 }

p.caption {font-size: 80%; font-weight: bold; }


div.playthegame { position: absolute; top: 30px; left: 450px; } 
div.mainbanner { position: absolute; top: 35px; left: 120px; }

img.mainimage { border-style: solid; border-width: 2px; border-color:#FFFFFF; }

em { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6633FF; font-style: normal; font-weight: bold; font-size: 100%;}
			
h1	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; font-style: normal; font-weight: bold; color: #000066; text-decoration: none}
h2	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; font-weight: bold; color: #000066; text-decoration: none}
h3	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
h4	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-style: normal; font-weight: bold; color: #330000; text-decoration: none}
h5	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-style: normal; font-weight: bold; color: #330000; text-decoration: none}
h6	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-style: normal; font-weight: bold; color: #330000; text-decoration: none}

input.calc { font-family: "Courier New", Courier, mono; font-size: 90%; }