﻿body{
	font-family: Arial, Helvetica, sans-serif;
	background-image:url('bg.gif');
	font-size:medium;
	color:#000000;
	text-align:center;
}

a{
	color: #5F1E6C;
	text-decoration:underline;
}

a:visited{
	color:#FF0000;
}

a:active{
	color:#FFFF66;
}


#wrapper{
	margin: 0px auto;
	width: 820px;
	text-align:left;	
}
#header{
	height: 150px;
	width: 790px;
	border:2px #5F1E6C solid;
}

img.header{
	display:block;
	text-align:center;
}

img.tennis{
	float:left;
}

#menu{
	width: 210px; /* changed to 210px  because it contains 210px wide image and div#record is 210px wide (width + padding) */
	height: 230px;
	font-size: medium;
	float: left; /* added this */
}

img.divider{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

a.menu{
	font-family:"Arial Black";
	color:#FFFFFF;
	font-weight:bolder;
	font-variant:small-caps;
	text-decoration:none;
	text-align: right;
	display:block;
	font-size:12px;
}

a.menu:hover{
	color:#F9DC00;
}

img.menu{
	border:0px;
}

#title {
	padding:5px 0 0 10px;
	float:left;
}

#title img {
	width:578px;
}

#content{
	float: left;
	display:inline;
	width: 555px;
	background-color:#FFFFFF;
	padding: 0px 10px 5px 13px;
	margin: 0px 0px 0px 10px;
}

img.staff{
	float:left;
	padding: 20px;
}

a.content{
	text-decoration:none;
	color:#5F1E6C;
	font-variant:small-caps;
	font-size:x-large;
}

a.content:active{
	color:#FF0066;
}

a.content:visited{
	color:#FF0000;
}

img.coach{
	padding: 10px;
	float:left;
}

p.one{
	font-family:"Arial Black";
	font-size:xx-large;
	font-weight: bold;
}

p.two{
	font-family:Verdana;
	font-size:medium;
	font-weight:bold;
}

p.normal{
	font-family:Verdana;
	font-weight: normal;
	font-size:medium;
}

p.event{
	color:#0033CC;
	font-size:large;
}

p.hook{
	font-family:Verdana;
	font-size:x-large;
	font-weight:bold;
	color: #5F1E6C;
}

ul.content{
	list-style:square;
	font-family:Verdana;
	font-size:medium;
}

p.about{
	font-family:Arial;
	font-weight:bold;
	font-size:small;
}

p.quote{
	font-family:Arial;
	font-size:medium;
	font-style: italic;
}

#record{
	background-color:#5F1E6C;
	width: 190px;
	height:auto;
	font-family:Arial;
	color:#F9DC00;
	font-size:16px;
	padding: 0px 10px 10px 10px;
	font-family:Arial;
}

.imgrecord{
	padding: 0px;
	}

p.tba{
	text-align:center;
	font-weight:bold;
	font-size:x-large;
}

p.uc{
	font-size:medium;
	font-weight:bold;
	text-align:center;
}

h3.event{
	text-align:center;
	font-family:"Arial Black";
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
	font-size:xx-large;
}

h4.event{
	font-size:large;
	text-align:center;
}


h3.day{
	font-weight:bold;
	font-size:large;
	font-family:"Arial Black";
	padding-left:50px;
}

h5.time{
	font-weight:bold;
	font-size:medium;
	font-style:italic;
	padding-left: 75px;
}

h3.date{
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
	color:#0066FF;
	font-family:"Arial Black";
	font-size:large;
	text-align:center;
}

p.set
{
	padding-left:80px;
}
ul.events{
	list-style:circle;
	list-style-position:inside;
	font-size:medium;
	padding-left:90px;
}

hr{
	color:#000000;
	width: 600px;	
}

table.sec{
	width:100%;
	text-align:center;
}

table.year{
	width:100%;
	text-align:right;
}

table.scholar{
	width:100%;
	text-align:center;
}

h2.record{
	font-weight:bold;
	font-size:medium;
}

#footer{
	position: absolute;
	background-color:#FFFFFF;
	width: 1085px;
	height: 50px;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:10px;
}
