@charset "utf-8";

/* CSS Document */



/* ------------------------------------------ */

/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */

/* ------------------------------------------ */

* { margin: 0; padding: 0; }



html { overflow-y: scroll; }



body { 

    margin: 0px 0px;

    padding: 0px;

    text-align: center;

	font: 12px "Franklin Gothic Demi Cond", "Arial", sans-serif;

	background: #d8d8d8 url(images/bkgd-gradient.jpg) top repeat-x;

	color: #FFFFFF;

}



/* ul { list-style: none inside; } */



p { 

	font: 1.3em/1.3em;

	margin-bottom: 1.3em;

	font-weight: normal;	

}



ul li {

	font-size: 12px;

	}



a {

	outline: none;

	text-decoration: none;

}



a img { border: none; }

/* END RESET */



/* ------------------------------------------ */

/* TOOLBOX CSS */

/* ------------------------------------------ */

.floatleft { float: left; }



.floatright { float: right; }



.clear { clear: both; }



.transpBlack { background: url(transpBlack.png); }

/* END TOOLBOX */



/* ------------------------------------------ */

/* PAGE STRUCTURE */

/* ------------------------------------------ */



#container {

	overflow: auto;

	width: 1028px;

	margin: auto;

	padding: 0px;

	text-align: left;

	border: none;

	background-color: #000000;

	}



#header {

	width: 1028px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	background-color: #000000;

	overflow: hidden;

	}

	#header table tr td { padding: 1px; }

	

#banner {

	width: 1028px;

	height: 120px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	border-top: 3px #478400 solid;

	border-bottom: 3px #478400 solid;

	overflow: hidden;

	}

	#banner h2 { margin: 0; padding: 0; }

	.bannerheader{

	font-family: "Franklin Gothic Demi Cond";

	background-image: url(/images/greengrad_header.jpg);

	height: 30px;

	padding-bottom: 7px;

	}

	.bannerheader-minigames{

	font-family: "Franklin Gothic Demi Cond";

	background-image: url(/images/greengrad_header.jpg);

	height: 45px;

	padding-bottom: 7px;

	}	

	div.bannertext {

		float: left;

		width: 644px; 

		height: 212px; 

		margin: 0; 

		padding: 0;

		}

		.bannertext { 

			text-align: center;

			text-transform: uppercase;

			line-height: 212px;

			margin: 0; 

			padding: 0;

			}



#main-table {

	width: 1028px;

	float: left;

	background-color: #000000;

	}

	#main-table .col1 {

		float: left;

		width: 745px;

		padding: 10px;

		padding-top: 10px;

		}

		.item {

			margin-bottom: .2em;

			padding-bottom: 1em;

			overflow: auto;

			width: 100%;

			}

			.item p {

				margin-bottom: 8px;

				margin-top: 6px;

				padding-right: 1em;

				font-family: Arial, Helvetica, sans-serif;

				}

			.imgfloat {

				float: left;

				margin-right: 1em;

				}

			.item input {

				font-family: Arial, Helvetica, sans-serif;

				}

			#main-table .col1 h2 { width: 744px; }

			.header { font-family: "Franklin Gothic Demi Cond"; background-color: #000000; text-transform: uppercase; text-align: center; }

			.bkgdblue { background: url(images/bluegrad.jpg) top repeat-x; }

			.bkgdgreen { background: url(images/greengrad.jpg) top repeat-x; }

			.bkgdwhite { background-color: #FFFFFF; }

	

		#subpage { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }		



			#subpage h3 { border-bottom: 1px #CCC solid; text-transform: uppercase; }	

			#subpage h3, #subpage h4, #subpage h5 { font-family: Arial, Helvetica, sans-serif; }

			#subpage p { font-size: 14px; color: #000000; }

			

			.cell {

				padding: 10px; 

				margin: 10px; 

				border: 1px #CCC solid; 

				background: #FFF url(images/greygrad.jpg) top repeat-x;

				}



		#playernews { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }		



			#playernews h3 { border-bottom: 1px #CCC solid; text-transform: uppercase; }	

			#playernews h3, #playernews h4, #playernews h5 { font-family: Arial, Helvetica, sans-serif; }

			#playernews p { font-size: 12px; color: #000000; }



			

	#main-table .col2 {

		float: right; 

		width: 252px;

		padding: 4px;

		padding-top: 10px;

		margin: 0;

		}

	#main-table .col2 .item { overflow: hidden; }



#footer {

	width: 1028px;

	margin-left: auto;

	margin-right: auto;

	padding: 1em 0 1em 0;

	background: #000000;

	text-align: center;

	font-size: 13px;

	font-style: normal;

	color: #EEE;

	}

	#footer ul, li { list-style: none; display: inline; padding: 1.25em; }

	#footer ul li a { font-size: 16px; }

	

	#footer a:link    { color: #EEEEEE; text-decoration: none; }

	#footer a:visited { color: #EEEEEE; text-decoration: none; }

	#footer a:active  { color: #EEEEEE; text-decoration: none; }

	#footer a:hover   { color: #FFFFFF; text-decoration: underline; }

	



