/* mac hide \*/
html, body {height:100%}
/* end hide */

body {
	background: whitesmoke;
	color: #000000;
	margin:0;
	padding:0;
}
#outer{
	min-height:100%;
	margin-left:150px;
	background:#ffffff;
	border-left:1px solid #000;
	margin-bottom:-62px;
	color: #000000;
}

* html #outer{height:100%} /*IE treats height as min-height anyway*/

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:106px;
	background:#ffffff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:hidden;/* fixed height so hide overflow*/
	color: #000000;
}
#left {
	float: left;
	position: relative; /* Needed for IE/win */
	width: 150px;  /*same as margin on outer */  
	margin-left: -149px; /*must be 1px less than width otherwise won't push footer down */   
	left:-2px;/* line it up exactly*/
	padding-top:109px;/* space for header*/
	*padding-bottom:62px;/* ie6 & ie7 hack to keep nav from going under footer */
}
#left {margin-right: -3px;}/* 3 px jog for ie (also fixes mozilla issue with float drop)*/
#left p {padding:3px;}
#footer {
	width:100%;
	clear:both;
	height:60px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #000000;
	position:relative;
}
#footer td 
{
    padding:8px;
    vertical-align:text-top;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}
* html #footer {/*only ie gets this style*/
	\height:62px;/* for ie5 */
	he\ight:60px;/* for ie6 */
}
#clearfooter{clear:both;height:62px;}/*needed to make room for footer*/
#centrecontent {
	float:right;
	width:100%;
	position:relative;
	padding-top:108px;/* space for header*/
}
.outerwrap {
float: left;
width: 100%;
position:relative;
}

