
body
{ 
	text-align: center;
	min-width: 750px;
	font-size: 12pt; 
	font-family: Verdana, Arial, helvetica;
	/*background-color: #FFFFCC;*/
	background: url('images/whitepuzzletile.jpg');
} 

.wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	text-align: left;
}

/*
.headerBG{
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 170px;
z-index: 1;
background-color: #B9DCFF;
}*/

.headerLOGO{
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 170px;
z-index: 2;
background: url('images/flake170-Lblue-tp.gif'); 
}


.headerTEXT{
position: absolute;
top: 0px;
left: 0px;
width: 170px;
height: 170px;
z-index: 3;
background: url('images/sage170tp.gif'); 
}		

.headergraphic{
position: absolute;
z-index: 2;
top: 0px;
left: 220px;
width: 406px;
height: 170px;
background-image: url('images/header/cartoonkids.gif'); 
}

.headertranslate{
position: absolute;
z-index: 2;
top: 0px;
left: 650px;
width: 174px;
height: 170px;
}

.menucontainer{
position: absolute; 
top: 170px;
margin-left: 11px;
margin-right: auto;
height: auto;
width: 800px;
/*background: #000000;*/
font-family: arial, helvetica, sans-serif;
z-index: 99; 
padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px
}

.menucontainer a:link {
color: #000000; text-decoration: none; background: url('images/nav_bg_on.jpg');
 padding: 2px 6px; } 
 
.menucontainer A:visited {
color: #000000; text-decoration: none; background: url('images/nav_bg_on.jpg');
 padding: 2px 6px; } 

.menucontainer A:hover {
color: #FFFFFF; text-decoration: none; background: url('images/nav_bg_off.jpg'); 
 padding: 2px 6px; }

.menucontainer A:active {
color: #000000; text-decoration: none; background: url('images/nav_bg_on.jpg');
 padding: 2px 6px; } 


/*--------------------------- end menu style --------------------------------------------*/

A:link {color: #FF0000; text-decoration: none} 
A:visited {color: #FF0000; text-decoration: none} 
A:hover {color: blue; text-decoration: underline} 
A:active {color: #FF0000; text-decoration: none} 

.page-body
{
position: absolute;
text-align: left;
float: left;
display: inline;
top: 170px;
left: 0px;
width: 800px;
height: auto;
font-size: 10pt;
padding-top: 24px;
padding-left:11px;
padding-right: 10px;
margin: 0px;
z-index: 1;
/*background-image: url('images\blue2x.jpg');
background-repeat: repeat-x;
clear: both */
}

.page-header
{
border:1px solid #3399FF; 
background:#99CCFF;
font-size: 14pt;
padding:5px;
width: 800px;
z-index: 2;
clear: both
}

.page-divider
{
border:1px solid #FFFF00; 
background:#FFFF99;
color:#222222;
padding:2px;
text-align:left;
font-size: 14pt;
width: 750px;
z-index: 2;
clear: both
}

.top-display
{
overflow: auto; 
height: 160; 
position:absolute; 
visibility:hidden; 
z-index: 50; 
background-color: #EFEFEF; 
border:solid 3px #DEDEDE; 
width: 570px; 
top: 0px; 
left: 40px;
padding: 3px;
text-align: left;
font-size: 12pt;
font-family: Verdana, Arial, helvetica;
}

.caldisplay{
font-size: 10pt;
font-family: Verdana, Arial, helvetica;
}