body
		{
			margin: 0;
			padding: 0;
			font-size: 95%;
			font-family: georgia, times, "times new roman", serif;
			color: #000;
  			background: url(../misc/games/images/funheader.gif) white;
  			background-repeat: no-repeat;
		}

		p { color: #000; margin-bottom: 2em; }


		h2
		{
			font-size: 1.8em;
			color: #000;
			margin: 0 0 .4em 0;
			padding-top: 1em;
			font-weight: normal;
			text-align: center;
			line-height:120%;
		}

		h3
		{
			font-size: 1.5em;
			color: #000;
			margin: 0 0 .4em 0;
			padding-top: 1em; 
			font-weight: normal;
			text-align: center;
			line-height:120%;
		}


		h4
		{
			font-size: 1.2em;
			margin: 0 0 0 0;
			padding-bottom: .5em; 
			font-weight: normal;
			text-align: center;
		}

		a:link { color: #cca300; }
		a:visited { color: #066; }
		a:hover, a:active { color: #f00; background-color: #fff; }

		.t { font-size: 60%; font-family: arial, helvetica, sans-serif; text-decoration: none; }
		  a.t:link { text-decoration: none}
		  a.t:hover { text-decoration: none}

		.big { font-size: 160%; font-family: arial, helvetica, sans-serif; text-decoration: none; }
		  a.big:link { text-decoration: none}
		  a.big:hover { text-decoration: none}

		.hd { font-size: 80%; font-family: arial, helvetica, sans-serif; text-decoration: none; }
		  a.hd:link {color: #ffffff; background-color: #021e3e; font-weight:bold; text-decoration: none}
		  a.hd:active {color: #ff0000; background-color: #021e3e; font-weight: bold; text-decoration: none}
		  a.hd:visited {color: #ffeeee; background-color: #021e3e; font-weight: bold; text-decoration: none}
		  a.hd:hover {color: #ff0000; background-color: #021e3e; font-weight: bold; text-decoration: none}

.firstletter { 
	float:left;
	color:red;
	font-size:60px;
	line-height:50px;
	padding-top:0px;
	padding-right:2px;
	font-family:times;
	}

.bold { font-weight:bold; }
.italic { font-style:italic; font-weight:normal; }
.bitalic { font-style:italic; font-weight:bold; }
.redi { color:#ff0000; font-style:italic; font-weight:normal; }
.whiteb { color:#ffffff; font-weight:bold; }
.ans { color:#336699; font-style:italic; font-weight:normal; }


.med { font-size:1.2em; }
.sm { font-size:.8em; }
.smindent { font-size:11px; margin-left:5;  }
.jfraction { font-size:9pt }


 /* Some P alignment stuff below */

.center {text-align: center}
.right {text-align: right}
.left { text-align: left; }


p.cnobbit { text-align: center; margin-top: -1%; margin-bottom:-1%; }/* P acts like a <BR> tag PLUS centered text */
p.indent { margin-left:30px; }
p.nob { margin-top: -4%; margin-bottom:-4%; } 				/* P acts like a <BR> tag */
p.nobbit { margin-top: -1%; margin-bottom:-1%; } 			/* P acts like a <BR> tag */
p.bup { margin-top:0; margin-bottom:0; } 				/* P acts like a p without top or bottom margin space */
											/* p.bup useful for some paras near UL lists */
p.special {position:absolute; top: 10px; left:220px; line-height:110%;}




/* Some List Styles Below */

ul.list1 {list-style: square outside; color: black; margin-left: 100px; margin-bottom: 2.5em; padding: 0 0 0 0;}



.box-red {
  border: 4px solid #900;
  padding: 20px;
  margin: 40px 20px 20px 20px;
  border-color: #FF0000; 
  text-align: left;
  line-height: 16pt;
  font-variant: normal;
  font-family: sans serif, helvetica; 
  font-size: 15px;
  }


  /* hr stuff begins  - use: <hr class="red" /> tag in web page  */

	hr {
	  border: 0;
	}

	hr.red {
	  width: 90%;
 	  color: #f00;
	  background-color: #f00;
  	  height: 1px;
 	  text-align: left;          /*this will align it for IE*/
	  margin: 2em auto 2em 0;        /*this will align it left for Mozilla*/
  	}

	hr.thick {
	  width: 100%;
  	  color: #336699;
  	  background-color: #336699;
  	  height: 6px;
  	  align: left;
  	}

  /* hr stuff ends */


		
		div#header
		{
			height: 60px;
			color: #ccc;
			border-bottom: 0px solid #fff;
			text-align: right; 
		}


		div#header ul 
		{
			padding: 0;
			margin-top: 3px;
			margin-right: 44px;
			list-style-type: none;
		}
		
		div#header li 
		{
			display: inline;
			margin-right: 1em;
			padding: 0 0 0 50px ;
		}


		div#container
		{
			margin: 0 0 0 0;
		}
		
		div#container2
		{
			margin: 0 0 0 0;
		}
		
		div#left-sidebar
		{
			float: left;
			width: 150px;
			padding: 10px 40px 10px 0;
			margin: 70px 10px 0 0;
		}
		
		div#left-sidebar ul
		{
			list-style-type: none;
			padding: 0 0 0 30px;
			margin: 0 20px 0 0;
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal; 
			font-variant: small-caps
		}
		
		div#left-sidebar ul li { margin-top: 4px; }
		
		#left-sidebar ul li a
		{
			display: block;
			width: 140px;
			padding: 3px 1px 3px 10px;
			text-decoration: none;
			color: #5C563D;
			background-color: #F0E1A8;
		}
		
		#left-sidebar ul li a:hover
		{
			color: #FFFFFF;
			background-color: #E0C452;
		}
		
		div#right-sidebar
		{
			float: right;
			width: 220px;
			margin: 10px 0 0 0;
			padding: 10px 10px 20px 20px;
			color: #660;
			background-color: #ffffff;
		}
		
		div#main
		{
			margin-left: 30px;
			margin-right: 220px;
		}
		
		
		div#main { line-height: 140%; }
		
		#cleardiv
		{
			clear: both;
			height: 1em;
		}
		
		div#footer 
		{
			clear: both;
			padding: 0;
			border-top: 1px solid #E0C452;
			text-align: right;
			background-color: #ffffff;
			font-family: arial, helvetica, sans-serif;
		}
		
		div#footer ul 
		{
			padding: 0;
			margin-right: 25px;
			list-style-type: none;
		}
		
		div#footer li 
		{
			display: inline;
			padding: 0 0 0 50px ;
			text-decoration: none;
		}

		div#endofpage
		{
			clear: both;
			margin: 0;
			text-align: right;
			background-color: #ffffff;
  			background: url(../misc/games/images/funfooter.gif) white;
  			background-repeat: repeat-x;
		}



/* Alternate Table Row CSS Begins */
/* Copyright 2006 Joost de Valk */
a img {
	border: 1;
}
table.alternate_rows {
	border-spacing: 0;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
table.alternate_rows th, table.alternate_rows td {
	text-align: right;
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #aaa;
	font-size: 13px;
}
table.alternate_rows th {
	border-width: 1px 0px 1px 0px;
	background-color: #BDCCDB  	;
}
table.alternate_rows th a {
	text-decoration: none;
	color: #000;
}
table.alternate_rows td {
	border-width: 0px;
}
table.alternate_rows tr.odd td {
	background-color: #fff;
}
table.alternate_rows tr.even td {
	background-color: #E7EDF8;
}

/* Alternate Table Row CSS Ends */



/* Menu - Depressable Button Code Begins */

#navcontainer
{
background: #E7EDF8;
width: 100%;
margin: 0 auto;
padding: 1em 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-variant: small-caps
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 95%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #F5FAFC;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #E7EDF8;
color: #369;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #369;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

ul#navpixielist li a
{
display: block;
margin-left: -17px;
width: 90%;
padding: 0.5em 1em 0.5em 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #F5FAFC;
}

/* Depressable Button Code Ends */