/* Varsity Fever */
.fever1 {
	float:left;
	position:relative;
	height: 106px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.fever1 {background-image: url(images/varsityfever.png); width: 250px;}

/* Main navigation */
/* Also see http://css.maxdesign.com.au/listamatic/ for different approaches*/
.feverbar {
	position: absolute;
	width: 100%;
	height: 86px;
	/*background-color: #ffffff;*/
	top: 0px;
	left: 250px; /* width of logo */
	border-bottom: 20px solid black;
}

.feverbar ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

.cssfever1, .cssfever2, .cssfever3, .cssfever4, .cssfever5,
.cssfever6, .cssfever7, .cssfever8, .cssfever9, .cssfever10,
.cssfever11, .cssfever12, .cssfever13, .cssfever14, .cssfever15,
.cssfever16, .cssfever17, .cssfever18, .cssfever19, .cssfever20,
.cssfever21, .cssfever22, .cssfever23, .cssfever24, .cssfever25,
.cssfever26, .cssfever27, .cssfever28, .cssfever29, .cssfever30,
.cssfever31, .cssfever32 {
	float:left;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 17px;
	height: 106px;
	margin: 0;
	margin-bottom:10px;
	padding: 0;
	border:0px solid red;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
.cssfever1 {background-image: url(images/baseball_hover.png);}
.cssfever2 {background-image: url(images/boys_hoops_hover.png);}
.cssfever3 {background-image: url(images/girls_hoops_hover.png);}
.cssfever4 {background-image: url(images/boys_bowling_hover.png);}
.cssfever5 {background-image: url(images/girls_bowling_hover.png);}
.cssfever6 {background-image: url(images/cheerleading_hover.png);}
.cssfever7 {background-image: url(images/boys_crew_hover.png);}
.cssfever8 {background-image: url(images/girls_crew_hover.png);}
.cssfever9 {background-image: url(images/boys_xcountry_hover.png);}
.cssfever10 {background-image: url(images/girls_xcountry_hover.png);}
.cssfever11 {background-image: url(images/field_hockey_hover.png);}
.cssfever12 {background-image: url(images/football_hover.png);}
.cssfever13 {background-image: url(images/boys_golf_hover.png);}
.cssfever14 {background-image: url(images/girls_golf_hover.png);}
.cssfever15 {background-image: url(images/gymnastics_hover.png);}
.cssfever16 {background-image: url(images/ice_hockey_hover.png);}
.cssfever17 {background-image: url(images/boys_lacrosse_hover.png);}
.cssfever18 {background-image: url(images/girls_lacrosse_hover.png);}
.cssfever19 {background-image: url(images/boys_skiing_hover.png);}
.cssfever20 {background-image: url(images/girls_skiing_hover.png);}
.cssfever21 {background-image: url(images/boys_soccer_hover.png);}
.cssfever22 {background-image: url(images/girls_soccer_hover.png);}
.cssfever23 {background-image: url(images/softball_hover.png);}
.cssfever24 {background-image: url(images/boys_swimming_hover.png);}
.cssfever25 {background-image: url(images/girls_swimming_hover.png);}
.cssfever26 {background-image: url(images/boys_tennis_hover.png);}
.cssfever27 {background-image: url(images/girls_tennis_hover.png);}
.cssfever28 {background-image: url(images/boys_track_hover.png);}
.cssfever29 {background-image: url(images/girls_track_hover.png);}
.cssfever30 {background-image: url(images/boys_volleyball_hover.png);}
.cssfever31 {background-image: url(images/girls_volleyball_hover.png);}
.cssfever32 {background-image: url(images/wrestling_hover.png);}

.cssfever1 a, .cssfever1 a:visited,
.cssfever2 a, .cssfever2 a:visited,
.cssfever3 a, .cssfever3 a:visited,
.cssfever4 a, .cssfever4 a:visited,
.cssfever5 a, .cssfever5 a:visited,
.cssfever6 a, .cssfever6 a:visited,
.cssfever7 a, .cssfever7 a:visited,
.cssfever8 a, .cssfever8 a:visited,
.cssfever9 a, .cssfever9 a:visited,
.cssfever10 a, .cssfever10 a:visited,
.cssfever11 a, .cssfever11 a:visited,
.cssfever12 a, .cssfever12 a:visited,
.cssfever13 a, .cssfever13 a:visited,
.cssfever14 a, .cssfever14 a:visited,
.cssfever15 a, .cssfever15 a:visited,
.cssfever16 a, .cssfever16 a:visited,
.cssfever17 a, .cssfever17 a:visited,
.cssfever18 a, .cssfever18 a:visited,
.cssfever19 a, .cssfever19 a:visited,
.cssfever20 a, .cssfever20 a:visited,
.cssfever21 a, .cssfever21 a:visited,
.cssfever22 a, .cssfever22 a:visited,
.cssfever23 a, .cssfever23 a:visited,
.cssfever24 a, .cssfever24 a:visited,
.cssfever25 a, .cssfever25 a:visited,
.cssfever26 a, .cssfever26 a:visited,
.cssfever27 a, .cssfever27 a:visited,
.cssfever28 a, .cssfever28 a:visited,
.cssfever29 a, .cssfever29 a:visited,
.cssfever30 a, .cssfever30 a:visited,
.cssfever31 a, .cssfever31 a:visited,
.cssfever32 a, .cssfever32 a:visited {
	display:block;
	width: 17px;
	height: 106px;
	margin: 0;
	padding: 0;
	color: white;
	text-decoration: none;
	position:absolute;
	cursor:hand;
	color: white;
}
.cssfever1 a, .cssfever1 a:visited {background-image: url(images/baseball.png);}
.cssfever2 a, .cssfever2 a:visited {background-image: url(images/boys_hoops.png);}
.cssfever3 a, .cssfever3 a:visited {background-image: url(images/girls_hoops.png);}
.cssfever4 a, .cssfever4 a:visited {background-image: url(images/boys_bowling.png);}
.cssfever5 a, .cssfever5 a:visited {background-image: url(images/girls_bowling.png);}
.cssfever6 a, .cssfever6 a:visited {background-image: url(images/cheerleading.png);}
.cssfever7 a, .cssfever7 a:visited {background-image: url(images/boys_crew.png);}
.cssfever8 a, .cssfever8 a:visited {background-image: url(images/girls_crew.png);}
.cssfever9 a, .cssfever9 a:visited {background-image: url(images/boys_xcountry.png);}
.cssfever10 a, .cssfever10 a:visited {background-image: url(images/girls_xcountry.png);}
.cssfever11 a, .cssfever11 a:visited {background-image: url(images/field_hockey.png);}
.cssfever12 a, .cssfever12 a:visited {background-image: url(images/football.png);}
.cssfever13 a, .cssfever13 a:visited {background-image: url(images/boys_golf.png);}
.cssfever14 a, .cssfever14 a:visited {background-image: url(images/girls_golf.png);}
.cssfever15 a, .cssfever15 a:visited {background-image: url(images/gymnastics.png);}
.cssfever16 a, .cssfever16 a:visited {background-image: url(images/ice_hockey.png);}
.cssfever17 a, .cssfever17 a:visited {background-image: url(images/boys_lacrosse.png);}
.cssfever18 a, .cssfever18 a:visited {background-image: url(images/girls_lacrosse.png);}
.cssfever19 a, .cssfever19 a:visited {background-image: url(images/boys_skiing.png);}
.cssfever20 a, .cssfever20 a:visited {background-image: url(images/girls_skiing.png);}
.cssfever21 a, .cssfever21 a:visited {background-image: url(images/boys_soccer.png);}
.cssfever22 a, .cssfever22 a:visited {background-image: url(images/girls_soccer.png);}
.cssfever23 a, .cssfever23 a:visited {background-image: url(images/softball.png);}
.cssfever24 a, .cssfever24 a:visited {background-image: url(images/boys_swimming.png);}
.cssfever25 a, .cssfever25 a:visited {background-image: url(images/girls_swimming.png);}
.cssfever26 a, .cssfever26 a:visited {background-image: url(images/boys_tennis.png);}
.cssfever27 a, .cssfever27 a:visited {background-image: url(images/girls_tennis.png);}
.cssfever28 a, .cssfever28 a:visited {background-image: url(images/boys_track.png);}
.cssfever29 a, .cssfever29 a:visited {background-image: url(images/girls_track.png);}
.cssfever30 a, .cssfever30 a:visited {background-image: url(images/boys_volleyball.png);}
.cssfever31 a, .cssfever31 a:visited {background-image: url(images/girls_volleyball.png);}
.cssfever32 a, .cssfever32 a:visited {
	background-image: url(images/wrestling.png);
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
}

.cssfever1 a:hover,.cssfever2 a:hover,.cssfever3 a:hover,.cssfever4 a:hover,.cssfever5 a:hover,
.cssfever6 a:hover,.cssfever7 a:hover,.cssfever8 a:hover,.cssfever9 a:hover ,.cssfever10 a:hover,
.cssfever11 a:hover,.cssfever12 a:hover,.cssfever13 a:hover,.cssfever14 a:hover,.cssfever15 a:hover,
.cssfever16 a:hover,.cssfever17 a:hover,.cssfever18 a:hover,.cssfever19 a:hover ,.cssfever20 a:hover,
.cssfever21 a:hover,.cssfever22 a:hover,.cssfever23 a:hover,.cssfever24 a:hover,.cssfever25 a:hover,
.cssfever26 a:hover,.cssfever27 a:hover,.cssfever28 a:hover,.cssfever29 a:hover,.cssfever30 a:hover,
.cssfever31 a:hover,.cssfever32 a:hover
{
    background:transparent;
    color: black;
}
.cssfever1 span, .cssfever2 span, .cssfever3 span, .cssfever4 span, .cssfever5 span,
.cssfever6 span, .cssfever7 span, .cssfever8 span, .cssfever9 span, .cssfever10 span,
.cssfever11 span, .cssfever12 span, .cssfever13 span, .cssfever14 span, .cssfever15 span,
.cssfever16 span, .cssfever17 span, .cssfever18 span, .cssfever19 span, .cssfever20 span,
.cssfever21 span, .cssfever22 span, .cssfever23 span, .cssfever24 span, .cssfever25 span,
.cssfever26 span, .cssfever27 span, .cssfever28 span, .cssfever29 span, .cssfever30 span,
.cssfever31 span, .cssfever32 span {
	position:absolute;
	right:5px;
	top:2px;
}

/* Top navigation*/
.titlebar {
	position: absolute;
	white-space: nowrap;
	left: 0px;
	top: 0px;
}
.titlebar ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
.title1, .title2 {
	float:left;
	position:relative;
	height: 61px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.title1 {background-image: url(images/mat_top_off.png); width: 138px;}
.title2 {background-image: url(images/matburn.gif); width: 141px;}

.loginbar {
	position: absolute;
	white-space: nowrap;
	right: 10px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 1;
}

/* Main navigation */
/* Also see http://css.maxdesign.com.au/listamatic/ for different approaches*/
.navbar {
	position: absolute;
	width: 100%;
	height: 45px;
	background-color: #000000;
	top: 61px;
}

.navbar ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

.cssnav1, .cssnav2, .cssnav3, .cssnav4, .cssnav5, .cssnav6, .cssnav7 {
	float:left;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 101px;
	height: 45px;
	margin: 0;
	margin-bottom:10px;
	padding: 0;
	border:0px solid red;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
.cssnav1  {background-image: url(images/orange_home.png); width: 150px;}
.cssnav2  {background-image: url(images/orange_news.png);}
.cssnav3  {background-image: url(images/orange_events.png);}
.cssnav4  {background-image: url(images/orange_channels.png);}
.cssnav5  {background-image: url(images/orange_teams.png);}
.cssnav6  {background-image: url(images/orange_forums.png);}
.cssnav7  {background-image: url(images/orange_calendar.png);}

.cssnav1 a, .cssnav1 a:visited,
.cssnav2 a, .cssnav2 a:visited,
.cssnav3 a, .cssnav3 a:visited,
.cssnav4 a, .cssnav4 a:visited,
.cssnav5 a, .cssnav5 a:visited,
.cssnav6 a, .cssnav6 a:visited,
.cssnav7 a, .cssnav7 a:visited {
	display:block;
	width: 101px;
	height: 45px;
	margin: 0;
	padding: 0;
	color: white;
	text-decoration: none;
	position:absolute;
	cursor:hand;
	color: white;
}
.cssnav1 a, .cssnav1 a:visited {background-image: url(images/black_home.png); width: 150px;}
.cssnav2 a, .cssnav2 a:visited {background-image: url(images/black_news.png);}
.cssnav3 a, .cssnav3 a:visited {background-image: url(images/black_events.png);}
.cssnav4 a, .cssnav4 a:visited {background-image: url(images/black_channels.png);}
.cssnav5 a, .cssnav5 a:visited {background-image: url(images/black_teams.png);}
.cssnav6 a, .cssnav6 a:visited {background-image: url(images/black_forums.png);}
.cssnav7 a, .cssnav7 a:visited {
	background-image: url(images/black_calendar.png);
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
}

.cssnav1 a:hover,.cssnav2 a:hover,.cssnav3 a:hover,.cssnav4 a:hover,.cssnav5 a:hover,.cssnav6 a:hover,.cssnav7 a:hover 
{
    background:transparent;
    color: black;
}
.cssnav1 span, .cssnav2 span, .cssnav3 span, .cssnav4 span, .cssnav5 span, .cssnav6 span, .cssnav7 span {
	position:absolute;
	right:5px;
	top:2px;
}

/* Thmbnail navigation */
/* SOURCE: http://www.brunildo.org/test/ImgThumbIBL3.html */
.thumbwrap 
{
	padding: 15px 8px 0 8px;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 7px 15px 7px;
	/*border: 1px solid #999;*/
	padding: 0;
	text-align: center;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
	/*\*/ display: table; /**/
	width: 260px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	/*background-color: whitesmoke;
	background-image: url(images/thumbnail.png);*/
	cursor: pointer;
}
/* IE7? \*/
.thumbwrap>li .wrimg {
	display: table-cell;
	vertical-align: middle;
	width: 260px;
	height: 260px;
	text-align: center;
	margin: 16px;
	padding: 0;
}
/**/
.thumbwrap img {
	/*border: solid 1px #66f;*/
	vertical-align: middle;
	text-align: center;
	margin: 16px;
	padding: 0;
}
.thumbwrap a:hover {
	/*background-color: #000;
	background-image: url(images/thumbnail_hover.png);*/
}
/*\*//*/
.thumbwrap li .wrimg {
	display: block;
	font-size: 1px;
}
.thumbwrap .wrimg span {
	display: inline-block;
	vertical-align: middle;
	height: 260px;
	width: 1px;
}
/**/
.thumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid black;
	w\idth: 250px;  /* Moz, IE6 */
}

.thumbwrap .imgtitle {
	display: block;
	padding: .3em 5px;
	font-size: 1.2em;
	line-height: 1.1;
	w\idth: 250px;  /* Moz, IE6 */
	background-color: black;
	color: white;
}

/* top ib e hover Op */
@media all and (min-width: 0px) {
	.thumbwrap {
		border-collapse: collapse;
	}
	.thumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	.thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}


/* Button icons */

.hbuttons a{
    display: block;
    text-decoration: none;
    color: black;
    width: 14px;
    height: 14px;
    float: right;
    display: inline;
    margin-right: 1px;
    background-repeat: no-repeat;
    padding-top: 0px;
    text-align:center;
    cursor:default;
}

.add_button {background-image:url(images/add_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.add_button a{background-image:url(images/add.png); width: 14px; height: 14px; margin:0;}
.add_button_disabled a{background-image:url(images/add_disabled.png); width: 14px; height: 14px;}
.add_button a:hover{background: transparent; width: 14px; height: 14px;}

.close_button {background-image:url(images/close_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.close_button a{background-image:url(images/close.png); width: 14px; height: 14px; margin:0;}
.close_button_disabled a{background-image:url(images/close_disabled.png); width: 14px; height: 14px;}
.close_button a:hover{background: transparent; width: 14px; height: 14px;}

.delete_button {background-image:url(images/delete_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.delete_button a{background-image:url(images/delete.png); width: 14px; height: 14px; margin:0;}
.delete_button_disabled a{background-image:url(images/delete_disabled.png); width: 14px; height: 14px;}
.delete_button a:hover{background: transparent; width: 14px; height: 14px;}

.edit_button {background-image:url(images/edit_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.edit_button a{background-image:url(images/edit.png); width: 14px; height: 14px; margin:0;}
.edit_button_disabled a{background-image:url(images/edit_disabled.png); width: 14px; height: 14px;}
.edit_button a:hover{background: transparent; width: 14px; height: 14px;}

.up_button {background-image:url(images/up_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.up_button a{background-image:url(images/up.png); width: 14px; height: 14px; margin:0;}
.up_button_disabled a{background-image:url(images/up_disabled.png); width: 14px; height: 14px;}
.up_button a:hover{background: transparent; width: 14px; height: 14px;}

.down_button {background-image:url(images/down_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.down_button a{background-image:url(images/down.png); width: 14px; height: 14px; margin:0;}
.down_button_disabled a{background-image:url(images/down_disabled.png); width: 14px; height: 14px;}
.down_button a:hover{background: transparent; width: 14px; height: 14px;}

.quote_button {background-image:url(images/quote_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.quote_button a{background-image:url(images/quote.png); width: 14px; height: 14px; margin:0;}
.quote_button_disabled a{background-image:url(images/quote_disabled.png); width: 14px; height: 14px;}
.quote_button a:hover{background: transparent; width: 14px; height: 14px;}

.info_button {background-image:url(images/info_hover.png); width: 14px; height: 14px; float: right; margin-right: 1px;}
.info_button a{background-image:url(images/info.png); width: 14px; height: 14px; margin:0;}
.info_button_disabled a{background-image:url(images/info_disabled.png); width: 14px; height: 14px;}
.info_button a:hover{background: transparent; width: 14px; height: 14px;}

.collapse_button a{background-image:url(images/arrow_down.png); width: 10px; height: 10px;}
.collapse_button a:hover{background-image:url(images/arrow_down_hover.png); width: 10px; height: 10px;}
.expand_button a{background-image:url(images/arrow_right.png); width: 10px; height: 10px;}
.expand_button a:hover{background-image:url(images/arrow_right_hover.png); width: 10px; height: 10px;}

.row_add{font-weight: bold;}
.row_add a, .row_add a:visited{color: green; text-decoration: none}
.row_add a:hover{color: green; text-decoration: underline}

.row_edit{font-weight: bold;}
.row_edit a, .row_edit a:visited{color: orange; text-decoration: none}
.row_edit a:hover{color: orange; text-decoration: underline}

.bkgrnd_add {
    background-color: #E6FFE7; /* light green */
    border-collapse: collapse;
} 
.bkgrnd_edit {
    background-color: #FFFFE6;  /* light yellow FFFFE6 */
    border-collapse: collapse;
    font-weight: normal;
}
.bkgrnd_add td, .bkgrnd_edit td {
    padding: 5px;
}

.titlerow_add {background-color: #75C977} /* green */
.titlerow_edit {background-color: #F9BF43} /* yellow */

.border_add {
	background-color: #75C977; /* green */
	border-collapse: collapse;
}
.border_edit {
	background-color: #F9BF43; /* yellow */
	border-collapse: collapse;
}

/* Table stuff */

.plain {
	background-color: #FFFFFF;
	text-align: left;
}

.errormsg {color: #FF0000} /*red*/
.errorbox-bad {
	background-color: #FFC0CB; /*pink*/
	border: 1px groove;
}

/* Wizard Nav */

.wizardbar
{
    margin:0;
    padding: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    background-color: whitesmoke;
    font-size: 12px;
}

.wizardnav td
{
    font-size: 12px;
    color: black;
    background-color: whitesmoke;
}

.wizardnav td#current
{
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 3px solid black;
    border-right: 3px solid black;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

/* Page info */

.page_title
{
    font-size: 18px;
    font-weight: bold;
    color: #000000; /* black */
}

.page_instructions
{
    font-size: 12px;
    font-weight: bold;
    color: darkorange;
}

.revision
{
    font-size: 10px;
    font-weight: normal;
    color: gray;
}

.input_label {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

.profile_input_label 
{
    width: 200px;
	font-size: 11px;
	font-weight: bold;
}

.i-head
{
    color: white;
    background-color: black;   
    font-weight: bold; 
}

.i-body
{
    color: black;
    background-color: whitesmoke;
    border: 2px solid black;
}

.i-area
{
    color: black;
    background-color: whitesmoke;
    border: 3px solid black;
}

/* MATBURN */
.a-head
{
    color: white;
    background-color: black;   
    font-weight: bold;
}

.a-body
{
    border-bottom: 3px solid black;
}

.b-head
{
    color: black;
    background-color: white;
    padding: 0px;
    border: 0px;
    text-align: left;
}

.b-head th
{
    color: black;
    background-color: white;   
    font-weight: bold;
    padding-top: 5px;
}

pre
{
  font-family: Courier New, Courier Monospace;
  margin: 0;
}
hr
{
    border: 0;
    width: 100%;
    color: #000;
    background-color: #000;
    height: 1px;
}
hr.hr2
{
    border: 0;
    width: 100%;
    color: #000;
    background-color: #000;
    height: 3px;
}
hr.hr3
{
    border: 0;
    width: 100%;
    color: #CFCFCF;
    background-color: #CFCFCF;
    height: 1px;
}

/* For tab navigation */
/* http://css.maxdesign.com.au/listamatic/horizontal11.htm */
ul#navlist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #000;
margin: 0;
}

ul#navlist li
{
float: left;
height: 21px;
background-color: whitesmoke;
margin: 2px 2px 0 2px;
border: 1px solid #000;
min-width: 25px;
text-align: center;
}

li#active a
{
/*border-bottom: 1px solid #fff;*/
background-color: #fff;
color: #000;
}

ul#navlist li#active
{
    border-bottom: 1px solid #fff;
}

#navlist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
min-width: 25px;
text-align: center;
}

#navlist a:hover { background: #fff;}

ul#navlist li#edit
{
    border: 0px;
    background-color: #fff;
}

li#edit a
{
    color: orange;
    text-decoration: none
}

li#edit a:hover
{
    color: orange;
    text-decoration: underline
}

/* Tab container */
.tabline {
	border-left: 0px; /*solid 1px #000;*/
	border-bottom: 0px; /*solid 1px #000;*/
	border-right: 0px; /*solid 1px #000;*/
}

.tabline td 
{
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
}

.subtabline {
	border: 0px;
	margin: 5px 0;
	background-color: #fff;
}

.subtabline td { padding: 2px; }

.subtabline div.row1, .forumline p.row1 { text-align: left; padding: 3px; }

.navigation
{
    font: bold 11px verdana, arial, sans-serif;
}

/* Link navigation */
td#navlink a
{
width: 25px;
padding: 2px;
display: block;
font: bold 10px verdana,helvetica,arial,sans-serif;
background: whitesmoke;
text-decoration: none;
color: #666677;
}
td#navlink a:link{ color: #666677; }
td#navlink a:visited{ color: #666677; }
td#navlink a:hover
{
border-color:  #FFCA6F;
color: #fff;
background: #000;
background-color: #000; 
}

ul#navlink
{
width: 148px;
\width: 150px;
w\idth: 148px;
padding: 0px;
border: 1px solid whitesmoke;
border-top: 0px;
margin: 0px;
font: bold 10px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#navlink li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid whitesmoke;
}

ul#navlink li a
{
display: block;
width: 112px;
\width: 148px;
w\idth: 112px;
padding: 2px 8px 2px 8px;
border: 0px;
border-left: 20px solid #000;
background: whitesmoke;
text-decoration: none;
text-align: right;
}

ul#navlink li a:link { color: #666677; }
div#navlinks li a:visited { color: #666677; }

ul#navlink li a:hover
{
border-color:  #FFCA6F;
color: #fff;
background: #000;
}

ul#navhead
{
width: 148px;
\width: 150px;
w\idth: 148px;
padding: 0px;
border-left: 1px solid whitesmoke;
border-right: 1px solid whitesmoke;
border-top: 0px;
margin: 0px;
font: bold 10px verdana,helvetica,arial,sans-serif;
background: #000 /*url(images/navhead.gif) top left repeat-x*/;
}

ul#navhead li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #000;
color: #fff;
padding: 2px 8px 2px 8px;
text-align: center;
}

ul#navfoot
{
width: 148px;
\width: 150px;
w\idth: 148px;
padding: 0px;
border-left: 1px solid whitesmoke;
border-right: 1px solid whitesmoke;
border-top: 0px;
border-bottom: 1px solid whitesmoke;
margin: 0px;
font: bold 10px verdana,helvetica,arial,sans-serif;
background: #000;
}

ul#navfoot li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #000;
color: #fff;
padding: 2px 8px 2px 8px;
text-align: center;
}

div.thumb, div.thumb a
{
float: left;
margin: 0;
padding: 5px;
text-align: left;
width: 240px;
height: 100%;
border: 0;
}
div.thumb a
{
float: none;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}
div.thumb img
{
margin-top: 5px;
margin-bottom: 5px;
}

/* Mini calendar attributes */
.calendar
{
    width: 100%;
    border-bottom: 3px solid whitesmoke;
    text-align: center;
}
.calendar th
{
    font: bold 10px verdana,helvetica,arial,sans-serif;
    color: #000;
    text-align: center;
}
.calendar td, .calendar td a, .calendar-month a
{
    font: bold 10px verdana,helvetica,arial,sans-serif;
    color: #666677;
    padding: 1px;
    text-decoration: none;
    text-align: right;
}
.calendar td a:hover, .calendar-month a:hover
{
    color: #fff;
    background: #000;
}
.calendar-month
{
    padding-top: 3px;
    padding-bottom: 3px;
    font: bold 10px verdana,helvetica,arial,sans-serif;
    border-right: 5px solid whitesmoke;
    border-left: 5px solid whitesmoke;
    border-bottom: 1px solid black;
    color: #000;
}

/* Big calendar attributes */
.bigcal
{
    width: 100%;
    border: 1px solid black;
    text-align: center;
    border-collapse: collapse;
}

.bigcal td
{
    width: 14%;
    text-align: left;
}

.bigcal th
{
    width: 14%;
    text-align: center;
    background: whitesmoke;
    padding: 3px;
}

/* Calendar navigation */
ul#callink
{
min-height: 80px;
padding: 0px;
border: 0px;
margin: 0px;
font: bold 10px verdana,helvetica,arial,sans-serif;
border: 1px solid white;
}

ul#callink li
{
list-style: none;
margin: 0px;
border: 0px;
}

ul#callink li a
{
display: block;
padding: 2px 2px 2px 2px;
border: 0px;
margin-bottom: 1px;
background: whitesmoke;
text-decoration: none;
text-align: left;
}

ul#callink li a:link { color: #666677; }
div#callinks li a:visited { color: #666677; }

ul#callink li a:hover
{
color: #fff;
background: #000;
}

a#today, a:link#today, a:visited#today
{
background: #FFCA6F;
}

a#c, a:link#c, a:visited#c
{
background: #FAF3D1;
}

a#s, a:link#s, a:visited#s
{
background: #ECFAD1;
}

a#o, a:link#o, a:visited#o
{
background: #DECFFC;
}

/* Normal li */
li.link_list
{
    margin-left:15px;
    list-style-type: disc;
    list-style-position:outside;
}

#iphotos-container, #iresults-container, #inews-container, #iforums-container, #icalendar-container
{
    background-repeat: no-repeat;
    background-position: top right;
    border-bottom: 5px solid #fff;
}

#iphotos-container
{
    background-image: url(images/photos.png);
}

#iresults-container
{
    background-image: url(images/events.png);
}

#inews-container
{
    background-image: url(images/news.png);
}

#iforums-container
{
    background-image: url(images/forums.png);
}

#icalendar-container
{
    background-image: url(images/calendar.png);
}

div.mat_scroll_short
{
	height: 100px;
	width: 100%;
	overflow: auto;
	background-color: #fff;
}

div.mat_scroll_medium
{
	height: 240px;
	width: 100%;
	overflow: auto;
	background-color: #fff;
}

div.mat_scroll_tall
{
	height: 400px;
	width: 100%;
	overflow: auto;
	background-color: #fff;
}

div.mat_scrollguts
{
	padding: 5px
}

.mat_table
{
    border-collapse: collapse;
    border: 1px solid gray;
    width: 100%;
}

.mat_tabletop
{
    background: #000;
    color: white;
    font-weight: bold;
    padding: 4px;
    border: 1px solid #000;
}

.mat_tabletop a
{
    color: #fff;
}

.mat_tablebody
{
    padding: 0px;
}

p.mat_row0
{
    padding: 5px;
    background: #fff;
}

p.mat_row1
{
    padding: 5px;
    background: #F5F5F5; /*whitesmoke*/
}

.mat_add_row
{
    background-color: #fff;
    border-top: 1px solid #F5F5F5; /*whitesmoke*/
}

.mat_top
{
    border: 0px;
    padding: 4px;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-collapse: collapse;
    background-position: bottom left;
    /*background-image: url(images/bg_orange.png);*/

}

.mat_subtable
{
    width: 100%;
    border-collapse: collapse;
}

.mat_graydiv
{
    border-left: 1px solid #D3D3D3; /*lightgray*/
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.mat_superth
{
    background: #F5F5F5; /*whitesmoke*/
    text-align: center;
    font-size: 10px;
    padding: 3px;
    border-bottom: 1px solid #D3D3D3;
    text-transform: uppercase;
}

.mat_midth
{
    background: #F5F5F5; /*whitesmoke*/
    text-align: center;
    font-size: 10px;
    padding: 3px;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    text-transform: uppercase;
}

.mat_subth
{
    background: #F5F5F5; /*whitesmoke*/
    text-align: right;
    font-size: 10px;
    padding: 3px;
    border-top: 1px solid #D3D3D3; /* lightgrey */
}

.mat_subtd0
{
    background: #fff;
    padding: 4px;
    margin: 0px;
}

.mat_subtd1
{
    background: #F0F8FF; /* AliceBlue */
    padding: 4px;
    margin: 0px;
}

.mat_subtd3
{
    background:transparent url(images/bg_whitesmoke.png); 
    padding: 4px;
    margin: 0px;
    border-top: 1px solid #D3D3D3; /* lightgrey */
    border-bottom: 1px solid #D3D3D3; /* lightgrey */
}

.mat_ctd0
{
    background: #fff;
    padding: 4px;
    margin: 0px;
}

.mat_ctd1
{
    background: #FAF3D1; /* Collegiate */
    padding: 4px;
    margin: 0px;
}

.mat_std0
{
    background: #fff;
    padding: 4px;
    margin: 0px;
}

.mat_std1
{
    background: #ECFAD1; /* Scholastic */
    padding: 4px;
    margin: 0px;
}

.mat_otd0
{
    background: #fff;
    padding: 4px;
    margin: 0px;
}

.navbtn
{
    padding: 0px;
    margin: 0px;
}

.mat_ftd, .mat_ftdI, .mat_ftdII, .mat_ftdIII, .mat_ftdIV, .mat_ftdV, .mat_ftdVI, .mat_ftdVII, .mat_ftdVIII, .mat_ftdIX, .mat_ftdX, .mat_ftdXI, .mat_ftdPSAL, .mat_ftdCHSAA, .mat_ftdYouth,
.mat_ftdFreestyle, .mat_ftdGreco,
.mat_ftdD-I, .mat_ftdD-II, .mat_ftdD-III, .mat_ftdNAIA, .mat_ftdCIS-m, .mat_ftdCIS-w, .mat_ftdNJCAA, .mat_ftdNCWA, .mat_ftdUSGWA, .mat_ftdTitleIX,
.mat_ftdAB, .mat_ftdAL, .mat_ftdAK, .mat_ftdAB, .mat_ftdAZ, .mat_ftdAR, .mat_ftdBC, .mat_ftdCA, .mat_ftdCO, .mat_ftdCT, .mat_ftdDE, .mat_ftdDC, .mat_ftdFL,
.mat_ftdGA, .mat_ftdHI, .mat_ftdID, .mat_ftdIL, .mat_ftdIN, .mat_ftdIA, .mat_ftdKS, .mat_ftdKY, .mat_ftdLA, .mat_ftdME, .mat_ftdMB, .mat_ftdMD,
.mat_ftdMA, .mat_ftdMI, .mat_ftdMN, .mat_ftdMS, .mat_ftdMO, .mat_ftdMT, .mat_ftdNE, .mat_ftdNV, .mat_ftdNB, .mat_ftdNL, .mat_ftdNH, .mat_ftdNJ,
.mat_ftdNM, .mat_ftdNY, .mat_ftdNC, .mat_ftdND, .mat_ftdNT, .mat_ftdNS, .mat_ftdNU, .mat_ftdOH, .mat_ftdOK, .mat_ftdON, .mat_ftdOR, .mat_ftdPA,
.mat_ftdPE, .mat_ftdQC, .mat_ftdPR, .mat_ftdRI, .mat_ftdSK, .mat_ftdSC, .mat_ftdSD, .mat_ftdTN, .mat_ftdTX, .mat_ftdUT, .mat_ftdVT, .mat_ftdVA,
.mat_ftdWA, .mat_ftdWV, .mat_ftdWI, .mat_ftdWY, .mat_ftdYT
{
    border-top: 1px solid #fff;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.mat_ftd1
{
    background: whitesmoke; /* Other */
    padding: 4px;
    margin: 0px;
}

.mat_ftd0
{
    background: #fff;
    padding: 4px;
    margin: 0px;
}

.mat_otd1
{
    background: #DECFFC; /* Other */
    padding: 4px;
    margin: 0px;
}

.whatsnew
{
    /*background: #455995;*/
    background: #fff;
    padding: 4px;
    margin: 0px;
    color: black;
}

.whatsnew_top
{
    border: 0px;
    padding: 4px;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-collapse: collapse;
    background-position: bottom left;
}

.mat_link
{
    color: #455995;
    font-weight: bold;  
}


/* for wizard photo gallery
ul#split, ul#split li{margin:0; padding:0px;list-style:none;}
ul#split li{float:left;width:85px; margin:5px; padding: 5px; background-color:#f5f5f5; border: 1px solid #d3d3d3; cursor:move;}
ul#split h3{margin:0px; padding:0px; color: #000; position:inherit;}
ul#split p{margin:0px; padding:5px; text-align:center; background-color:#f5f5f5;}
ul#split input{ background-color:#f5f5f5; font-size: 10px;font-weight: normal;color: gray;height:10px}
ul#split li:hover {background-color: #B0C4DE;} */

/* for wizard photo gallery */
ul.photos, ul.photos li{margin:0; padding:0px;list-style:none;}
ul.photos li{float:left;width:85px; margin:5px; padding: 5px; background-color:#f5f5f5; border: 1px solid #d3d3d3; cursor:move;}
ul.photos h3{margin:0px; padding:0px; color: #000; position:inherit;}
ul.photos p{margin:0px; padding:5px; text-align:center; background-color:#f5f5f5;}
ul.photos input{ background-color:#f5f5f5; font-size: 10px;font-weight: normal;color: gray;}
ul.photos li:hover {background-color: #B0C4DE;}

/* for browser photo gallery */
.mat_album
{
    border:1px solid black;
    background-color: #000;
    padding:5px;
    color:#fff;
}

.mat_img
{
    border:2px solid #fff;
}

.mat_img:hover
{
    border:2px solid orange;
}

/* Post buttons */
.mat_post_results
{
float:left;
width:112px;
height:50px;
background-image: url(images/post_results_off.gif);
}
.mat_schedule_event
{
float:left;
width:112px;
height:50px;
background-image: url(images/schedule_event_off.gif);
}
.mat_make_announcement
{
float:left;
width:112px;
height:50px;
background-image: url(images/make_announcement_off.gif);
}
.mat_post_results:hover
{
background-image: url(images/post_results_on.gif);
}
.mat_schedule_event:hover
{
background-image: url(images/schedule_event_on.gif);
}
.mat_make_announcement:hover
{
background-image: url(images/make_announcement_on.gif);
}

.mat_autocomplete li, li a
{

    cursor:default;
    color:black;
    text-decoration:none;
}

.mat_autocomplete li:hover, li a:hover
{

    color:black;
    text-decoration:none;
    background-color:#d3d3d3;
}