/*
CSS for Club Sport Tidalwaves site
*/

body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   line-height: 125%;
   padding: 0;
   margin: 0;

}

#container {
   width:100%;
   text-align:center;
   padding-top:10px;
   padding-bottom: 20px;
   background-color: black;
}

#page {
   width:1000px;
   text-align:left;
   margin: 0 auto;
   border: 2px solid maroon;
   background:url("Background2.jpg");
}

h1, h2, h3 {
   font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
   font-size: 30pt;
   color: Black;
   padding-top: 1.5em;
   padding-left: 3em;
   margin: 0;
}

h2 {
   color: maroon;
   font-size: 130%;
   font-weight:  normal;
   padding-top: 15px;
}

h3 {
   color: maroon;
   font-size:  medium;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
}

h4 {
   color: maroon;
   font-size: medium;
   margin-top: 0;
   margin-bottom: 0;
   line-height: 100%;
}


h2, ul {
   margin-top: 15px;
}

p {
  font-size: small;
  color: black;
}

li {
   font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
   font-size: small;
   list-style-type: square;
}

em {
   text-transform: uppercase;
}

a {
   font-weight: bold;
}

a:link {
   color: black;
}

a:visited {
   color: #696969;
}

a:hover {
   text-decoration: none;
   color: white;
   background-color: maroon;
}

a:active {
   color: white;
   background-color: black;
}

.fun {
   color: maroon;
   font-family: Georgia, Times, serif;
   letter-spacing: 0.05em;
}


img {
   border: 5px solid maroon;
}

.feature{
   float:left;
   margin:10px;
}

.contentconstrained{
 padding-left:310px;
 }
 
.galleryphoto p {
   font-size: 65%;
   font-weight: bold;
   margin-top: 0;
   width: 430px;
   line-height: 1.4em;
}

.photocredit {
   font-weight: normal;
   color: #696969;
}


.coachphoto {
   margin-top: 0;
   padding-top: 20px;
   float: left; 
   width: 180;
}

#coach {
   height: 300px;
   border-bottom: 1px dotted maroon;
   float: left;
}

#volunteer {
   height: 210px;
   border-bottom: 1px dotted maroon;
   float: left;
}
#coachbio {
   width:  590px;
   float: right;
   padding-top: 20px;
   padding-left:10px;
}

#Volunteerinfo {
   width:700px;
   float: left;

}
.newsphoto {

}


.galleryphoto {
   padding-bottom: 20px;
   border-bottom: 1px solid maroon;
   margin-bottom: 10px;
}

/*
This section deals with the schedule tables and formating.
*/
table.schedule{
  border-collapse: collapse;
  border: 1px solid maroon;
 }

table.schedule th, table.schedule td{
  text-align: center;
  background: white;
  color: black;
  padding:0.5em;
  border: 1px solid maroon;
 }

table.schedule th{
  font-size:x-small;
  background:#241374;
  color:#ffffff;
  padding-top:0;
  padding-bottom:0;
  padding-left:2px
  padding-right:2px;
  
}
table.schedule caption{
  color: #000066;
  font-size:small;
  text_-lign:left;
  padding-bottom:5px;
  font-weight:bold;
}
table.schedule td{
 font-size:small;
}  

/*
This section deals with the time standard tables and formating.
*/
table.timestandard{
  border-collapse: collapse;
  border: 1px solid maroon;
 }

table.timestandard th, table.timestandard td{
  text-align: center;
  background: white;
  color: black;
  padding:0.5em;
  border: 1px solid maroon;
 }

table.timestandard th{
  font-size:x-small;
  text-align:left;
  background:#241374;
  color:#ffffff;
  padding-top:0;
  padding-bottom:0;
  padding-left:2px
  padding-right:2px;
  
}
table.timestandard caption{
  color: #000066;
  font-size:small;
  text_-lign:left;
  padding-bottom:5px;
  font-weight:bold;
}
table.timestandard td{
 font-size:small;
}  

/*
This section deals with the record tables and formating.
*/

table.records{
  border-collapse: collapse;
  border: 1px solid maroon;
 }

table.records th, table.records td{
  text-align: center;
  background: white;
  color: black;
  padding:0.5em;
  border: 1px solid maroon;
 }

table.records th{
  font-size:x-small;
  background:#241374;
  color:#ffffff;
  padding-top:0;
  padding-bottom:0;
  padding-left:2px
  padding-right:2px;
  
}
table.records caption{
  color: #000066;
  font-size:small;
  text_-lign:left;
  padding-bottom:5px;
  font-weight:bold;
}
table.records td{
 font-size:x-small;
}  


/*
This section deals with the position of items on the screen.  
It uses absolute positioning - fixed x and y coordinates measured
from the top-left corner of the browser's content display.
*/

#bodycontent {
   position: relative;
   width: 1000px;
}

#navigation {
   float: left;
   width: 190px;
   border-right: 2px solid maroon;
   border-bottom: 2px solid maroon;
}

#contentwell {
   float: right;
   width: 788px;
   border: 0px;
   padding: 10px;
}

#header {
   position: relative;
   border-top: 3px solid #D3D3D3;
   height: 140px;
   width: 1000px;
}

#tidalwaveslogo {
   position: absolute;
   top: 0px;
   left: 0px;
}

.img {
   border: none;
}    

#sitename {
   top: 0px;
   left: 170px;
   width: 630;
   position: absolute;
}

#clubsportlogo {
   position: absolute;
   top: 0px;
   left: 800px;
}


#tagline {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 200px;
}

#tagline p {
   font-style: italic;
   font-family: Georgia, Times, serif;
   background-color: #FFFFFF;
   border-top: 3px solid maroon;
   border-bottom: 3px solid maroon;
   padding-top: .2em;
   padding-bottom: .2em;
   padding-left: .8em;
   margin: 0;
}

#news {
   position: absolute;
   top: 110px;
   left: 200px;
   width: 800px;
   font-style: italic;
   font-family: Georgia, Times, serif;
   background-color: #FFFFFF;
   border-top: 3px solid maroon;
   border-bottom: 3px solid maroon;
   padding-top: .2em;
   padding-bottom: .1em;
   margin: 0;

}

#footer {
   clear: both;
}


#TeamActivityVolunteers {
}