/* CSS Document */
html, body {
	height: 100%
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 px;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	background-image: url(../images/bg_boards.gif);
	background-repeat: repeat;
}

a:link {
	color: #990000;
	background: transparent;
	text-decoration: none;
}
a:visited {
	color: #990000;
	background: transparent;
	text-decoration: none;
}
a:hover {
	color: #996600;
	background: transparent;
	text-decoration: underline;
}
td {
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
div.containeralign {
	position: relative;
	top: 0px;
	display: block;
	width: 670px;
	clear: inherit;
	margin: auto;
}
div.container {
	width: 670px;
	margin: auto;
	display: block;
	top: 0px;
}
div.content {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	width: 610px;
}
div.contentalign {
	position: relative;
	display: block;
	width: 670px;
	clear: both;
	margin: auto;
}
div.top {
	width: 670px;
	display: block;
	float: left;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	height: 389px;
	position: relative;
	top: 0px;
}
div.top2 {
	width: 670px;
	display: block;
	float: left;
	background-image: url(../images/2.gif);
	background-repeat: no-repeat;
	height: 23px;
	position: relative;
	top: 0px;
}
div.btns {
	float: left;
	display: block;
	height: 84px;
	width: 670px;
}
div.btns2 {
	float: left;
	display: inline;
}
div.bottom {
	width: 670px;
	float: left;
	clear: both;
	position: relative;
	left: 0px;
	height: 69px;
	background-image: url(../images/2b.gif);
	background-repeat: no-repeat;
}
div.middle {
	width: 670px;
	float: left;
	clear: both;
	position: relative;
	left: 0px;
	background-image: url(../images/bg_img1.gif);
	background-repeat: repeat-y;
}
div.pad1 {
	padding: 10px;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
div.floatright {
	float: right;
}
.header1 {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #7D4621;
}
.header2 {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: normal;
	color: #5D3518;
	text-decoration: underline;
}
.header3 {
	font-size: 12px;
	text-transform: uppercase;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}
.header_underline1 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}
div.clear {
	clear: both;
}
.boldblk {
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.td_highlight {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFCC;
}
.underline {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.td_header {
	background-color:#432517;
	color: #E3AD57;
	font-size: None;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
}
.td_header2 {
	background-color:#29160D;
	color: #FDEBC4;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
}
.td_underline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #432517;
	background-color: #E7D194;
}
div.50 {
	display: inline;
	float: left;
	padding: 10px;
}
div.headerimgs {
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
div.bottomlinks {
	display: block;
	text-align: center;
	padding: 30px;
}
div.center {
	text-align: center;
	display: block;
}
.imagestroke {
	border: thick double #6E513A;
}
.imgpad1 {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
div.photogal_imgs {
	margin: 5px;
	float: left;
	display: inline;
	width: 270px;
	height: 180px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}






/* PRO CSS STYLES */

/* default stats font */
td, body, div, p  { 
	font-size: 12px; 
}

/* Page Headers - The next 5 styles should be the same colors */
/* main page header used on most pages */
div.pageHeader  {
	font-size: 15px;
	font-weight: bold;
	color: #553209;
	background-color: #FFFFFF;
	padding: 2px;
	text-align:left;
	width:98%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
td.pageHeader {
	font-size: 15px; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #421f19;
	padding: 2px;
	border-top: 1px solid #6E4900;
}
/* for scoreboard header due to calendar should be same as above except 100% width */
div.scoreboardHeader {
	font-size: 15px; 
	font-weight:bold; 
	color: #ffffff;
	background-color: #5c312a;
	padding: 2px;
	border-top: 1px solid #6E4900;
}
/* for playerpage header due to player dropdown this should be the same as pageHeader div below */
td.headerCell{
	font-family: arial, verdana, sans-serif;
	font-size:15px; 
	font-weight:bold; 
	color: #ffffff;
	background-color: #5c312a;
	padding: 2px;
	border-top: 1px solid #6E4900;
}
/* boxscore header */
td.boxscoreHeaderCell {
	font-family: arial, verdana, sans-serif;
	font-size:12px; 
	font-weight:bold; 
	color: #ffffff;
	background-color: #5c312a;
	padding: 2px;
	border-top: 1px solid #6E4900;
}
/* End Page Headers */

/* sub header table cells used on scoreboard, streaks and playerpages */
.subHeader {
	font-weight: bold;
	color: #ffffff;
	background-color: #421f19;
	padding: 2px;
}
/* drop down lists */
select {
	font-size: 10px;
} 
/* links */
/* main stats links */
a {  
	color: #000080; 
	text-decoration: none;
} 
/* mouseover link  */
a:hover {  
	color: #990000; 
}
/* links on the top of the tables to sort data */
a.sortcell {
	color: #FFE4AD; 
	text-decoration: none;
}
a.sortcell:hover { 
	color: #993300; 
}
/* team sub menu links */
a.teamMenu {
	color: #000000; 
	text-decoration: none;
	font-weight:bold;
}
/* table top sorting links (ie: GP, PTS, A, GA etc..) */
a.sort {
	color: #333333; 
	text-decoration: none;
}	
/* maincolor of table cells */
.maincolor {
	background: #ffffff;
}
/* SCOREBOARD PAGE */
/* color of scoreboard table headers (not in progress) */
td.accent {
	color: #ffffff;
	font-weight: bold;
	background-color: #421F19;
} 
/* color of the scoreboard box titles when game in progress */
td.scoreboard {
	font-weight:bold;
	background-color: #D8C076;
}
/* the font for the display of what day you're on in the scoreboard page */
.scoreboardDate {
	font-size: 13px;
	font-weight: bold;
}
/* the team name and score on the scoreboard page */
.teamScore {
	font-size: 13px;
	font-weight: bold;
}
/* BOXSCORE */
/* teams and scores on top */
.boxscoreTeam {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding-top: 15px;
}
/*section headers on boxscore (ie: penalties, scoring summary etc..) */
.boxscoreHeader {
	color: #ffffff;
	background-color: #452E00;
	padding: 2px;
	text-align:left;
}
/* alternate row color for data tables, completed games in schedules, and light table background cells */
.light {
	background: #f7ebca;
}
/* white rows in data tables */
.white {
	background: #ffffff;
}
/* color of the table lines - main stats table background color*/
.tablelines {
	background-color: #895B00;
}
/* color of a sorted by cell ie: goals when sorting by goals / also color of point streak cell on player game log */
.sortcell {
	font-weight: bold;
	background-color: #EFECCB;
}
/* title of the table header cells ie G, A, PTS etc.. should be same as sortcell above if you change this to a dark color also change a.sort style above */
.tableheader {
	font-weight: bold;
	background-color: #D0BC7A;
}
/* team streaks page section titles (ie: Wins, Losses etc...) */
.subtableheader {
	font-weight:bold;
	background-color: #DFC378;
}
/* color of a dark header cell */
.darkheadcell {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}
/* Scoreboard Calendar Styles */
/* calendar day links */
a.calendardays {
	text-decoration: underline;
}
/* day cells */
td.calendar {
	background-color: #ffffff;
}
/* large cell where calendar is placed (color will create border) */
td.calendarHolder {
	padding: 1px;
	background-color: #5c312a;
}
/* today's date */
.calendarToday {
	background-color: #ffffcc;
}
/* selected day */
.calendarSelected {
	background-color: #f7ebca;
}
/* days of the week row */
.calendarHeader {
	background-color: #f7ebca;
	font-weight:bold;
}
.calendarBorder {
	background-color: #000000;
}
/* month and year cell */
.monthHead {
	background-color: #D2BD87;
	color: #000000;
	font-weight:bold;
}
/* arrow to toggle month cells */
.monthHeadArrow {
	background-color: #AB9A6E;
	font-weight:bold;
}
/* end calendar styles */

/* scoreboard day links style */
div.pad {
	margin:	0px;
	padding: 4px;
}
/* scoreboard day title style */
div.padgrey {
	margin:	0px;
	padding: 4px;
	background-color: #f7ebca;
}
/* "other facts" cell at bottom of boxscore */
.notes {
	background: #ffffcc;
}
/*player bio div */
div.playerbio {
	height: 140px;
	overflow: auto;
	margin: 0px;
	padding: 2px;
	background-color: #ffffff;
	text-align: left;
}
/* horizontal nav bar background color (vertical nav only) */
.psinavbar  {
	background-color: #f7ebca;
	font-size:10px;
}
.psinavbar a {
	padding:2px;
	display:block;
	color:#333333;
}
.psinavbar a:hover {
	background-color: #b9aa81;
	color:#333333;
}
/* menu drop down cell (vertical nav only) */
.navmenudropdown {
	padding: 2px;
	background-color: #5c312a;
}
/* horitonal nav bar headers */
.psihorizontalmenuheader {
	background-color: #f7ebca;
	font-weight:bold;
	text-align:center;
}	
.psihorizontalmenu {
	background-color: #5c312a;	
}
/* for playoff bracket cells */
.bracket {
	background-color: #f7ebca;
	border: 1px solid #996600;
}
.announcement {
	color: #10506C;
	font-weight: 900;
	font-variant: normal;
	text-transform: uppercase;
	font-size: 20px;
	line-height: normal;
	letter-spacing: 5px;
}
div.announcementbox {
	width: 220px;
	background-color: #FFFDE4;
	border: 1px dotted #B7A575;
	float: right;
	margin: 2px;
}
div.announcementbox_header {
	width: 220px;
	background-color: #000000;
	color: #FFFFFF;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}