/* MAIN STYLESHEET - Copyright (C) 2006-2010 Charles A Upsdell, All Rights Reserved; www.upsdell.com */


/* FONT SIZES */

/* Screen font sizes */

body, html
			{ font-size:medium; }
table.main tr td.menu li, button,
div.enlargement, div.box li, div.box p, div.box th, div.box td, div.photo, small, table.menu tr.menuitem td, table.photo td.title span,
table.main tr.legal td, pre
			{ font-size:small; }
.caption, img { font-size:x-small; }

/* Printer font sizes */

@media print
{
body, html, li, p, tr, td, th
			{ font-size:11pt; }
table.main tr td.menu li, button,
div.enlargement, div.box li, div.box p, div.box th, div.box td, div.photo, small, table.menu tr.menuitem td, table.photo td.title span,
table.main tr.legal td, pre
			{ font-size:9pt; }
.caption	{ font-size:9pt; }
}


/* GLOBAL STYLES */

html			{ color:#fff; background-color:#036; margin:0; padding:0; }
body			{ font-family:Univers, Arial, Helvetica, Tahoma, sans-serif; margin:0 auto; padding:0.33ex 0 .67em 0; }

div.center, div.center h3, div.center p, div.center table { margin-left:auto; margin-right:auto; text-align:center; }
div.photo		{ margin-left:auto; margin-top:0.33em; margin-right:auto; margin-bottom:0.67em; text-align:center; }
div.section		{ margin-left:2em; }
em.error		{ color:#f00; }
em.note			{ font-weight:bold; font-style:normal; }
h1, h2, h3, h4, h5, h6
				{ color:#036; }
h1, h2, h3, h4	{ font-family:Rockwell, Georgia, 'Times New Roman', Times, serif; }
h3				{ margin-top:1em; letter-spacing:0.1em; }
h3.section		{ margin-top:3em; padding-top:0.33ex; border-top:0.33em solid #69c; }
h4.subsection	{ margin-top:2em; padding-top:0.33ex; border-top:2px dotted #69c; }
img.photo		{ border-left:0.33ex solid #ccf; border-top:0.33ex solid #ccf; border-right:0.33ex solid #669; border-bottom:0.33ex solid #669; }
li, p, table	{ margin:0 0 0.67em 0; }
li#photos_menuitem { display:none; }
p.indent		{ margin-left:2em; }
p.center		{ text-align:center; }
p.puck			{ padding:1.67em 0 0 0; margin-bottom:0; text-align:center; }
p.puck a img	{ border:none; }
sub				{ vertical-align:text-bottom; font-size:85%; }
sup				{ vertical-align:text-top; font-size:85%; }
td				{ vertical-align:top; }
ul				{ list-style-image:url("../img/ico_dot.png"); }
ul.close		{ margin-bottom:0.33em; }
ul.close li		{ margin-bottom:0.33em; }
.clear			{ clear:both; }

div.canvas		{ background-repeat:no-repeat; background-position:top left; }
div.canvas_BC	{ background-repeat:no-repeat; background-position:bottom center; }
div.canvas_BL	{ background-repeat:no-repeat; background-position:bottom left; }
div.canvas_BR	{ background-repeat:no-repeat; background-position:bottom right; }
div.canvas_TR	{ background-repeat:no-repeat; background-position:top right; }
div.canvas_TC	{ background-repeat:no-repeat; background-position:top center; }
div.film		{ height:62px !important; padding:3px; color:#fff; background-color:#000; }
div.film div.photos { height:48px !important; margin:0; padding:3px 1ex; border-top:4px dotted #fff; border-bottom:4px dotted #fff; }
div.film div.photos img { border:none; }
div.enlargement { text-align:center; padding-top:1ex; }
div.enlargement img { border:2px outset #000099 !important; }

div.sidebar		{ float:right; width:30%; margin:0 0 0.67em 0.67em; padding:0 0 0 0.67em; background-color:#ddf3ff; background-image:url('../img/bak_content.png'); }
div.box h3		{ margin:0 0.67em 0.67em 0.67em; text-align:center; }
div.box h4		{ font-size:1em; }
div.box			{ margin:0 0 0.67em 0; padding:0 0.33em 2.67em 0.33em; border-top:0.33em solid #69c;
				  background-color:#e7eef7; background-image:url('../img/bak_sidebar.png'); background-repeat:repeat-x; background-position:bottom left; }
div.box p, div.box ul { margin-top:0; margin-bottom:0.33em; }
div.box ul li	{ margin-bottom:0.33em; }
div.box ul.inside	{ margin-left:0; padding-left:0; }
div.box ul.inside li { list-style-position:inside; }


table.main		{ width:95%; max-width:55em; }
table.main tr.masthead td { vertical-align:middle; }
table.main tr.masthead td.logo { text-align:center; vertical-align:middle; }
table.main tr.masthead td.logo img { border:none; }
table.main tr.masthead td h1 { text-align:center; color:#fff; margin:0.67em 0 0 0; padding:0; font-size:1.67em; }
table.main tr.masthead td h2 { text-align:center; color:#fc3; margin:0 0 0.67em 0; padding:0; font-size:1.33em; }

table.main tr td.middle, table.main tr td.content { width:100%; }
table.main tr.top td.left { width:32px; height:32px; background-image:url('../img/bak_rink_corners.png'); background-repeat:no-repeat; background-position:top left; }
table.main tr.top td.middle { background-image:url('../img/bak_T.png'); background-repeat:repeat-x; background-position:top left; }
table.main tr.top td.right { width:32px; height:32px; background-image:url('../img/bak_rink_corners.png'); background-repeat:no-repeat; background-position:top right; }
table.main tr.bottom td.left { width:32px; height:32px; background-image:url('../img/bak_rink_corners.png'); background-repeat:no-repeat; background-position:bottom left; }
table.main tr.bottom td.middle { background-image:url('../img/bak_B.png'); background-repeat:repeat-x; background-position:bottom left; }
table.main tr.bottom td.right { width:32px; height:32px; background-image:url('../img/bak_rink_corners.png'); background-repeat:no-repeat; background-position:bottom right; }
table.main td.middle, table.main tr.middle td.left, table.main tr.middle td.middle, table.main tr.middle td.right
				  { background-color:#f5faff; background-image:url('../img/bak_content.png'); }
table.main tr.middle td.left { background-image:url('../img/bak_L.png'); background-repeat:repeat-y; background-position:top left; }
table.main tr.middle td.right { background-image:url('../img/bak_R.png'); background-repeat:repeat-y; background-position:top right; }

table.main		{ margin:0 auto 1em auto; padding:0ex; clear:both; }
table.main tr td.menu { vertical-align:top; padding:0 0.5ex 0 0; }
table.main tr td.menu img { border:none; }
table.main tr td.menu ul.menu { list-style:none; margin:0; padding:0 6px; color:#036; background-color:#69c; font-weight:bold; }
table.main tr td.menu ul.menu li { background-color:#58b; list-style-image:none; margin:0; padding:2px 1ex; text-align:center; border-left:2px solid #8be; border-top:2px solid #8be; border-right:2px solid #258; border-bottom:2px solid #258; }
table.main tr td.menu ul.menu li a { color:#cff; font-weight:bold; background-color:#58b; background-image:none; text-decoration:none; display:block; text-shadow:1px 1px 1px #036; }
table.main tr td.menu ul.menu li.password a { background-image:url('../img/bak_password.png'); background-repeat:no-repeat; background-position:center center; }
table.main tr td.menu ul.menu li a:hover { color:#0f9; background-color:#003; background-image:url('../img/bak_menuitem.png'); background-position:top center; background-repeat:repeat-y; }
table.main tr td.menu p		{ text-align:center; margin-left:auto; margin-right:auto; }

table.menu tr.middle td, table.menu tr td.middle { background-color:#69c; background-image:none !important; }
table.menu tr.top td.left { background-image:url('../img/bak_menu_TL.png'); background-repeat:no-repeat; background-position:top left; }
table.menu tr.top td.middle { background-image:url('../img/bak_mT.png') !important; background-repeat:repeat-x; background-position:top left; }
table.menu tr.top td.right { background-image:url('../img/bak_menu_TR.png'); background-repeat:no-repeat; background-position:top right; }
table.menu tr.middle td	{ border-left:2px solid #fc3; border-right:2px solid #fc3; }
table.menu tr.bottom td.left { background-image:url('../img/bak_menu_BL.png'); background-repeat:no-repeat; background-position:bottom left; }
table.menu tr.bottom td.middle { background-image:url('../img/bak_mB.png') !important; background-repeat:repeat-x; background-position:bottom left; }
table.menu tr.bottom td.right { background-image:url('../img/bak_menu_BR.png'); background-repeat:no-repeat; background-position:bottom right; }

table.main tr td.content { color:#003; background-color:#f5faff; margin:0; padding:0; vertical-align:top;
				 background-image:url('../img/bak_content.png'); }
table.main tr td.content h2 { margin-top:0 !important; padding-top:0 !important; }
table.main tr td.middle h2 { margin-top:0.33em; padding:0; text-align:center; letter-spacing:0.1em; font-variant:small-caps; }
table.main tr td.middle h2 small { color:#003; font-variant:normal; letter-spacing:0; }

table.main tr td.content div.calendars { text-align:center; }
table.main tr td.content div.calendars table.calendars { margin-left:auto; margin-right:auto; }
table.main tr td.content div.calendars table.calendars td { width:24%; padding:0 0.67em; vertical-align:top; }
table.main tr td.content div.calendars table.calendars td h3 { margin-top:0; }

table.main tr td.content table.hockeylinks td { color:#000; width:33%; padding:1em 1ex; vertical-align:bottom; }
table.main tr td.content table.hockeylinks td img { border:none; }
table.main tr td.content table.hockeylinks td a { text-decoration:none; }

table.main tr.legal td { text-align:center; }
table.main tr.legal td a { color:#fff; text-decoration:none; }
table.main tr.legal td a img { border:none; }

table.contacts th, table.contacts td { color:#000; background-color:inherit; vertical-align:top; text-align:left; }
table.contacts th p { font-weight:normal; }
table.contacts th h4 { margin:0; width:12em; }

table.grid		{ color:inherit; background-color:#fff; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #003; border-bottom:1px solid #003; }
table.grid thead tr th { color:#003; background-color:#cce7ff; font-weight:bold; text-align:left; }
table.grid thead tr th { border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #99c; border-bottom:1px solid #99c; }
table.grid thead tr th.date, table.grid thead tr th.team, table.grid thead tr th.location { border-right:none; }
table.grid thead tr th.time, table.grid thead tr th.score, table.grid thead tr th.rink { border-left:none; text-align:center; }
table.grid tbody tr td { color:#000; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #69c; border-bottom:1px solid #69c; }
table.grid tbody tr td.date, table.grid tbody tr td.team, table.grid tbody tr td.location { border-right:none; }
table.grid tbody tr td.team, table.grid tbody tr td.score { font-weight:bold; }
table.grid tbody tr td.score, table.grid tbody tr td.rink { border-left:none; text-align:center; }
table.grid tbody tr td.time { border-left:none; text-align:right; }
table.grid tbody tr.e td { background-color:#e7f7ff; }
table.grid tbody td.wins { color:#090; font-weight:bold; }
table.grid tbody td.losses { color:#c00; font-weight:bold; }
table.grid tbody td.ties { color:#c90; font-weight:bold; }

table.photo		{ margin-left:auto; margin-right:auto; }
table.photo td { text-align:center; padding:0.67ex; border-left:2px solid #c90; border-top:2px solid #c90; border-right:2px solid #960; border-bottom:2px solid #960; 
				  background-color:#fc0; background-image:url('../img/bak_frame.png'); }
table.photo td div.matte { background-color:#ffc; padding:1em 1em 0.33em 1em; border-left:2px solid #960; border-top:2px solid #960; border-right:2px solid #c90; border-bottom:2px solid #c90; }
table.photo td div.matte p { margin:0 0 0.33ex; }
table.photo td div.matte img.photo { border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #999; border-bottom:1px solid #999; }
table.photo td div.matte span.caption { font-weight:bold; color:#960; }

table.played	{ width:auto !important; margin-left:auto; margin-right:auto; }
table.played tr .datetime, table.played tr .date, table.played tr .time, table.played tr .location, table.played tr .rink { display:none; }
table.played tr td.home, table.played tr td.away, table.played tr td.team { width:15em; }

table.record thead tr th h4 { text-align:left; margin:0; }
table.record thead tr th, table.record td { font-weight:bold; text-align:center; }
table.record tbody tr td.game_type { text-align:left; }

table.tournaments	{ width:98%; }

@media print
 {	a, a:link, a:visited, a:active, a:hover { color:#000 !important; background-color:#fff !important; text-decoration:none; }
	body		{ margin:0; padding:0; }
	html,body,h1,h2,h3,h4,h5,h6	{ color:#000; background-color:#fff; background-image:none; font-family:'Times New Roman', Times, serif; }
	html		{ margin:0; background-image:none; }
	div.section	{ margin:0; }
	div.box, h3.section, h4.subsection { border:none; }
	table.main	{ max-width:100%; }
	table.main tr.masthead, table.main tr.top, table.main tr.bottom, table.main tr.middle td.left, table.main tr.middle td.right,
	table.main tr.legal, p.puck
			{ display:none; }
	table.grid, table.grid th, table.grid td, table.photo td div.matte, table.photo td div.matte span.caption
			{ color:#000 !important; background-color:#fff !important; }
	table.main tr td.content { background-image:none; border:none; }
	div.box, table.main tr.middle td.middle, table.main tr.middle td.content, table.photo td
			{ border:none; background-color:#fff; background-image:none !important; }
	table.photo td div.matte { border:none; }
	.noprint 	{ display:none; }
	ul			{ list-style-image:none; }
 }

