body {behavior: url(csshover.htc);}

/*** layout ***/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	height: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	background-image: url("../img/background.jpg");
	/*** 1 pixel color background creating shadows ***/
	background-repeat: repeat-y;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: black;
}


#container {
	vertical-align: top;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 30px;
	/*** adjust to left or right ***/
	padding-bottom: 20px;
	width: 800px;
}

#sidebar {
	height: 100%;
	float: left;
	width: 200px;
	height: 500px;
}

#header {
	float: left;
	width: 500px;
	text-indent: -9000px;
	background-image: url("../img/throwing_heat_banner3new.jpg");
	height: 150px;
}


#content {
	float: left;
	padding: 10px;
	padding-top: 0px;
	width: 480px;
}

#navigation {
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}







/*** links ***/

a {
	color: #AB0000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #663333;
}

a.subtle {
	color: grey;
}

a.external { 
	padding-right: 16px;
	background: url(../img/external.png) right no-repeat; 
}

a.external:hover {
	background: url(../img/externalhover.png) right no-repeat;
}











/*** navigation ***/

#navigation {
	width: 500px;
	background-repeat: repeat-x;
	padding-bottom: 10px;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ffcc33;
}

#nav a:hover{
	color: white;
}

#nav li li {
	padding: 3px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#nav li li a {
	display: block;
	font-size: 11px;
	color: white
}
/*** background color of dropdown hover ***/
#nav li li a:hover {
	background: #ffffcc;
}
/*** adjust padding to make it fit ***/
#nav li {
	border-right: 1px solid #999;
	background: #AB0000;
	background-image: url(../img/navback.jpg);
	background-repeat: repeat-x;
	padding: 5px 12px;
}

#nav li:hover {
	background-image: url(../img/navbackon.jpg);
}

#nav li {
	float: left;
	position: relative;
	cursor: default;
}


#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	border: 1px solid #999;
	border-right: 0px;
	border-bottom: 0px;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color: white;
	background-image: none;
	width: 100px;
}

#nav li li a, #nav li li a:hover {
	color: #683516;
}

#nav li li:hover {
	background-color: white;
	background-image: none;
}

#nav li:hover ul, li.over ul {
	display: block;
}
/*** adjust right side of last nav button - ie ***/
#navigation li.lasttop {
	text-align: left;
	border-right: 0px;
	width: 90px;
}
/*** adjust right side of last nav button - firefox ***/
#navigation ul>li.lasttop {
	width: 74px;
}


#navigation a.notready {
	text-decoration: line-through;
}







/*** #sidebar ***/
#sidebar ul {
	list-style: none;
}

#sidebar li {
}

#sidebar h4 {
	margin-top: 25px;
}


#sidebar a h5 {
	color: white;
	text-decoration: none;
	font-weight: normal;
	font-family: verdana;
	font-size: 11px;
	background: #857870 url(../img/sidebarh5.jpg);
	margin-top: 0px;
	padding: 2px 5px;
}

#sidebar a {
	background: #E4E1E1 url(../img/sidebarlink.jpg);
	display: block;
/*** color for what***/
	color: white;
	text-decoration: none;
	margin: 0px;
	border-bottom: 1px solid #857870; /*** possibly use background img for shading ***/
}

#sidebar .copy {
	padding: 5px;
}

#sidebar a:hover {
	background: #F2F2F2 url(../img/sidebarhover.jpg);
	color: white;
}

#sidebar .timestamp {
	color: #666666;
}

.sideyears {
	padding-top: 50px;
}






/*** #content ***/

#content .header {
	padding-top: 20px;
	padding-bottom: 5px;
}
/*** change background color***/
#content .blurb {
	background-color: #ffffcc;
	border-top: 1px solid #B2B09D;
	padding: 5px;
	margin: 5px 0px;
	margin-bottom: 30px;
}

#content .blurbsmall {
	background-color: #ffffcc;
	border-top: 1px solid #B2B09D;
	padding: 5px;
	margin: 5px;
	margin-bottom: 30px;
	float: left;
}

#content .rankings ol {
	margin: 0px 20px;
}

#content p {
	margin-bottom: 1em;

}

#content .photo {
	margin-left: -10px;
}

