@charset "utf-8";

/* CSS Document */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background: #444;

	margin: 0px auto;

	padding: 0;

	text-align: center;

	color: #000000;

}



p {

	color: #FFFFFF;

	margin: 0;

	padding: 4px 8px 4px 8px;

}



h1 {

	color: #FFFFFF;

	margin: 4px 8px 4px 8px;

	font-size: 12px;

}



a { text-decoration: none; }



a:link { color: #FFFFFF; text-decoration: none; }



a:visited { color: #FFFFFF; text-decoration: none; }



a:hover { color: #FFFFFF; text-decoration:underline; }



a:active {

	text-decoration:underline;

	font-size: 10px;

}



img

{

	border-style: solid; 

	border-color: #CCCCCC;

	border: 0px;

}



#headerContainer {

	float: none;

	width: 480px;

	margin: 32px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */

	padding: 0;

}



#leftHeader {

	float: left;

	width: 160px;

	padding: 0;

	margin: 0;

	background-color:#333;

}



#centerHeader {

	float: left;

	width: 160px;

	padding: 0;

	margin: 0;

	background-color:#666;

}



#rightHeader {

	float: left;

	width: 160px;

	padding: 0;

	margin: 0;

	background-color:#999;

}



#break {

	float: left;

	width: 100%;

	height: 8px;

	margin: 0;

}



#leftTitle {

	float: left;

	width: 160px;

	padding: 0;

	margin: 0;

	background-color:#333;

}



#centerTitle {

	float: left;

	width: 160px;

	padding: 0;

	margin: 0;

	background-color:#666;

}



#rightTitle {

	float: left;

	width: 160px;

	padding: 0;

	margin: 0;

	background-color:#999;

}



/* -------------------------------------------------------------- */



#playerScreen {

	width: 100%;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	padding: 64px 0 64px 0;

	background-color:#000;

}



#playerContainer {

	width: 480px;

	height: 292px;

	margin: 0 auto;

	padding: 0;

	background-color:#F60;

}



#playerDescription {

	width: 480px;

	height: 64px;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	background-color:#666;

}



#charityScreen {

	width: 100%;

	height: 64px;

	margin: 0 auto;

	padding: 8px 0 8px 0;

}



#charityContainer {

	width: 480px;

	height: 48px;

	margin: 0 auto;

	padding: 8px 0 8px 0;

	background-color:#FFF

}



#allChildren {

	float: left;

	width: 96px;

	height: 48px;

	margin: 0 auto;

	text-align:right;

	color:#666;

	padding: 0 4px 0 4px;

}



#rtpLogo {

	float: left;

	margin: 0 auto;

	padding: 0;

}



#tigaLogo {

	float: left;

	margin: 0 auto;

	padding: 0;

}



#footer {

	width: 480px;

	margin: 0 auto;

	padding: 0;

}





.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear: both;

    height: 0;

    font-size: 1px;

    line-height: 0px;

}