/*
	Teal #A6C9C5 (R-166, G-201, B-197)
	Blue #6392A2 (R-99, G-146, B162)
	Brown #7E6E5B (R-126, G-110, B-91)
	Dark Brown #534741 (R-83, G-71, B-65)
	Dark Pink: #B45358 = R180 G83 B88
*/
* 	{padding:0; margin:0;}
img {border: 0}

body			 
{
	background-color: #A6C9C5; 
	text-align: center
}



td, th, p		{ font-family: sans-serif; font-size: 8.0pt; color: #534741}
h1, h2, h3		{ font-family: sans-serif; color: #534741; align: center; text-decoration: none }
p 				{ padding-top: 5px; padding-bottom: 5px; font-size: 8.0pt; color: #534741}

a:visited		{ color: #534741; text-decoration: none }
a:link			{ color: #534741; text-decoration: none }
a:active		{ color: #534741; text-decoration: none }
a:hover			{ color: #B45358; text-decoration: none }

a:visited.kid_name		{ color: #A6C9C5; text-decoration: none; font-weight: bold; }
a:link.kid_name			{ color: #A6C9C5; text-decoration: none; font-weight: bold; }
a:active.kid_name		{ color: #A6C9C5; text-decoration: none; font-weight: bold; }
a:hover.kid_name		{ color: #B45358; text-decoration: none; font-weight: bold; }

.rtnStr			{ color: #B45358; text-decoration: none; font-family: sans-serif; font-size: 8.0pt; }


#wrap
{
	position: relative;
	background-color: #ffffff;
	margin: auto;
	width: 975px;
	height: 700px;	
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	color: #7E6E5B; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

div#top_bar		
{
	 
	background-color: #6392A2; 
	color: #FFFFFF; 
	font-size: 18pt; 
	text-align: center;
	width=100%; 
	height: 82px; 
	line-height: 82px;
}

#header 		{position: absolute; 
					left: 4px; 
					top: 3px; 
					width: 796px; 
					height: 98px; 
					visibility: visible; 
					background-color: #ffffff; 
					z-index: 0;
				} 


#nav
{
	float: left;
	width: auto;
	margin: 25px 5px 15px 5px;
}

#instructions
{
	float: left;
	width: auto;
	height: 85px;
	margin: 25px 5px 15px 5px;
	clear: both;
}
				
#content 		
{
	float: left;
	width: 720px;
	height: 400px;
	margin: 0px 10px 10px 10px;
}

#tally_sheets 		
{
	float: left;
	width: 200px;
	height: 425px;
	margin: 25px 10px 0px 5px;
	padding-left: 10px;
	background-color: #A6C9C5;
}


#lyrSubIn
{
	float: left;
	width: 300px; height: 225px; z-index: 1; left:0px; top:0px;
	margin: 50px 0px 0px 25px;
}
#lyrSubOut
{
	float: left;
	width: 300px; height: 225px; z-index: 1; left:301px; top:0px; 
	margin-top: 50px;
	margin-left: 10px;
}

#contentHome	{position: absolute; 
					width: 975px; 
					height: 505px; 
					z-index: 1; 
					left: 0px; 
					top: 103px; 
					visibility: visible; 
					background-color: #ffffff; 
					z-index: 0;
				}