body{

margin: 10px 0 10px 0;
padding:0;
text-align:center;
background: #BDBDBD;
background-attachment: fixed;
letter-spacing: 1px;
/*menu nav for IE8 and AOL 9.5*/
behavior:url("csshover.htc");
}

#pagewidth{

width:960px;
background-color: #FFFFFF;
border: 4px solid #FFFFFF;
text-align:left;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 13px;
line-height: 1.6em;
color: #000000;
}



#header{
position: relative;
height: 93px;
width: 100%;
background: #005800 url(images/banner.jpg) no-repeat 0% 0%;
}

.title {
margin: 0;
padding: 32px 0 0 78px;
color: #FFFFFF;
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;
}

#menu2 {
margin: 0 0 12px 0;
float:right;
width:100%;
font-size:93%;
line-height:normal;
border-bottom: 1px solid #005800;

}
 
#leftcol{
width:100px;
float:left;
position:relative;
}

/* NAVIGATION LEFT */

#menuContainer {
background-color: #FFFFFF;
width: 10em;
padding: 5px;
}

/* Link styles*/
.menuContainer a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 8pt;
  font-family: Verdana, Arial, sans-serif;
}

.menuContainer a:hover {
  color: #FFFF00;
}

/* Hide bullets in unordered list*/
.menuContainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Set li styles*/
.menuContainer li {
  background-color: #005800;
  border: 1px solid #000000;
  width: 10em;
  /* this is to make the submenus position relative to this li */
  position: relative; 
}

/* Mouseover li style*/
.menuContainer li:hover {
  border: 1px solid #005800;   
  background-color: #000000;
}

/*Initially hide second and higher level pop-ups */
.menuContainer ul ul {
  position: absolute;
  left: 10em;
  top: 0;
  visibility: hidden;
}

/*Third level menus should dissapear when first level has hover*/
.menuContainer li:hover ul ul {
	visibility: hidden;
}


/*Mouseover: display second level or third level pop-up*/
.menuContainer li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
}

a {

color: #005800;
font-weight: bold;
outline: none;

}

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



#list

{

margin-left: 20px;
padding-left: 0;
list-style: none;

}



#list li

{

position: relative;
padding-left: 16px;
background-image: url(images/list.gif);
background-repeat: no-repeat;
background-position: 0 .5em;

}



.borders {

border: 1px solid #000000;

}



#twocols{

width:820px;
float:right;
position:relative;
height: 100%;

}



#rightcol{
width:220px;
float:right;
position:relative;
background-color:#FFFFFF;
font-size: 11px;
height: 100%;
text-align: center; 
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }



/*----------Begin Newsbox----------*/



fieldset {

padding: 6px;
margin-top: 6px;
text-align: center;
}



legend {

color: #000000;
font-weight: normal;
letter-spacing: 1px;
font-size: 14px;
text-transform: uppercase;
}



/*----------End Newsbox----------*/



#maincol{

background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:580px;
height: 100%;
color: #005800;
}



h1,h2,h3 {

margin: 0 20px 5px 20px;
font-size: 22px;
font-weight: normal;
color: #005800;
letter-spacing: 3px;
line-height: normal;

}



h4 {

margin: 10px 0 0 0;
padding: 4px 0 4px 6px;
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #FFFFFF;
letter-spacing: 2px;
line-height: normal;
background: #000000;
background-position: right;

}



#text{

padding: 0 20px 20px 20px;

}


.redtext{

text-align: center;
font size: 40px;
font-weight: bold;
color: #FF0000;

}

#footer {

padding: 20px 0 20px 0;
background-color:#FFFFFF;
clear: both;
text-align: center;
font-style: italic; 
font-size: 0.9em;
color: #005800;

}



.clearfix:after {

content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

}



