@charset "UTF-8";
/* CSS Document */

body {
	background: url(../images/background.gif) repeat-x top;
	margin:0;
	padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	/* font: normal, Arial, Verdana, Helvetica, sans-serif; */
  /* font-size: .9em; */
  color: #000000;
  
}


#header {
	width: 935px;
	margin: 0 auto;
	background: url(../images/header-bg.png) no-repeat center;
	position: relative;
	height: 103px;
}

#container {
	width: 935px;
	background: url(../images/container-bg.png) repeat-y center;
	position: relative;
	margin: 0 auto;
	min-height: 720px;
}

#subcontainer,
div.maintd {
  margin: 0px 25px 0px 25px;
  padding: 0;
}
#subcontainer div ,
div.maintd div {
  margin: 20px 15px 0 15px;
  padding: 0;
}



#navigation {
	background: url(../images/navigation-bg.png) no-repeat center;
	height: 47px;
	width: 890px;
	margin: 0 auto;
	position: relative;
	text-align: center;
  z-index:10;
}

#navigation ul {
  padding: 0;
  margin: 0;
  list-style-type:none;
}

/* each item in the main menu */
#navigation ul li.nav {
	background: url(../images/button-green_120.png) no-repeat center;
	height: 39px;
	width: 121px;
  border: 10px;
  float: left;
  display: block;
  padding: 0;
  margin-top: 5px;
  margin-left: 5px;
}

/* style for Main Menu text */
#navigation ul li.nav a {
	color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-size: .9em;
  font-weight: bold;
  line-height: 39px;
}

/** Change the button color - on mouseover **/
#navigation ul li.nav.active,
#navigation ul li.nav a.active,
#navigation ul li.nav.over, 
#navigation ul li.nav:hover {
  background: url(../images/button-yellow_120.png) no-repeat center;
}
#navigation ul li.nav.active a,
#navigation ul li.nav.over a,
#navigation ul li.nav:hover a,
#navigation ul li.nav ul.subnav li a
{
  color: #1b3b1c;
}

/** Hide the submenu **/
#navigation ul li.nav ul.subnav {
  display: none;
  /* height: 80px; */
	width: 170px;
  padding: 0;
  margin: 0;
}
#navigation ul li.nav.over ul.subnav,
#navigation ul li.nav:hover ul.subnav
{
  float:left;
  position:relative;
  display:block;
  padding-top:20px;
  margin-left:-21px;
}
/*
.nav.over ul, .nav:hover ul {
  background-color: #ffD700;
  float: left;
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
}*/

#navigation ul li.nav ul.subnav li.bottom{
  float:left;
  width:170px;
  height:10px;
  background:url(../images/subnav_bottom.gif) no-repeat top;
  margin:0px;
  padding:0px;
}
#navigation ul li.nav ul.subnav{
  float:left;
  display:none;
  width:170px;
  padding:0px;
  margin:0px;
  background:url(../images/subnav_top.gif) no-repeat top;
  overflow:hidden;
}


/*** sub nav style on mouseover or when active ***/
#navigation ul li.nav ul.subnav li a:hover{color:#1D1D20; background:#FFFFFF;}
#navigation ul li.nav ul.subnav li a {
text-decoration:none;
line-height:22px;
height:22px;
text-align:left;
padding: 2px 0px 2px 15px;
display:block;
margin:0px;
background:url(../images/subnav_middle.gif) repeat-y top;
}


#thirdrow {
	background: url(../images/thirdrow-bg.png) no-repeat center;
	height: 28px;
	width: 890px;
	margin: 0 auto;
	position: relative;
	color: #1B3B1C;
	padding-top: 4px;
	padding-left: 16px;
}
#thirdrow a, #thirdrow a:link, #thirdrow a:active, #thirdrow a:visited { color: #1B3B1C; text-decoration:none; }
#thirdrow a:hover { text-decoration:underline; }

