/* UNC Ice Hockey Master CSS */
/* Design and copyright Alex Loehr */

/* @group CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #94abdd;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group General */

#page {
	width: 800px;
	margin: auto;
}

a {
	color: #4c5f82;
	text-decoration: none;
}

a:hover {
	background-color: #b4e2e5;
}

a:visited {
	color: #4c5f82;
	text-decoration: none;
}

h1 {
	text-align: left;
	font: bold medium/20px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

#footer {
	width: 800px;
	text-align: center;
	font: small "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	clear: both;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footersmall {
	font-size: x-small;
}

/* @end */

/* @group Header */

#logo {
	height: 90px;
	background-image: url(images/header_logo.png);
}

#nextgame {
	height: 90px;
	margin-left: 530px;
	width: 270px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	text-transform: none;
	padding-top: 10px;
}

.ng_small{
	font-size: small;
}

.ng_big{
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #6d6d6d;
}

#navbar {
	height: 22px;
	background-color: #444;
	color: #d1d1d1;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-variant: small-caps;
	margin-top: 4px;
	padding-left: 4px;
}

.navitem {
	width: 88px;
	float: left;
	text-align: center;
	line-height: 22px;
}

.navitem:hover {
	color: #617aa7;
	background-color: #bebebe;
}

/* @end */

/* @group Body (Index) */

img.news_photo {
	border-style: solid;
	border-width: 1px;
	display: block;
	margin: 4px auto;
}

.sponsor_image {
	float: left;
	width: 120px;
}

img.sponsor_logo {
	float: right;
}

img.sponsor_logo_l {
	float: right;
	padding-top: 9px;
}

.fsponsor {
	height: 90px;
}

.fsponsor_hi {
	height: 55px;
}

.sponsor_text {
	float: right;
	width: 100px;
	text-align: left;
	line-height: 80px;
	border-left: 3px solid #7f7f7f;
	padding-left: 8px;
}

.sponsor_text_hi {
	float: right;
	width: 100px;
	text-align: left;
	border-left: 3px solid #7f7f7f;
	padding-left: 8px;
	height: 48px;
}

#column_left {
	width: 530px;
	float: left;
}

#column_right {
	width: 270px;
	float: left;
}

.news {
	margin-top: 10px;
	margin-right: 2px;
	background: #fcfffb url(images/ice_background.png) no-repeat;
	border: 1px solid #484848;
}

.news_orange {
	margin-top: 10px;
	margin-right: 2px;
	background: #fcfffb url(images/ice_background_orange.png) no-repeat;
	border: 1px solid #484848;
}


.news_date {
	width: 60px;
	height: 20px;
	float: right;
	text-align: center;
	font: bold medium/20px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #7e9cd4;
	padding-top: 1px;
}

.news_title {
	height: 20px;
	float: right;
	font: bold medium/20px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 461px;
	color: #7e9cd4;
	padding-left: 5px;
	padding-top: 1px;
	text-align: left;
}

.news_text {
	padding: 26px 10px 10px;
	font: small/15px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.anthem {
	text-align: center;
	margin-left: 18px;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 1px;
}

.right_block {
	margin-top: 10px;
	background: #fcfffb url(images/ice_background.png) no-repeat;
	border: 1px solid #484848;
	margin-left: 5px;
}

.right_block_sapikowski {
	margin-top: 10px;
	border: 1px solid #484848;
	margin-left: 5px;
	height: 40px;
}

.block_title {
	height: 20px;
	float: right;
	font: bold medium/20px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #7e9cd4;
	padding-top: 1px;
	text-align: center;
	width: 263px;
}

.block_text {
	padding: 26px 10px 10px;
	font: small/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
}

.last_game {
	background-color: #000;
	color: #cfcfcf;
	margin-top: 10px;
	border: 1px solid #484848;
	margin-left: 5px;
	font: bold "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-variant: small-caps;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 70px;
	background-image: url(images/lg_stripe.png);
}

.last_game_left {
	float: left;
	width: 50%;
}

.lg_big {
	font-size: 40px;
}

#column_right div.last_game_left div.lg_small {
	color: #7e9cd4;
}

.lg_small {
	
}

table {
}

table#stats.sortable {width:245px}

th {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 2px;
}

#donate {
	text-align: center;
}

/* @end */

/* @group Body */

.page_body {
	margin-top: 10px;
	background: #fcfffb url(images/ice_background.png) repeat-x;
	border: 1px solid #484848;
	min-height: 200px;
}

.body_title {
	height: 20px;
	float: right;
	font: bold medium/20px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #7e9cd4;
	padding-top: 1px;
	text-align: center;
	width: 798px;
}

