/* use this in the .html file <link rel="stylesheet" type="text/css" href="style.css"> */

p {font-family: Arial, sans-serif; color: #303030; font-size: 8pt; } 
h1 {font-family: Arial, sans-serif; font-variant: caps; width: 75%; font-size: 25px; color:white; } 
h2 { font-family: verdana; color: #8B0000; font-weight:bold; font-size: 10pt; }
h3 {font-family: verdana; font-variant: small-caps; color: white; font-size: 12pt; }
h4 {font-family: Arial, sans-serif; color: #8B0000; font-weight:bold; font-size: 14pt; }
td {font-family: verdana; color: #202020; font-size: 8pt; }
th {font-family: verdana; color: #202020; font-size: 8pt; }
a:link {font-family: Arial, sans-serif; color: #191970; font-size: 8pt; text-decoration:none;}
a:visited {font-family: Arial, sans-serif; color: #191970; font-size: 8pt; font-weight:normal; text-decoration:none;}
a:hover {font-family: Arial, sans-serif; color: #191970; font-size: 8pt; font-weight:bold; text-decoration:none;}
a:active {font-family: Arial, sans-serif; color: red; font-size: 8pt; font-weight:bold; text-decoration:none;}
a img {border: none; } 

BODY {  background-color: white;) }

#page {
	margin: 0 auto;
	width: 900px;

}

#banner {
	top: 15px;
	position: absolute;
	left: 10px;
	height: 90px;	
	width: 910px;
	border: 1px solid black;
	background-image: url(ball_banner4.jpg);
	
	
}


#leftcontent, #centercontent, #rightcontent {
	position: absolute;
	border: 1px solid #000;
	background: #fff;
	top: 110px;
	padding: 5px, 5px;
}


#leftcontent {
	left: 10px;
	width: 200px;
	margin-right: 5px;
	
}


#centercontent {

	left: 220px;	
	margin-right: 5px;
	width: 490px;
	
	
}



#rightcontent {
	left: 715px;
	width: 200px;
	margin-left: 5px;
	
}