h3 {
	color: #AB0000;
	font: 24px "futura condensed", verdana, sans-serif;
	font-weight:normal;
	margin-bottom: -5px;
	margin-top: 15px;
}

h5 {
	color: #AB0000;
	font: 18px "futura condensed", verdana, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
}

.floater {
	background-color: #FBFBFB;
	border-top: 1px solid #B2B09D;
	padding: 5px;
	margin: 5px;
	margin-bottom: 5px;
}

.center {
	text-align: center;
}

fieldset {
	border: 1px solid #B2B09D;
	padding: 5px;
}

table .left {
	text-align: right;
}
/*** manually input navigation trail***/
#crumbs {
	padding: 0px;
	margin: -5px 0px;
	text-align: right;
	float: right;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}


#content ul {
	margin-left: 30px;
	margin-bottom: 20px;
	color: #333333;
}

.blurb h6 {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}




/*** Team Images 
.teamimage {
	display: block;
	width: 500px;
	height: 248px;
	margin-left: -10px;
	cursor: hand;
}
***/
.teamvarsity {
	background-image: url(../img/players/teams/varsity.jpg);
}

.teamvarsity:hover {
	background-image: url(../img/players/teams/varsityhover.jpg);
}

.teamjunior {
	background-image: url(../img/players/teams/junior.jpg);
}

.teamjunior:hover {
	background-image: url(../img/players/teams/juniorhover.jpg);
}

.teamfrosh {
	background-image: url(../img/players/teams/frosh.jpg);
}

.teamfrosh:hover {
	background-image: url(../img/players/teams/froshhover.jpg);
}








/*** .ticker ***/
#content .ticker {
	padding: 5px 0px;
	border: 1px solid #B2B09D;
}

.ticker ul {
	padding: 0px;
	margin: 0px;
}

.ticker li {
	display: inline;
	list-style: none;
	padding-right: 30px;
}










/*** #stats ***/
img.player {
	float: left;
	margin-right: 5px;
}

.clear {
	clear: both;
}

.stats .blurb {
	margin-bottom: 40px;
}

table {
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 11px;
}

td, th {
	border: 0px ;
	margin: 0px;
	padding: 5px;
	background-color: white;
	text-align: left;
}

th {
	background: black url(../img/tableth.jpg);
	color: white;
	font-size: 10px;
	font-weight: normal;
}

th a {
	color: white;
}

h4, legend {
	color: #666666;
	font: "futura condensed", verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}

.stats h5, .articles h5 {
	color: white;
	font-size: 11px;
	font-family: "futura condensed", verdana, sans-serif;
	font-weight: normal;
	margin: 0px;
}



.blurb h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, sans-serif;
}

.colored td {
	background-color: #ececec;
}

/*** .roster [inherits from .stats]***/
.roster table, .schedule table {
	margin: auto;
	margin: 10px auto;
}





/*** .images ***/
.images .player {
	float: left;
	padding: 10px 3px;
}

.images .player img {
	margin-right: 5px;
	border: 1px solid black;
	height: 180px;
	width: 144px;
}

.images .player .name {
	text-align: center;
	clear: both;
}

.sponsor_image {
	margin-top: 2em;
}

.sponsor_image img {
	border: 1px solid #cecece;
	float: left;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sponsor_image p {
	margin-left: 160px;
}


/*** .merchandise ***/
.merchandise .blurb .item {
	
}



/*** #projects ***/
#projects .blurb img {
	border:1px solid grey;
	margin: 5px;
	width: 180px;
	height: 135px;
}






/*** .pagelist ***/
.pagelist ul {
	margin: 0px;
}

.pagelist li {
	list-style: none;
}

.pagelist li ul {
	display: inline;
}





/*** footer.php ***/

#footer h6 {
	color: #AB0000;
	font: 10px verdana, serif;
	font-weight:normal;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 0px;
	border-bottom: 1px solid lightgrey;

}

address {
	text-align: center;
	color: Black;
	font-style: normal;
	padding-bottom: 10px;
	font-size: 9px;
	line-height: 12px;
}

#footer {
	margin: auto;
	text-align: center;
	color: black;
	font-size: 9px;
	line-height: 12px;
	clear: both;
	border-top: 1px solid lightgrey;
}

#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer li {
	padding: 0 .75em;
	display: inline;
}
/*** in line makes li in single line***/










/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
}