.body_text {
	padding: 26px 10px 10px;
	font: small/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

/* @end */

/* @group Schedule */

.schedule_left {
	width: 380px;
	height: 200px;
	float: left;
	margin-right: 18px;
	padding-top: 8px;
	text-align: center;
}

.schedule_text {
	text-align: left;
}

div.schedule_left td {
	text-align: center;
	height: 20px;
	line-height: 20px;
}

div.schedule_left th {
	text-align: center;
}

.schedule_right {
	width: 380px;
	height: 200px;
	float: left;
	padding-top: 8px;
	text-align: center;
}

div.schedule_right td {
	text-align: center;
	height: 20px;
	line-height: 20px;
}

div.schedule_right th {
	text-align: center;
}

.schedule_center {
	text-align: center;
}

div.schedule_center td {
	text-align: center;
	height: 20px;
	line-height: 20px;
}

div.schedule_center th {
	text-align: center;
}

tr.odd {
	background-color: #c7dcf8;
}

tr.odd_tournament {
	background-color: #b6c8e2;
}

tr.odd_tournament td {
}

.schedule_calendar {
	text-align: center;
	margin-top: 20px;
}

td.acchl {
	color: #e00;
}

.tiny {
	background-position: 0;
	top: 3px;
	position: relative;
}

/* @end */

/* @group Roster */

h2 {
	text-align: center;
	font: bold medium/20px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

.page_body_roster {
	margin-top: 10px;
	background: #fcfffb url(images/ice_background.png) repeat-x;
	border: 1px solid #484848;
	min-height: 730px;
}

.roster_left {
	width: 380px;
	height: 110px;
	float: left;
	margin-right: 18px;
	padding-top: 8px;
	text-align: center;
}

div.roster_left td {
	text-align: left;
	height: 20px;
	line-height: 20px;
}

.roster_right {
	width: 380px;
	height: 130px;
	float: left;
	padding-top: 8px;
	text-align: center;
}

div.roster_right td {
	text-align: left;
	height: 20px;
	line-height: 20px;
}

.roster_center {
	width: 650px;
	margin-left: 67px;
}

div.roster_center td {
	text-align: left;
	height: 20px;
	line-height: 20px;
}

table#goalies.sortable {
	margin-bottom: 20px;
}

/* TABLE SORT CSS -- MODIFIED*/

.sortable {width:650px}
.sortable th {text-align:left; color: #000;
	border-width: 1px;
	border-color: #fff;
	border-bottom-style: solid;
	border-bottom-color: #000;
	cursor: pointer;
}
.sortable td {padding: 0px 6px;}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {background-color: #b4e2e5;}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

/* @end */

/* @group Coaches */



.coaches_text {
	padding: 26px 10px 10px;
	font: small/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

img.coach_photo {
	border-style: solid;
	border-width: 1px;
	margin-right: 9px;
	float: left;
	margin-top: 4px;
}

/* @end */

/* @group Merchandise */

.merchandise_body {
	margin-top: 10px;
	background: #fcfffb url(images/ice_background.png) repeat-x;
	border: 1px solid #484848;
	min-height: 800px;
}

.merchandise_column {
	float: left;
	text-align: center;
	width: 389px;
	padding-bottom: 15px;
}

.item {
	margin-top: 20px;
	height: 140px;
}

.itemphoto {
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

.itemdescription {
	float: left;
	text-align: left;
}

img.merchandise {
	border-style: solid;
	border-width: 1px;
}

.checkout{
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	height: 800px;
}

/* @end */

/* @group Sponsors */

ul {
	width: 400px;
	margin: auto;
	text-align: center;
}

li {
	line-height: 20px;
	height: 20px;
}

li.odd {
	background-color: #c7dcf8;
}

#logo_sponsors {
	width: 240px;
	margin: auto auto 20px;
}

270

/* @end */

/* @group Photos */

.photos{
	margin: auto;
	text-align: center;
}

.galleria {
	list-style:none;width:800px;
	margin: auto auto auto 6px;
}

img.replaced {
	max-width: 600px;
	max-height: 400px;
	border: 1px solid #000;
}

.gallery_label{
	margin-top: 10px;
	margin-bottom: -1px;
}

.gallery_label h2{
	text-align: left;
}

ul.gallery.galleria {
	width: 800px;
	clear: both;
}
	
.galleria li{
	display:block;width:50px;height:50px;overflow:hidden;float:left;
	margin-right: 3px;
	margin-bottom: 10px;
	border: 1px solid #797979;
}
	
.galleria li a{
	display:none
}
	
.galleria li div{
	position:absolute;display:none;top:0;left:0px
}
	
.galleria li div img{
	cursor:pointer;
}
	
.galleria li.active div img,.galleria li.active div{
	display:block;
}
	
.galleria li img.thumb{
cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;
}
	
.galleria li .caption{
	display:block;padding-top:.5em
}

.photo_credits {
	text-align: center;
	font-size: x-small;
	color: #676767;
	margin-top: 90px;
	clear: both;
}
	
* html .galleria li div span{width:400px} /* MSIE bug */

/* @end */