﻿body 
{background-color: #CFE6F6;
background-image: URL("../images/gradients/blues_gradient2.png");
background-repeat: repeat-x;
background-attachment: scroll;
margin: 0;
padding: 0px 0 35px 0;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#777777;
font-family:Trebuchet MS,arial,verdana;}

.mainCell
{
/*
background-image: URL("../images/css/kicker_background.gif");
background-repeat:repeat-x;
border: none;
*/
background-color: #dadada; 
vertical-align: top;
padding: 15px;
color: #000000;}

.menuCell
{background-image: URL("../images/css/kicker_background.gif");
background-repeat:repeat-x;
background-color: #ffffff;
vertical-align: top;
padding: 15px;}

p, dl {
	margin: 0;
	padding: 5px 60px 5px 10px;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 18px;
}

dt {
	padding-left: 0;
	font-weight: bold;
}

a
{text-decoration: none;
 color: #00487D;}

a:hover 
{text-decoration: underline;
 color: #00487D;}

h1 {
	margin: 0 10px 5px 10px;
	padding: 3px 0 10px 0;
	font-family: "Verdana";
	font-size: 15px;
	color: #00487D;
	font-weight: normal;
	background-image: URL("../_images/h5_underline.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

h1.Home {
	margin: 0 10px 5px 0;
	padding: 3px 0 10px 0;
	background-image: URL("../_images/h5_underline.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	color: #00487D;
	font-family: "Verdana";
	font-size: 13px;
	font-weight: normal;
}

h2 {
	margin: 0 10px 5px 10px;
	padding: 3px 0 0px 0;
	font-family: "Verdana";
	font-size: 12px;
	color: #369;
	font-weight: normal;
}

h4 {
	margin: 0 0 0 0;
	padding: 7px 0 10px 0;
	background-position: bottom;
	background-repeat: repeat-x;
	color: #00487D;
	font-family: "Verdana";
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-indent: 15px;
}

ul {
	margin-top: 5px;
}

li {
	font-family: "Verdana";
	font-size: 11px;
	line-height: 18px;
}

blockquote {
	margin: 0;
	padding: 5px 0 5px 30px;
}

form {
	margin: 0;
	padding: 0;
}

form select, form input {
	font-family: "Verdana";
	font-size: 11px;
}

#areaContainer {
	background-color: #FFF;
	clear: both;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#areaHeader 
{

    background-color:#80C9FF;
    background-color:#00487D;
    background-color:#003D6B;
    color:#80C9FF;
    background-image: URL("../_images/login_bar.png");
    background-position:bottom;
    background-repeat:repeat-x;
    /*

	background-image: URL("../_images/header_background2.gif");
	background-repeat:repeat-x;
	background-position: top left;     */
	height: 147px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: left;
    color:#ffffff;
    /*color:#680707;
	/*color:#045D89;*/
    font-family: Trebuchet MS,Impact,Arial;	
    font-weight:bold;
}

#areaHeader .subHead {
	position: absolute;
	margin: 50px 0 0 29px;

}

#areaHeader .siteHead {
	position: absolute;
	margin: 7px 0 0 29px;
	cursor: pointer;
	background-image: url(../images/banner.png) !important;
	background-image: url(../images/banner.gif);
	background-repeat:no-repeat;
	width:500px;
	height:100px;
}

#areaHeader .siteHead span
{font-size:24pt;  }

.search1
{float:right; 
padding-right:10px;
font-family:Trebuchet MS;
color:#000000;
font-size:8pt;}

.search1 a
{font-weight:bold;
color:#00487D}



#areaMainNav 
{	height: 32px;
width: 978px;
width: 1000px;
position: absolute;
margin: 84px 0 0 0px;
padding: 0;
/* need to set the z-index of this dix or the menus will drop down behind the player divs */
z-index:1;}

#areaMainNav .center 
{
background-color: #FFF;
/*background-image: URL("../_images/mainnav_background.gif");*/
background-image: URL("../images/glossy black/mainnav_background.gif");
background-repeat: repeat-x;
height: 32px;
width: 960px;
width: 1000px;
position: absolute;
margin: 0 0 0 9px;
margin: 0;
padding: 0;
}

#areaMainNav .left {
	/*background-image: URL("../_images/mainnav_background_left.gif");*/
	background-image: URL("../images/glossy black/mainnav_left.gif");
	background-repeat: no-repeat;
	height: 32px;
	width: 9px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#areaMainNav .right {
	/*background-image: URL("../_images/mainnav_background_right.gif");*/
	background-image: URL("../images/glossy black/mainnav_right.gif");
	background-repeat: no-repeat;
	height: 32px;
	width: 10px;
	margin: 0 0 0 968px;
	padding: 0;
	position: absolute;
}

#areaMainNav .menu {
	position: absolute;
	margin: 6px 0 0 7px;
	padding: 0;
	font-family: "Arial";
	font-size: 12px;
}

#areaMainNav .menu div {
	/*background-image: URL("../_images/mainnav_menu_split.gif");*/
	background-image: URL("../images/glossy black/mainnav_menu_split.gif");
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	float: left;
	height: 21px;
	width: 10px;
}

#areaMainNav .menu a {
	padding: 0;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	white-space: nowrap;
}

#areaMainNav .menu a span {
	display: block;
	background-image: none;	
	float: left;
}

