body  {
   margin:  0;
   padding: 0;
   color:   black;
   background-color: white;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
   font: 13px/1.5 Verdana, sans-serif;
   }  
h1 {
   font-size:  2em;
   }
h2 {
   font-size:  1.75em;
   }
h3 {
   font-size:  1.5em;
   }
h4, h5   {
   font-size:  1.25em;
   }
   
h1, h2, h3, h4, h5, h6  {
   margin:  50px 0px 0 0;
   padding: 0;
   font-family:   Arial, sans-serif;
   color: black;
   background: transparent;
   text-align : Center;
   }
h3.recordsgirls {
   color: red;
   text-align : Left;
   }
h3.recordsboys {
   color: blue;
   text-align : Left;
   }
h3.news {
   margin:  0 0 0 25px;
   color: blue;
   text-align : Left;
   }
h3.article {
   margin:  0px 0px 0 0;
   padding: 0;
   font-family: Arial,geneva,helvetica;
   font-size: 12pt;
   color: #000000;
   text-align : Left;
}
h4.article {
   margin:  0px 0px 0 0;
   padding: 0;
   font-family: Arial,geneva,helvetica;
   font-size: 10pt;
   color: #000000;
   text-align : Left;
   font-weight: normal;
}
#content {  /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
   width:100%;
   padding: 0 0 0px 10%;
   margin: 0 10% 0 0;
  }
html>body #content {
   padding: 0 10% 0px 10%;
   width:85%;
} 
#results {  /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
/*   width:100%; */
   font-family: Courier New,sans-serif;
   font-size: 12px;
   margin: 0 0px 0px 150px;
   }
/* primitive version for css-1 agents */
p  {
   margin:  .5em ;
   text-indent: 2em;
   }
   
/* sophisticated alternative for css-2 agents */
#content p+p   {  
   margin-top: -.5em;
   text-indent: 2em;
   }
p.purple {
   color: purple;
   text-align: Left;
   }
p.pre {
   white-space: pre;
   }
p.noindent {
   margin:  .5em ;
   text-indent: 0;
   }
p.center {
   text-align: center;
   font-size:  1.5em;
   }
p.center2 {
   text-align: center;
   }
div.article {
   width: 55%;
   padding: 0;
   font-family: Arial,geneva,helvetica;
   font-size: 9pt;
   color: #000000;
   font-weight: normal;
}
div.center {text-align: center}
span.green {
   color: #00af35;
   }
span.blue {
   color: blue;
   }
span.red {
   color: red;
   }
span.black {
   color: black;
   text-decoration: underline;
   }
strong.coach {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 20px;
   color: #000066;
   }
.smfont{
   font-family: Verdana, sans-serif;
   font-size: 10px;
   color: #000066;
   }
.smfontstrike{
   font-family: Verdana, sans-serif;
   font-size: 10px;
   color: #000066;
   text-decoration : line-through;
   }
.smfontbold{
   font-family: Verdana, sans-serif;
   font-weight: 700;
   font-size: 10px;
   color: #000066;
   }
.smfontred{
   font-family: Verdana, sans-serif;
   font-weight: 700;
   font-size: 10px;
   color: red;
   }
table {
   border-collapse: collapse;
   border: none purple;
   margin: 5% 5% 5% 5%;
   padding: 0;
   }
table.picts {
   border-collapse: collapse;
   border: none purple;
   margin: 0 0 0 30%;
   padding: 0;
   }
tr.row:hover {
   background-color: #aaa0ff;
   }
th {
   border: solid purple;
   padding: 5px;
   text-align : center;
   }
th.header {
   border: solid purple;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 36px;
   padding : 5px;
   text-align : center;
   }
th.practice {
   border: solid purple;
   font-family: Arial,Helvetica, sans-serif;
   font-size: 24px;
   font-weight: 700;
   padding : 5px;
   text-align : center;
   }
td {
   border: solid purple;
   padding: 5px;
   text-align : center;
   }
td.picture {
   border: none;
   padding: 5px;
   text-align : center;
   }
td.calendar {
   border: solid purple;
   text-align : center;
   vertical-align: top; 
   }
td.orange {
   border: solid purple;
   text-align : center;
   vertical-align: top; 
   background-color : #ff9900;
   }
td.green {
   border: solid purple;
   text-align : center;
   vertical-align: top; 
   background-color : green;
   }
td.red {
   border: solid purple;
   text-align : center;
   vertical-align: top; 
   background-color : red;
   }
td.blue {
   border: solid purple;
   text-align : center;
   vertical-align: top; 
   font-weight: 700;
   background-color : blue;
   }
td.yellow {
   border: solid purple;
   text-align : center;
   vertical-align: top; 
   font-weight: 700;
   background-color : yellow;
   }
td.fuchsia {
   border: solid fuchsia;
   text-align : center;
   vertical-align: top; 
   font-weight: 700;
   background-color : fuchsia;
   }
img {
   border: none;
   margin: 10px 10px 10px 10px;
   padding: 10px 10px 10px 10px;
   }
img.fish {
   margin: 20px 10px 15px 300px;
   }
img.sign {
   margin: 20px 10px 15px 200px;
   }
img.coach {
   margin-right: 10px;
   float : left;
   border: solid blue;
   }
img.picts {
   border: none;
   margin: 0 0 0 10%;
   padding: 0;
   }
a  {
   text-decoration:  none;
   font-weight:   bold;
   }
a:link   {
   color:   blue;
   background-color: transparent;
   }
a:visited   {
   color:   navy;
   background-color: transparent;
   }
a:active {
   color:   #cc0;
   background-color: transparent;
   }
a:hover  {
   color:   red;
   background-color: transparent;
   text-decoration:  underline;
   }
#ciyheader {
    width: 100%;                           
    margin: 0;
    border-bottom: 2px solid #000;        
    padding-top: 1px;                      
    padding-bottom: 1px;                   
    color: #000;                           
    background-color: #00ff00;
    text-align : center; 
}
#menucontent {
   margin:0px 50px 50px 300px;
   padding:10px;
   }
#menu {
   position:absolute;
   top:175px;
   left:20px;
   width:250px;
   padding:10px;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:224px;
   }
/* Again, "be nice to Opera 5". */
body>#menu {width:224px;}

#contentcalendar {  /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
   padding: 0 0% 0px 0%;
   } 
#footer {
   padding : 10%;
   font-family: Times Roman, serif;
   font-size: 24px;
   color: #000066;
   text-align : center;
}
ul.center {
   margin:0;
   padding:10px 10px 0;
   list-style:none;
   text-align: center;
   font-size:  1.5em;
   }
#header {
   float:left;
   width:100%;
   background:#DAE0D2 url("images/bg.gif") repeat-x bottom;
   font-size:93%;
   line-height:normal;
   }
#header ul {
   margin:0;
   padding:10px 10px 0;
   list-style:none;
   }
#header li {
   display:inline;
   margin:0;
   padding:0;
   }
#header a {
   float:left;
   background:url("images/left_both.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 9px;
   border-bottom:1px solid #765;
   text-decoration:none;
   }
#header a span {
   float:left;
   display:block;
   background:url("images/right_both.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   font-weight:bold;
   color:#765;
   }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
   color:#333;
   }
#header #current a {
   background-position:0 -150px;
   border-width:0;
   }
#header #current a span {
   background-position:100% -150px;
   padding-bottom:5px;
   color:#333;
   }
#header a:hover {
   background-position:0% -150px;
   }
#header a:hover span {
   background-position:100% -150px;
   }