html, body {






    margin: 0; padding: 0;
	text-align: center;
	background-color: #CECECE;
	word-spacing: 0.2px;

}
p {
	font:12px arial, verdana, sans-serif;
	padding:5px 0px 5px 0px;
	margin:0;
	text-align:justify;

}

h1,h3,h3 {
	padding:5px 0px 5px 0px;
	margin:0;
}

img {
	border: 0px;
	border-style: none;
	color: #FF99FF;
	text-decoration: underline;
	padding:0px 0px 0px 0px;
	margin:0;

}

/*layout divs NB content div is the central body*/

#content {
	width: 670px;
	text-align: left;
	margin: auto;
	line-height: 0px;

}

/*headers and top menu*/

#header{
	width: 670px;
	height: 220px;
	text-align: left;
	margin: auto;
	background: url(img/head green2.jpg);
	}
	
#header2{
	width: 670px;
	height: 200px;
	text-align: left;
	margin: auto;
	background: blank;
	font: 11px arial, verdana, sans-serif;
	color: #000000;
	vertical-align: baseline;
	}
	
	
#topmenu{
	width: 670px;
	height: 20px;
	text-align: left;
	margin: auto;
	font: 13px arial, verdana, sans-serif;
	color:#000000;
	
}

#topmenu a{
	text-decoration:none;
	color:#000000;
	
}

#topmenu a:hover{
	color:#ffffff;
	background-color:#F781BF;
	
}

/*NB header3 is the 'latest photos' banner. Omit the div in the xhtml doc to remove it from other pages*/

#header3{
	width: 670px;
	height: 117px;
	text-align: left;
	margin: auto;
	background: url(img/cheerphotobanner3.jpg);
	}


#content {
	margin-top: 10px;
	padding-bottom: 10px;
}

/*body text*/

#maintext {
	width: 450px;
	margin-left: 20px;
	margin-top: 0px;
	text-align:justify;
	padding-top: 5px;
} 

#maintext a{
	text-decoration:none;
	color:#000000;

}

#maintext a:hover{
	color:#ffffff;
	background-color:#FF99FF;
	
}

/*right column layout*/

#rightcol {
	width: 168px;
	position: absolute;
	top: 350px;
	margin-left: 485px;
	background: url(img/right_bg.gif) no-repeat;
}

/*right column text*/

#introduction{
	float:right;
	width:150px;
	padding: 8px 8px 8px 8px;
	margin:auto;
	
	text-align:center;
	line-height:1.5em;
	color:#000000;
	font-size:1.2em;
	font: 12px arial, verdana, sans-serif;

}

#introduction ul, #introduction li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}


#introduction  a{
	text-decoration:none;
	color:#000000;
	border-bottom: none;
}

#introduction a:hover{
	color:#ffffff;
	background-color:#F781BF;
	
}

#introduction h3{
	text-align: center;
	position:static;

}

/*footer*/

#footer 
{
	width: 100%;
	height: 50px;
	clear: both;
	padding-top: 8px;
	text-align: center;
	border-top: 0px solid #FF99FF;
	color: #000000;
	font-size: 1.0em;
	background-color: #000000;
	background-image: url(img/bg_grad2.gif);
}

#footer a {
	color: #FFFFFF;
	text-decoration:none;

}

#footer p {color: #888888;
text-align: center;}

/*general layout*/

html, body {
	background:url(img/pattern.jpg);
}

#content {
	background:url(img/cheer_bg.jpg);
	

}



html>body #content {
	margin-top: 0px;
}

/*headings*/

h1{
	color: #F781BF;
	padding:10px 0px 10px 0px;
	margin:0;
	font: bold 15px arial, verdana, sans-serif;
}

h2{
	color: #FFFFFF;
	font: 13px arial, verdana, sans-serif;
	padding:0px 0px 0px 0px;
	margin:0;
	text-transform:none;
	background:#CECECE;

}

h3{
	color: #000000;
	font: 11px arial, verdana, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:2px;
	letter-spacing:6px;
	font-size:0.9em;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:0;
}


h4 
{
	font-size: 14px;
	color: #000000;
	padding:5px 0px 5px 0px;
	margin:0;
	font-family: arial, verdana, sans-serif;
	
}