@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: 242px;
	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;
}
.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; }
.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;
}
.games-row
{
	color: #000000;
	height: 20px;
	font-size: 10px;
}
.games-row-active
{
	background-image: url(/images/games-header-bg-blue.jpg);
	color: #FFFFFF;
	height: 20px;
	font-size: 10px;
}

.jumbo { font-size: 42px; }

.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:625px;
	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;
      }
	#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: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-size: 18px;
	text-transform: uppercase;
}