#areaMainNav .menu a span span {
	background-image: none;	
	padding: 3px 67px 0 68px;
	height: 18px;
	cursor: pointer;
}

#areaMainNav .menu a:hover,
	#areaMainNav .menu a.actived {
	background-image: URL("../images/primal/mainnav_menu_background.gif");
	background-repeat: repeat-x;
}

#areaMainNav .menu a:hover span,
	#areaMainNav .menu a.actived span {
	background-image: URL("../images/primal/mainnav_menu_left.gif");
	background-repeat: no-repeat;
	background-position: left center; 
}

#areaMainNav .menu a:hover span span,
	#areaMainNav .menu a.actived span span {
	background-image: URL("../images/primal/mainnav_menu_right.gif");
	background-repeat: no-repeat;
	background-position: right center;
}

#areaSubNav .sub {
	padding: 15px 0 0 0;
}

#areaSubNav .subBody {
	padding: 7px 0 0 0;
}

#areaSubNav div {
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
}

#areaSubNav div div {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;

}

#areaSubNav .bottom {
	margin: 0;
	padding: 0;
}

#areaSubNav div.table1, div.table2, div.table3 {
	margin: 8px 0 0 0;
	background-color: #80C9FF;
	width: 165px;
	padding-bottom: 5px;
	border:solid 1px #ffffff;
}
/*following addition to allow or extra long mini league names*/
#areaSubNav div.table1
{
 	width: 195px;   
}

#areaSubNav span {
	/*background-color: #87ceeb;*/
	display: block;
    padding: 0 5px;
}

#areaSubNav span span {
	display: block;
	border-right: 0;
	padding: 3px 0 5px 0;
		color: #000000;
}

#areaSubNav span.end {
	background-image: none;
	padding: 3px 0 0 0;
}

#areaSubNav a {
	font-family: "Arial";
	font-size: 12px;
	color: #00487D;
	text-decoration: none;
	display: block;
	text-indent: 10px;
	height: 17px;
	padding-top: 3px;
	background-color: #80C9FF;
	border: solid 1px #80C9FF;
}

#areaSubNav a:hover ,
	#areaSubNav a.actived {
	border: 1px solid #ffffff;
	background-color: #00487D;
	color:#ffffff;
}

#areaFooter {
	background-color: #0066B3;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Verdana";
	font-size: 10px;
	color: #FFF;
	clear: both;
}

#areaFooter .copyright {
	background-color: #676F74;
}

#areaFooter div {
	padding: 5px 0;
}

#areaFooter .menu a {
	margin: 0;
	padding: 0 10px;
	color: #FFF;
	text-decoration: none;
}

#areaFooter .menu a:hover, #areaFooter .menu a.actived{
	color: #80C9FF;
}

#areaContent {
	text-align: right;
}

.bottom_img {
	background-position: top left;
	background-repeat: no-repeat;
	border: 0px;
	margin: 0;
	padding: 0;
}

.grayBox
{
width:95%; 
background-color:#aaaaaa; 
color:#000000;
padding:10px; 
border-bottom: solid 2px #111111; 
border-right:solid 2px #111111; 
border-left:solid 2px #eeeeee; 
border-top:solid 2px #eeeeee;  
 
}