#footer {
	background: url(../images/footer-bg.png) no-repeat center;
	width: 935px;
	height: 130px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.welcome {
	margin-left:70px;
	padding-top: 5px;
	float: left;
}

.logout {
	float: left;
	padding-top: 5px;
}

.bottom-nav {
	font-size: 11px;
	padding-top: 40px;
	text-align: left;
	padding-left: 40px;
}
.bottom-nav a, .bottom-nav a:link, .bottom-nav a:active, .bottom-nav a:visited { color: #1B3B1C; text-decoration:none; }
.bottom-nav a:hover { text-decoration:underline; }

.copyright {
	font-size: 11px;
	padding-top: 60px;
}
.news {
	color: #FFF;
	margin-left: 654px;
	padding-top: 22px;
	line-height: 20px;
	font-weight: bold;
	position: relative;
  font-size: 12px;
}
.news a, .news a:link, .news a:active, .news a:visited { color: #ffffff; text-decoration:none; }
.news a:hover { text-decoration:underline; }


.login-fields {
	border: 1px solid #ccc;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	padding:2px 5px;
	height:19px;
	font-size:12px;
	margin:0 5px 0 0;
	float: left;
}

#intro-message {
	float:left;
	width:705px;
	height:105px;
	background: url(../images/vertical-line.png) no-repeat right center;
	margin-left: 24px;
	margin-top: 15px;
}


#intro-message p {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #1B3B1C;
	margin-top:5px;
	padding-right:10px;
	
}


#sign-up-button {
	width: 163px;
	height:75px;
	float:right;
	margin-right: 30px;
	margin-top: 15px;
	padding-top: 30px;
	}  

#line {
	background: url(../images/horizontal-line.png) no-repeat center;
	height: 10px;
	width: 890px;
	float: left;
	position: relative;
	margin-left: 22px;
}

#did-you-know {
	width: 180px;
	float:right;
	margin-right: 30px;
	margin-top:10px;
	height:490px;
	background: url(../images/did-you-know.png) no-repeat top;
	padding-top: 80px;
	color: #1B3B1C;
	font-size: 13px;
	line-height: 16px;
}
#champions h2 img {
	border: 3px solid #fff;
}

#did-you-know ul li {
	border-bottom: 1px dotted #35A11A;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-left: -35px;
	list-style: none;
	background: url(../images/arrow.png) no-repeat left 3px;
	padding-left: 10px;
}

#did-you-know a { color: #1B3B1C; text-decoration:underline;  }
#did-you-know a:hover { color: #358834; text-decoration:none;  }

#champions {
	width:320px;
	height:134px;
	background: url(../images/champions-page.png) no-repeat;
	position: relative;
	float: left;
	margin-left: 24px;
	margin-right: 10px;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	font-size: 12px;
}
#champions p, #coachcorner p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#champions h2, #coachcorner h2 {
	margin-bottom: 0px;
	color: #F9E032;
	font-size: 12px;
	font-weight: bold;
}

#coachcorner {
	width:320px;
	height:134px;
	background: url(../images/coachs-corner.png) no-repeat;
	position: relative;
	float: left;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	font-size: 12px;
}

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#slider {
	float:left;
	width:690px;
	height:310px;
	margin-left: 24px;
	margin-top: 0px;
	margin-bottom: 5px;
}



