body
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
background: #dddddd;
}


/* wraps all sections together */
#wrapper
{
width: 1000px;
margin: 0px auto;
background: #ffffff;
border-style: solid;
border-color: #888888;
border-width: 1px;
}



/* header (top) section */
table#header
{
height: 150px;
width: 1000px;
border-collapse: collapse;
background: #003399;
}

table#topbar {width: 1000px; height: 25px; border-collapse: collapse; background: #eee8cd; }
.topbarleft {font-size: 60%; text-align: left; padding: 0 5px; color: #000000; }
.topbarright {font-size: 60%; text-align: right; padding: 0 5px; color: #000000; }


/* menu (left) section */
#left
{
float: left;
width: 180px;
font-size: 75%;
background:#ffffff;
}

#left ul
{
list-style: none;
padding: 0;
margin: 0;
}

#left li
{
margin: 0;
}

#left li a 
{
background: #003399;
line-height: 2.2em;
width: 150px;
display: block;
border: 1px solid #999999;
margin: 1px;
color: #ffffff;
text-decoration: none;
text-align: center;
}

#left li a:hover
{
background: #00ff7f;
line-height: 2.2em;
width: 150px;
display: block;
border: 1px solid #999999;
margin: 1px;
color: #000000;
text-decoration: none;
text-align: center;
}


/* main section */
#main {
float: left;
width: 810px;
background:#ffffff;
}


#main ul
{
list-style: none; margin-top: 0; margin-bottom: 0;
}

#main li
{
list-style-image: url("_images/green_arrow.gif");
font-size: 80%;
line-height: 2.0em;
}


/* footer section */
#footer {
clear: left;
height: 75px;
background: #ffffff;
}
p.footertext {font-size: 70%; text-align: center; line-height: 1.0em; }

table#bottombar {width: 1000px; height: 25px; border-collapse: collapse; background: #003399; }
.bottombarleft {font-size: 60%; text-align: left; padding: 0 5px; color: #ffffff; }
.bottombarright {font-size: 60%; text-align: right; padding: 0 5px; color: #ffffff; }


/* primary fonts */

p {font-size: 80%; line-height: 1.5em; margin: 0; padding: 5px; }
H1 {font-family: Arial, Hevetica, Sans-Serif; font-size: 140%; font-weight: bold; color: #000066; margin: 0; padding: 5px; }
H2 {font-family: Arial; Helvetica, Sans-Serif; font-size: 100%; font-weight: bold; margin: 0; padding: 5px; }
H3 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size: 80%; font-weight: bold; margin: 0; padding: 5px; }
H4 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size: 70%; font-weight: normal; margin: 0; padding: 5px; }
H5 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size: 70%; font-weight: bold; margin: 0; padding: 5px}
H6 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size: 70%; font-weight: normal; color: #999; margin: 0; padding: 0 5px; }

/* table on Coaches page */
table#coaches {width: 100%; float: left; border-collapse: collapse; }
.coachname {font-size: 90%; font-weight: bold; padding: 0 0 0 5px;}
.coachtitle {font-size: 80%; padding: 0 0 0 5px; }
.coachinfo {font-size: 80%; }

/* table on Calendar page */
table#calendar {width: 100%; border-collapse: collapse; margin-left: 1px; }
table#calendar td {border-style: solid; border-color: #ccc; border-width: 1px; }
.calendartop {background-color: #000066; color: #fff; font-size: 80%; font-weight: bold; line-height: 2em; text-align: center; }
.calendardata {font-size: 70%; line-height: 2em; }

/* table on Practice page */
table#practice {width: 100%; border-collapse: collapse; margin-left: 1px;}
table#practice td {border-style: solid; border-color: #ccc; border-width: 1px; }
.practicetop {background-color: #000066; color: #fff; font-size: 80%; font-weight: bold; line-height: 2em; text-align: center; }
.practicedata {font-size: 75%; line-height: 2em; }

/* tables on Results page */
table#results {width: 100%; border-collapse: collapse; margin-left: 1px;}
table#results td {border-style: solid; border-color: #ccc; border-width: 1px; }
.resultstop {background-color: #000066; color: #fff; font-size: 80%; font-weight: bold; line-height: 2em; text-align: center; }
.resultsdata {font-size: 70%; line-height: 2em; }
table#vslresults {width: 300px; float: left; border-collapse: collapse; margin: 5x; }
.vslteams {font-size: 70%; text-align: left; padding: 0 10px; }
.vslresults {font-size: 70%; text-align: right; }

/* tables on Awards page */
table#girlsawards {width: 100%; border-collapse: collapse; margin-left: 1px; }
table#girlsawards td {border-style: solid; border-color: #ccc; border-width: 1px; }
table#boysawards {width: 100%; border-collapse: collapse; margin-left: 1px; }
table#boysawards td {border-style: solid; border-color: #ccc; border-width: 1px; }
.awardstop {background-color: #000066; color: #ffffff; font-size: 80%; font-weight: bold; text-align: center; }
.awardsstroke {font-size: 80%; text-align: left; }
.awardsage {font-size: 80%; text-align: center; }
.awardstime {font-size: 80%; text-align: right; }
p.countytimes {font-size: 70%; text-align: right; padding: 0 5px 0 0; }

/* tables on Records page */
table#girlsrecords {width: 100%; border-collapse: collapse; }
table#boysrecords {width: 100%; border-collapse: collapse; }
.rdata {font-size: 60%; }
p.vsl {font-size: 75%; text-align: right; font-weight: bold; color:  #000066; }

/* tables on VSL page */
.vdata {font-size: 60%; }

/* tables on Contact Us, Job and Committeee Descriptions pages */
table#jobs {width: 100%; border-collapse: collapse; }
table#jobs td {padding: 10px; }
.jobdata {font-size: 80%; line-height: 1.5em; }

/* generic links */
a:link {color: #000066; }
a:visited {color: #660099; } 
a:active{color: #ff0000; }
a:hover {color: #660000; }