/* CSS Document */

body {
	background-color: #C0C0C0;
	/*background-image:url(../images/background.png);
	background-repeat: repeat;
	background-position:center;*/
	font-size: 13px;
	line-height: 20px;
	font-family: Arial,Verdana,Sans-Serif;
	color:#333333;
	padding:0;
	margin:0px;
}

a {color: darkblue;text-decoration: none;}
a:visited {color:#333333;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
	font-size: 18px;
	/*text-transform:uppercase;*/
	padding:5px 0 5px 15px;
	color:#000033;
	margin:0px }

h2 {
	font-size:15px;
	font-weight: bold;
	padding: 5px 10px;
	margin:0px;}

h3 {
	font-size:14px;
	color:#990000;
	line-height:15px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin:0;
	border-top:1px solid #000033;
	border-bottom:1px solid #000033;
	}
	
img	{
	display: inline;
	margin: 0;
	border: none;
}

.playername {
	font-size:40px;
	line-height:41px;
	font-weight:bold;
	letter-spacing:-.05em;
	color:#000033;
}
	

/* ----------container for layout-------------- */
#wrap {
	width: 870px;
	background-image:url(../images/background.png);
	background-repeat: repeat;
	background-position:center;
	margin-left: auto;
	margin-right: auto;
}

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

/* ----------Header-------------- */
#header {
	background-color: #0B5FD9;
	background-image:url(../images/header.png);
	background-repeat: no-repeat;
	height: 114px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
#header img {padding:10px 0px;}

/* ----------SUBNAV-------------- */
#subnav {
	background-color: #F5DEB3;
	height: 15px;
	text-align: left;
	border-bottom: 1px solid LightSlateGray;
	border-width:1px;
	padding: 3px 0 3px 10px;
	margin: 0px;
} 
#subnav a {
	font-size: 10px;
	font-family: Arial,Verdana,Sans-Serif;
	color:#666666;
}
#subnav a:hover {
	color: darkblue;text-decoration: none;
} 

/* -----------------Content--------------------- */
#content {
	background-image:url(../images/stripes.gif);
	background-repeat:repeat-y;
	padding: 10px 10px 20px 10px;
	/*background-color: #ffffff;
	padding: 10px;*/
}
#content-stripes {
	background-image:url(../images/stripes.gif);
	background-repeat:repeat-y;
	padding: 10px;
}
div#content { 
	min-height:500px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
	padding: 5px 10px 15px 15px;
	margin:0px;
}

/* --------------Navigavtion-------------*/
#navcontainer {
	position: relative;
	height: 25px;
	padding: 0;
	background: LightSlateGray;	
	}

#nav {
	position: absolute;
	top: 5px;
	left: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 780px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px /*important*/; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -20px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -40px;
	}
	
#thome a  {
	width: 41px;
	background: url(../images/nav/home.gif) top left no-repeat;
	}

#thistory a  {
	width: 50px;
	background: url(../images/nav/history.gif) top left no-repeat;
	}
	
#thistory-on a  {
	width: 50px;
	background: url(../images/nav/history.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tgame a  {
	width: 42px;
	background: url(../images/nav/game.gif) top left no-repeat;
	}
	
#tgame-on a  {
	width: 42px;
	background: url(../images/nav/game.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#troster a  {
	width: 77px;
	background: url(../images/nav/roster.gif) top left no-repeat;
	}
	
#troster-on a  {
	width: 77px;
	background: url(../images/nav/roster.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tauction a  {
	width: 52px;
	background: url(../images/nav/auction.gif) top left no-repeat;
	}
	
#tauction-on a  {
	width: 52px;
	background: url(../images/nav/auction.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#talumni a  {
	width: 52px;
	background: url(../images/nav/alumni.gif) top left no-repeat;
	}
	
#talumni-on a  {
	width: 52px;
	background: url(../images/nav/alumni.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tsponsorship a  {
	width: 77px;
	background: url(../images/nav/sponsorship.gif) top left no-repeat;
	}
	
#tsponsorship-on a  {
	width: 77px;
	background: url(../images/nav/sponsorship.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tphotos a  {
	width: 49px;
	background: url(../images/nav/photos.gif) top left no-repeat;
	}
	
#tphotos-on a  {
	width: 49px;
	background: url(../images/nav/photos.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tshop a  {
	width: 42px;
	background: url(../images/nav/shop.gif) top left no-repeat;
	}
	
#tshop-on a  {
	width: 42px;
	background: url(../images/nav/shop.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tposters a  {
	width: 59px;
	background: url(../images/nav/posters.gif) top left no-repeat;
	}
	
#tposters-on a  {
	width: 59px;
	background: url(../images/nav/posters.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tyearbook a  {
	width: 68px;
	background: url(../images/nav/yearbook.gif) top left no-repeat;
	}
	
#tyearbook-on a  {
	width: 68px;
	background: url(../images/nav/yearbook.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tcontact a  {
	width: 72px;
	background: url(../images/nav/contact.gif) top left no-repeat;
	}
	
#tcontact-on a  {
	width: 72px;
	background: url(../images/nav/contact.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tlinks a  {
	width: 41px;
	background: url(../images/nav/links.gif) top left no-repeat;
	margin-left:45px;
	}
	
#tlinks-on a  {
	width: 41px;
	background: url(../images/nav/links.gif) top left no-repeat;
	background-position: 0 -40px;
	margin-left:45px;
	}

#tmedia a  {
	width: 47px;
	background: url(../images/nav/media.gif) top left no-repeat;
	}
	
#tmedia-on a  {
	width: 47px;
	background: url(../images/nav/media.gif) top left no-repeat;
	background-position: 0 -40px;
	}

#tblank  {
	width: 100px;
	}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	padding: 8px 0px 20px 0px;
	text-align: center;
	font-size: 9px;
	line-height: 2em;
	width: 800px;
	/*height:250px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #0B5FD9;
	font-family: Arial,Verdana,Sans-Serif;
	color: #000000;
 }
 #footer-bar {
	clear: both;
	width: 800px;
	height:10px;
	background-color: LightSlateGray;
	border-bottom:1px solid white;
	/*margin-top:10px;*/
 }

/* -----------BOXES--------------------------- */
#boxtop2 {
	float: left;
	width: 768px;
	background-color:inherit;
	/*background: url(../images/boxtop2.png) top left no-repeat;*/
 }

#boxbottom2 {
	float: left;
	width: 768px;
	text-align: left;
	/*padding: 8px 5px 30px 5px;*/
	/*background: url(../images/box2.png) bottom left no-repeat;*/
 }
#boxtop {
	float: left;
	width: 375px;
	background: url(../images/boxtop.png) top left no-repeat;
 }

#boxbottom {
	float: left;
	width: 375px;
	text-align: left;
	/*padding: 8px 5px 30px 5px;*/
	background: url(../images/box.png) bottom left no-repeat;
 }

#boxgutter {
	float: left;
	width: 20px;
 }
 
 /* Gallery Tables */

div#gallery-table {
width: 750px;
margin: 0 auto;
background-color:#FFFFFF;
padding:10px;
border: 1px solid black;
}

/*POP UP IMAGES*/
.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #778899;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: white;
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: -30px;
left: -150px; /*position where enlarged image should offset horizontally */
}

#video-left {
	height: 300px;
	width: 360px;
	float: left;
	margin-left:15px;
}

#video-right {
	height: 300px;
	width: 360px;
	float: right;
	margin-left:15px;
}