@charset "utf-8";
/* CSS Document */

body 
{
	background-color: #333;
}


#layout 
{
	width: 1024px;
	background-color: #900;
	margin-left: auto;
	margin-right: auto;

	
}

/*--- HEADER ---*/

#header 
{
	margin-top: 20px;
	text-align: center;
	}
#title
{
	font-size: 36px;
	font-family: Copperplate Gothic Light;
	border-bottom: double 3px black;
}
img.logo
{
	width: 125px;
	margin: 5px 5px 5px 5px;
	/* border: solid 1px red; */
}
img.header
{
	margin: 5px 5px 5px 5px;
	height: 125px;	/* border: solid 1px red; */
}
/*--- CONTENT ---*/

#content 
{
	margin-left:  auto;
	margin-right: auto;
	padding: 1em 5% 5% 5%;
}
#teamPic
{
	border: double 10px black;
	width: 65%;	
}
#teamWelcome
{
	margin-left: 18%;
	margin-right: auto;
	width: 65%;
	float: left;
}

/*--- ROSTER CONTENT ---*/

img.playerThumbnail
{
	width: 100px;	
}
table.tblRoster
{
	border: double 10px black;
	font-family: Copperplate Gothic Light;
	font-size: 10pt;
	text-align: left;
}
tr.trHeader
{
	
}
th.thImage
{
	width: 80px;
	border-bottom: solid 2px black;
}
th.thNumber
{
	width: 14px;
	border-bottom: solid 2px black;
}
th.thAthlete
{
	width: 160px;
	border-bottom: solid 2px black;
}
th.thPositions
{
	width: 100px;
	border-bottom: solid 2px black;
}

th.thEmail
{
	width: 220px;
	border-bottom: solid 2px black;
}

th.thHSYear
{
	width: 50px;
	border-bottom: solid 2px black;
	text-align:center;
}

td.tdImage
{
	border-bottom: solid 2px black;
	border-right: dotted 1px black;
}

td.tdNumber
{
	border-bottom: solid 2px black;
	border-right: dotted 1px black;
	text-align:center;
}

td.tdAthlete
{
	border-bottom: solid 2px black;
	border-right: dotted 1px black;
}

td.tdPositions
{
	border-bottom: solid 2px black;
	border-right: dotted 1px black;
	text-align:center;
}

td.tdEmail
{
	font-family: Tahoma;
	border-bottom: solid 2px black;
	border-right: dotted 1px black;
}

td.tdHSYear
{
	text-align:center;
	border-bottom: solid 2px black;
}
span.yr2012
{
	background-color:#3FF;
}
span.yr2013
{
	background-color:#FF3;
}
span.yr2014
{
	background-color:#FF80FF;
}

/*--- PLAYER PAGE ---*/


table.tblPly
{
	border: double 10px black;
	font-family: Copperplate Gothic Light;
	font-size: 10pt;
	text-align: left;
}
tr.trPlyHeader
{

}
th.thPlyPlayerName
{
	background-color: #F61D26;
	text-align: center;
	border-bottom: solid 1px black;
}

td.tdPlyInfo1
{
	width: 20%;
	border-bottom: dotted 1px white;
}
td.tdPlyInfo2
{
	width: 50%;
	border-bottom: dotted 1px white;
}
td.tdPlyInfo3
{	
	width: 30%;
	text-align: center;
}
img.PlyBigThumbnail
{
	width: 200px;
}

/*--- VIDEO CONTENT ---*/

td.tdDirectVideoLink
{
	text-align: right;
}

/*--- EVENT CONTENT ---*/

th.thDate
{
	width: 150px;
	border-bottom: solid 1px black;
	text-align: left;
}
th.thEvent
{
	width: 350px;
	border-bottom: solid 1px black;
}
th.thLocation
{
	width: 150px;
	border-bottom: solid 1px black;
}
td.tdDate
{
	height: 20px;
}
td.tdSchedule
{	
	font-size: 10pt;
 	text-align: left;
 	padding-left: 20px;
}
 td.tdDateTimeSm
 {	
 	font-family: Arial;
 	font-size: 8pt;
 	text-align: left;
 	padding-left: 20px;
 }
 td.tdOpponentSm
 {	
 	font-family: Arial;
 	font-size: 8pt;
 }
 td.tdLocationSm
 {	
 	font-family: Arial;
 	font-size: 8pt;
 }

/*--- RECORD CONTENT ---*/

th.thResult
{
	width: 25px;
	border-bottom: solid 1px black;
}
td.tdScoreWL
{
	width: 5px;
}
td.tdScore
{
	width: 14px;
}


/*--- CONTACT CONTENT ---*/

#contact
{
	font-family: Copperplate Gothic Light;
	text-align: left;
}

/*--- NAVIGATION ---*/


#navContainer 
{
	float: left;
	width: 20%;
	background: #900;
	margin: 0 auto;
	padding: 1em 0;
	font-family: Copperplate Gothic Light;
	font-size: medium;
	text-align: left;
	text-transform: lowercase;	/* border: solid 1px black; */
	font-weight: bolder;
}

ul#navList
{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 60%;
}

ul#navList li
{
	display: block;
	margin: 0;
	padding: 0;
}

ul#navList li a
{
	display: block;
	width: 100%;
	/*padding: 0.5em 0 0.5em 2em;*/
	padding: 0.25em 0 0.25em 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	/* color: #777; */
	color: #FFF;
	text-decoration: none;
	background: #600;
}

#navContainer>ul#navlist li a { width: auto; }

ul#navList li#active a
{
	background: #600600;
	color: #000;
}

ul#navList li a:hover, ul#navlist li#active a:hover
{
	color: #000000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

/*--- FOOTER ---*/

#footer 
{
	clear: both ;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}
#copyright
{
	font-family: Tahoma;
	font-size: small;
}