.clearfix{display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */

table.hysT
{ font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: normal;
font-size: 11px;
color: #000000;
width: 540px;
background-color: #000000;  
border: 1px #D3D3D3 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.hysT td.hysHd
{ border-bottom: 1px solid #D3D3D3;
background-color: #000000;
text-align: center;
font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: bold;
font-size: 14px;
color: #FFFFFF;}


table.hysT td
{ border-bottom: 1px solid #D3D3D3;
font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: normal;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
text-align: left;
padding-left: 3px;}

.hysBodL { border-left: 1px solid #D3D3D3; } 

table.hysT2
{ font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: normal;
font-size: 11px;
color: #000000;
width: 540px;
background-color: #000000;  
border: 1px #D3D3D3 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.hysT2 td.hysHd
{ border-bottom: 1px solid #D3D3D3;
background-color: #005800;
text-align: center;
font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: bold;
font-size: 14px;
color: #FFFFFF;}


table.hysT2 td
{ border-bottom: 1px solid #D3D3D3;
font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: normal;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
text-align: center;
padding-left: 3px;}

.hysBodL { border-left: 1px solid #D3D3D3; } 

#divOuter
{        
display:inline;        
text-align:center;    
} 

#divInner1
{        
border: 1px solid;        
float:left;        
width:102px;        
height:150px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
} 

}    
#divInner2
{        
border: 1px solid;        
float:left;        
width:220px;        
height:150px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
} 

}    
#divInner3
{        
border: 1px solid;        
float:left;        
width:220px;        
height:150px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
} 

#coach
{
background-color: #F0F0F0; 
width:560px;
height:120px;
border:1px solid #330099;
padding:5px;
font-size: 12px;
text-align:left;
color: #330099;
}
.coachtitle {
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #330099;
letter-spacing: 2px;
line-height: normal;
background: #FF99CC;
background-position: right;
border: 1px solid #330099; 
}

#winterinner2
{        
border: 1px solid #330099;       
float:left;        
width:210px;        
height:80px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
padding:5px;
background:url(images/snow.jpg);
background-repeat: no-repeat;
background-position: right top; 
text-align:center;
color: #330099;
font-weight:  bold;
font-size: 12px;
}
.wintertitle
{
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #330099;
background: #FF99CC;
border: 1px solid #330099; 
}

#springinner3
{        
border: 1px solid #330099;       
float:left;        
width:210px;        
height:80px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
padding:5px;
background:url(images/spring2.jpg);
background-repeat: no-repeat;
background-position: right top; 
text-align:center;
color: #330099;
font-weight:  bold;
font-size: 12px;
}
.springtitle
{
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #330099;
background: #FF99CC;
border: 1px solid #330099; 
}

#traininner2
{        
background-color: #F0F0F0; 
border: 1px solid #330099;       
float:left;        
width:440px;        
height:125px;        
margin-top:10px; 
padding:5px;
font-size: 12px;
text-align:left;
color: #330099;
} 
.traintitle {
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #330099;
letter-spacing: 2px;
line-height: normal;
background: #FF99CC;
background-position: right;
border: 1px solid #330099; 
}

#trainvids
{        
background-color: #F0F0F0; 
border: 1px solid #330099;       
float:left;        
width:440px;        
height:280px;        
margin-top:10px; 
padding:5px;
font-size: 12px;
text-align:left;
color: #330099;
} 

#scheduleInner2
{        
background-color: #F0F0F0; 
color:#330099;
border: 1px solid #330099;      
float:left;        
width:200px;        
height:100px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
padding:5px;
font-size: 12px;
text-align:left;
}
.scheduletitle
{
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #330099;
background: #FF99CC;
border: 1px solid #330099; 
}
#standingsInner3
{        
background-color: #F0F0F0; 
color:#330099;
border: 1px solid #330099;        
float:left;        
width:200px;        
height:100px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
padding:5px;
font-size: 12px;
text-align:left;
}
.standingstitle
{
font-size: 14px;
font-weight:  bold;
text-align:center;
color: #330099;
background: #FF99CC;
border: 1px solid #330099; 
}

#rosterInner1
{        

float:left;        
width:105px;        
height:560px;        
margin-top:10px; 
margin-left:3px;        
margin-right:3px;    
text-align:center;
} 
table.roster td, th
{
background-color:#FF99CC;  
border:1px solid #F0F0F0;
font-size:10px;
padding:2px;
color:#330099;
}
table.roster th
{
background-color:#330099;
color:white;
}
table.roster caption 
{
background-color: #FF99CC;
color: #330099;
font-weight: bold;
}

img.back
{
position:absolute;  
z-index:-1;
}
.titleg {
margin: 0;
padding: 32px 0 0 78px;
color: #FF99CC;
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;
} 
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
#popup
{ 
color: #FFFFFF;
background: #005800;
margin-top:5px; 
margin-left:3px;        
margin-right:3px;    
padding:5px;
font-size: 12px;
text-align:left;
}