/* ------------------------------------------ */

/* ELEMENTS */

/* ------------------------------------------ */



h1 { font-size: 30px; margin-bottom: 10px; }

h2 { font-size: 24px; margin-bottom: 10px; }

h3 { font-size: 20px; margin-bottom: 10px; }

h4 { font-size: 16px; margin-bottom: 10px; }

h5 { font-size: 14px; margin-bottom: 10px; }

h6 { font-size: 11px; margin-bottom: 10px; }

hr { margin-bottom: 10px; height: 1px; color: #777; }



		

/* ------------------------------------------ */

/* CLASSES */

/* ------------------------------------------ */



.shadow { filter: DropShadow(Color=000000, OffX=1, OffY=1, Positive=1); }

.button-bold{

	font-weight: bold;

	padding-top: 1px;

	padding-right: 7px;

	padding-bottom: 1px;

	padding-left: 7px;

}

.button-normal{

	padding-top: 1px;

	padding-right: 7px;

	padding-bottom: 1px;

	padding-left: 7px;

}

.divider {

	background-image: url(images/white-divider.gif);

	background-repeat: repeat-y;

	width: 20px;

	height: 100%;

}

.profile-image{

	border: 5px ridge #80B70D;

}

.table-green-background{

	background: #E7F198;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #A2B616;

	border-right-color: #A2B616;

	border-bottom-color: #A2B616;

	border-left-color: #A2B616;

}

.table-no-background{

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #A2B616;

	border-right-color: #A2B616;

	border-bottom-color: #A2B616;

	border-left-color: #A2B616;

}

.commish-background { background: #FFF url(images/commishgreygrad.jpg) top repeat-x;}

.b { font-weight: bold; }

.i { font-style: italic; }

.u { text-decoration: underline; }

.red { color: #990000; }

.norm { font-weight: normal; }

.green { color: #326902; }

.black { color: #FFFFFF; }

.link {

	cursor: hand;

}

.28row-height{
	height: 28px;
}

.pale-blue{ color: #95cae6; }

.page-green{ color: #d4f3b0; }

.lg { color: #afd400 }

.sm { font-variant: small-caps; }

.caps { text-transform: uppercase; }

.big { font-size: 18px; }

.small { font-size: 10px; }

.medium { font-size: 12px; }

.medium-large { font-size: 14px; }

.large { font-size: 16px; }

.xl { font-size: 20px; }

.tiny { font-size: 8px; }

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

.space { margin-bottom: 30px; }

.mgauto { margin-left: auto; margin-right: auto; }

.nomargin { margin: 0; }

.nopadding { padding: 0; }

.nofloat { float: none; }

.light-blue { color: #0265ab;}

.dark-blue { color: #024370;}

.grey-box { background-image: url(/images/games-greybox-bg.jpg); background-repeat: repeat-x; }

.arial { font-family: Arial, Helvetica, sans-serif; }

.player-image {

	border: 1px solid #FFFFFF;

}

.games-tab

{

	font-size: 14px;

	font-weight: normal;

	color: #FFFFFF;

	background-color: 427301;

	padding-right: 15px;

	padding-left: 15px;

	height: 35px;

	padding-top: 7px;

	border-top: 1px solid #000000;

	border-right: 1px solid #000000;

	border-left: 1px solid #000000;

}

.games-tab-active

{

	font-size: 14px;

	font-weight: normal;

	color: #000000;

	background-color: #FFFFFF;

	padding-right: 15px;

	padding-left: 15px;

	height: 35px;

	padding-top: 7px;

	border-top: 1px solid #000000;

	border-right: 1px solid #000000;

	border-left: 1px solid #000000;

}

.games-header-green {

	background-image: url(/images/games-header-bg-green.jpg);

	background-repeat: repeat-x;

	color: #FFFFFF;

	height: 25px;

	font-weight: bold;

	font-size: 10px;

	text-align: center;

}

.games-header-blue {

	background-image: url(/images/games-header-bg-blue.jpg);

	background-repeat: repeat-x;

	color: #FFFFFF;

	height: 25px;

	font-weight: bold;

	font-size: 10px;

	text-align: center;

}

.games-row-blue-alt

{

	background-repeat: repeat-x;

	color: #000000;

	height: 20px;

	font-size: 10px;

	background-color: #ABD0FA;

}

.games-row-alt

{
	background-image: url(/images/games-row-bg.png);
	background-repeat: repeat-x;
	color: #000000;
	height: 20px;
	font-size: 10px;
	background-color: #daeb8d;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;



}

.games-row

{
	color: #000000;
	height: 20px;
	font-size: 10px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;



}

.games-row-active

{
	background-image: url(/images/games-header-bg-blue.jpg);
	color: #FFFFFF;
	height: 20px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;


}



.jumbo { font-size: 42px; }
.huge { font-size: 52px; }



.white {

	color: #FFF;

}

.black { color: #000; }



.fineprint { font-size: 9px; }



.inline p { display: inline; }



.hidden { display: none; }

.unhidden { display: block; }



.submitStyle { 

	border: none; 

	background: #badeb7 url('images/login.jpg'); 

	width: 53px; 

	height: 22px;

	cursor: pointer;

	}







/* ------------------------------------------ */

/* LINKS */

/* ------------------------------------------ */



a:link    { color: #55730F; text-decoration: none; }

a:visited { color: #55730F; text-decoration: none; }

a:active  { color: #55730F; text-decoration: none; }

a:hover   { color: #333E00; text-decoration: none; }



/* - NavBar ------------------------------- */



#navbar {

	margin: 0;

	padding: 0;

	height: 3em;

	 font-size:16px;

	 line-height:normal;	

}

#navbar li {

   list-style: none;

   float: left; }

#navbar li a {

   display: block;

   padding: 5px 0px;

   background-color: #000;

   font-size:20px;

   color: #fff;

   text-decoration: none; }



/*- Menu Tabs H--------------------------- */



    #tabsH {

	float:left;

	width:684px;

	background:#000;

	font-size:10px;

	line-height:normal;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

      }

    #tabsH ul {

	  margin:0;

	  padding:10px 10px 0px 40px;

	  list-style:none;

      }

    #tabsH li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabsH a {

      float:left;

      background:url("images/tableftH.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

      }

    #tabsH a span {

      float:left;

      display:block;

      background:url("images/tabrightH.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

	  font-size: 14px;

	  font-weight: bold;

      color:#FFF;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabsH a span {float:none;}

    /* End IE5-Mac hack */

    #tabsH a:hover span {

      color:#FFF;

      }

    #tabsH a:hover {

      background-position:0% -42px;

      }

    #tabsH a:hover span {

      background-position:100% -42px;

      }

	/* Dropdown Tab CSS */  

	#tabsH li ul {

	   display: none;

	   width: 165px; /* Width to help Opera out */

	   }

	#tabsH li:hover ul, #tabsH li.hover ul {

	   display: block;

	   margin: 25px 0 0 63px;

	   position: absolute;

	   z-index: 100;

	   padding: 4px;

	   background: url(images/greygrad.jpg) #FFF;

	   border:1px #000 solid;

	   }

	#tabsH li:hover li, #tabsH li.hover li {

	   float: none; 

	   border-bottom: 1px solid #fff;

	   }

	#tabsH li:hover li a, #tabsH li.hover li a {

	   font-size:14px;

	   background: none;

	   color: #000;

	   }

	#tabsH li li a:hover {

	   color: #326902;

	   }



	  

    #tabsHinv {

      float:right;

      /* width:100%; */

	font-family: Arial, Helvetica, sans-serif;	 

      background:#000;

      font-size:80%;

      line-height:normal;

      }

    #tabsHinv ul {

	  margin:0;

	  padding:0px 2px 1px 0px;

	  list-style:none;

      }

    #tabsHinv li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabsHinv a {

      float:left;

      background:url("images/tableftHinv.gif") no-repeat left bottom;

      margin:0;

      padding:0 0 0 2px;

      text-decoration:none;

      }

    #tabsHinv a span {

      float:left;

      display:block;

      background:url("images/tabrightHinv.gif") no-repeat right bottom;

      padding:5px 3px 4px;

	 font-size: 14px;

	 font-weight: bold;	  

      color:#FFF;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabsHinv a span {float:none;}

    /* End IE5-Mac hack */

    #tabsHinv a:hover span {

      color:#FFF;

      }

    #tabsHinv a:hover {

      background-position:0% -12px;

      }

    #tabsHinv a:hover span {

      background-position:100% -12px;

      }



 /* Register tab */	 

 

	#tabsH .bw a  {

      float:left;

      background:url("images/tableftHbw.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

	  }

	#tabsH .bw a span {

      float:left;

      display:block;

      background:url("images/tabrightHbw.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

	 font-size: 14px;

      font-weight: bold;

      color:#000;

	  }

    #tabsH .bw a:hover {
	background-position:0% -42px;
	cursor: hand;

      }

	#tabsH .bw a:hover span {

      color:#326902;

      background-position:100% -42px;

	  }

  

	#tabsHinv .bw a  {

      float:left;

      background:url("images/tableftHinvbw.gif") no-repeat left bottom;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

	  }

	#tabsHinv .bw a span {

      float:left;

      display:block;

      background:url("images/tabrightHinvbw.gif") no-repeat right bottom;

      padding:5px 3px 4px 3px;

	  font-size: 14px;

      color:#000;

	  }

    #tabsHinv .bw a:hover {

      background-position:0% -12px;

      }

	#tabsHinv .bw a:hover span {

      color:#326902;

      background-position:100% -12px;

	  }

	  

.button-green {

	background-image: url(images/green_button_bg.jpg);

	color: #FFFFFF;

	padding-top: 2px;

	padding-right: 15px;

	padding-bottom: 2px;

	padding-left: 15px;

	font-size: 18px;

	text-transform: uppercase;



}

.button-blue {
	background-image: url(/images/blue_button_bg.jpg);
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 18px;
	text-transform: uppercase;
	border: 1px solid #FFFFFF;


}
.form-small {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 135px;


}