.anythingSlider                         {
	width: 690px;
	height: 300px;
	position: relative;
	margin: 0 auto 15px;
	background: url(../images/ntl.jpg) no-repeat;
}
.anythingSlider .wrapper                { width: 690px; overflow: auto; height: 300px; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top:120px; left: -20px; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; color:#fff; font-size: 18px;line-height:24px; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -200px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 250px; text-align: center; z-index: 20;}
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: #397E3C; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; background: #397E3C;}
.thumbNav a:hover                       { background: #397E3C; }
.thumbNav a.cur                         { background: #F9E032; color: #F9E032; }

.start-stop                             { z-index: 10; background: green; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; display:none;}
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


span.textReg{
	font-family: Arial;
	font-size: 10pt;
	font-weight: Normal;
	color: Black;
	background-color: White; 
}
a.nostyle:link, a.nostyle:visited {
  text-decoration: none; 
  color: black;
}

a.directionlink:link, a.directionlink:visited {
  text-decoration: underline; 
  font-weight:bold;
  color: #FFFF00;
}

a.menu{
	color: yellow;
	font-family: Arial;
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
}
a.menu:hover{
	color: white;
	font-family: Arial;
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
}
a.menuBig{
	color: yellow;
	font-family: Arial;
	font-size: 10pt;
	font-weight:bold;
	text-decoration: none;
}
a.menuBig:hover{
	color: white;
	font-family: Arial;
	font-size: 10pt;
	font-weight:bold;
	text-decoration: none;
}
a.FAQs{
	font-family: Arial;
	font-size: 10pt;
	font-weight: Bold; 
	color: Green; 
	text-decoration: none;
}

a.FAQs:hover{
	font-family: Arial;
	font-size: 10pt;
	font-weight: Bold;
	color: Yellow;
	background-color: Green; 
	text-decoration: none;
}

a.FAQsBig{
	font-family: Arial;
	font-size: 12pt;
	font-weight: Bold; 
	color: Green; 
	text-decoration: none;
}

a.FAQsBig:hover{
	font-family: Arial;
	font-size: 12pt;
	font-weight: Bold;
	color: Yellow;
	background-color: Green; 
	text-decoration: none;
}

a.menu:visited{
	color: yellow;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	font-weight:bold;
}
a.menu:active{
	color: white;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	font-weight:bold;
}
.banner
{
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 20px !important;
  margin-left: 20px !important;
  border: 0; /* 2px solid; */
  background-color: white;
  width: 450px;
  height: 41px;
}

.banner .banner2 {
  background: url('../images/banner_left.jpg');
  float: left; 
  margin: 0px 8px !important; 
  padding: 0 !important;
}

.banner .banner2 div {
  color: #35722c;
  background: url('../images/banner_right.jpg') no-repeat; 
  background-position: 100% 0; /* right side aligned to the right */
  height: 41px; /* height of the button images */
  line-height: 40px; /* Text is vetically centered */
  padding:  important;
  padding-right: 150px; 
  padding-left: 50px; 
  font-weight: 900;
  font-size: 25px;
  margin: 0 !important;
  font-size: 20px; font-family: arial,sans-serif;
  font-style: italic;
}


div#menudiv
{
  width: 132px;
}

div#ssllogo
{
  text-align:center;
  margin: 30 0 0 0;
}

div.maintd table.presarray 
{ padding: 0; margin: 7 0 7 0; }

div.maintd table td,
div.maintd table th
 { font-size: 13px; }

 
div.maintd table.presarray div 
{ margin: 0; padding: 0; }
div.maintd table.presarray th,
div.maintd table.presarray td
 {  margin: 0; padding: 1 3 1 3;}
 
div.maintd table.presarray th
 { text-align: right; font-weight: bold;  white-space: nowrap !important; }


div.maintd table#signupnewteamarray th,
div.maintd table#reactivateteamarray th
 { width: 140px; }

div.maintd table tr td div.helperbox
 { margin: 10 20 10 20px; border: 2px black solid; padding: 10px;}
 
/* used for formatting erros from jquery validation: */
label { float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }


.errormsg
{color:red; font-weight: bold;}

table.defaultleaguetable td
{
  border:1px solid #00FF00;
  padding: 10px;
}
table.defaultleaguetable
{
  border-collapse: collapse;
}
table.defaultleaguetable thead td
{
  text-align: center;
  font-weight: bold;
  color: white;
  background-color:#4F4F4F;
}
table.defaultleaguetable tbody td
{
  color:white;
  background-color:#008000;
}