/*******************************************************************************
 *
 *  This file gets read in by CssGenerate->cssGenerator.  Everything that
 *  begins with a dollar sign ($) is considered a variable and will be
 *  replaced by the corresponding value from the file site_vars.php.
 *
 *******************************************************************************/

 	#viewport
	{
    	width: auto;
		height: auto;
		background: black;
	}

	body
	{
		margin: 0px;
		padding: 0px;
		font-family: arial, verdana, helvetica, sans-serif;
		/*background: white url(../images/smallnet.gif); */
		/*background: #FFFFFF;*/
	}

	#container
	{
		/* Center in the browser window */
		margin-left: auto;	margin-right: auto;
		width: 850px;
		line-height: 100%;
		background: #FFFFFF;
		border: 10px solid black;
	}

	.box-wrap
	{
		background: white;
		/*background-image: url(../images/smallnet.gif);*/
		background-repeat: repeat;
		background-position: 75% 0px;
		width: $layout[w_centercontent];
	}
	.box-inner-wrap
	{
		background-image: url(../images/deep_blue_bg_180.jpg);
		background-repeat: repeat-y;
		/*background-position: 0% 0px;*/
		/*width: 180px;*/
	}

	#banner
	{
		background: url(../images/banner.jpg) no-repeat;
		height: 101px;
		width: 850px;
		/*padding: 0em;*/
		/*border-bottom: 1px black solid;*/
	}

	#banner_welcome
	{
		background: url(../images/banner_welcome.jpg) no-repeat;
		height: 101px;
		width: 850px;
	}

	#banner table
	{
		margin-top: 20px;
		margin-right: 60px;
	}

/*	#banner h1
	{
		text-align: center;
		font-size:  large;
	}*/

	#centercontent
	{
		padding: 10px;
		max-width: none;
		min-height: 350px;
		/*border: 1px solid blue;*/
 	}

	#centercontent .welcome
	{
		background: url(../images/watermark.jpg) no-repeat;
		background-position: 50% 50%;
    	height: 350px;
	}


	.boxNarrow 	{margin-left: 180px; margin-right: 240px;}
	.boxRight	{margin-left: 180px; 									    }
	.boxLeft	{                                     margin-right: 240px;}

	/* 850x (container) - 180px (left content) - 240px (right content) = 430px.
	 * With the centercontent having a 10px margin on both sides, this leaves
	 * 410px.  IE can only seem to handle 400px without screwing up.  So, the
	 * maximum width of any "narrow" center content table is 400px.
	 */
	.widthNCCT		{ width: 400px; }
	.maxwidthNCCT	{ max-width: 400px; }

	/* 850px - 180px = 670px
	 */
	.widthRCCT		{ width: 640px; }
	.maxwidthRCCT	{ max-width: 640px; }

	/* 850px - 240px = 610px;
	 */
	.widthLCCT		{ width: 580px; }
	.maxwidthLCCT	{ max-width: 580px; }

	/* 850px  (full)
	 */
	.widthFCCT		{ width: 850px; }
	.maxwidthFCCT	{ max-width: 850px; }

	#leftcontent
	{
 		float: left;
		display: inline;
		width: 180px;
		margin: 0px;
		padding-top: 5px;
		/*background-color: #A3D8F7;*/
		background: url(../images/deep_blue_bg_180.jpg);
		/*border: 1px solid gray;*/
	}

	#rightcontent
	{
		float: right;
		display: inline;
		width: 240px;
		margin: 0;
		padding: 0em;
 	}

	#footer
	{
		clear: both;
		margin: 0;
		padding: .5em;
		text-align: center;
		font-size: xx-small;
		line-height: .05;
 	}

 	a				{ text-decoration: none; color: #000000; }
	a:hover     	{ text-decoration: underline; color: #F8A350; }
	/*a:active 		{ color: #F8A350; }    */

	/* Link on a black background */
	a.black 		{ text-decoration: none; color: white}
	a.black:hover 	{ text-decoration: none; color: #F8A350; }


/*	

	
*/
	td.button
	{
		background: none;
		text-align: center;
	}

	input.button
	{
		/*  These are the default border styles */
		border-top:    2px solid #EEEEEE;
		border-right:  2px solid #999999;
		border-bottom: 2px solid #999999;
		border-left:   2px solid #EEEEEE;

		cursor:	pointer;
		font-weight: normal;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: small;
		background-color : #E8E8E8;
		color : #000000;
		/*text-decoration: none;*/
	}

	input.noButton
	{
    	cursor: pointer;
		border: none;
		font-family : inherit;
		font-size : inherit;
		background: none;
	}

	input.tightButton
	{
    	cursor: pointer;
		border: none;
		font-family : inherit;
		font-size : inherit;
		background: none;
		padding: 0em;
		spacing: 0em;
	}

	a.button, a.button:visited, a.button:hover
	{
	 	border-top:    2px solid #EEEEEE;
		border-right:  2px solid #999999;
		border-bottom: 2px solid #999999;
		border-left:   2px solid #EEEEEE;

		cursor:	pointer;
		font-weight: normal;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: small;
		background-color : #E8E8E8;
     	color : #000000;

		padding-right: .5em; padding-left: .5em;

		text-decoration: none;
	}

	input		{ font-family: courier, sans-serif; }
	select		{ font-family: courier, sans-serif; }
    .fixed		{ font-family: courier, sans-serif; }
	
	th
	{
		font-weight: bold;
		font-family : arial, verdana, helvetica, sans-serif;
		font-size : small;
		color : white;
		background-color: black;
	}

	button.sortButton
	{
    	cursor: pointer;
		border: none;
		background: none;
		font: bold;
	}

	td
	{
		font-family : arial, verdana, helvetica, sans-serif;
		font-size : small;
		color : #000000;
		/*background-color: #6699CC; */
	}

	tr.trEven
	{
    	background-color: #ECECEC;
	}

	tr.trOdd
	{
    	background-color: #DCDCDC;
	}

	td.new
	{
		font-family : arial, verdana, helvetica, sans-serif;
		font-size : small;
		color : #000000;
		background-color: #6699CC;
	}

	table.barMenu
	{
		background: url(../images/bar_black.jpg) repeat;
		/*background: url(../images/bar_orange.jpg) no-repeat;*/
		height: 26px;
		width: 850px;
		letter-spacing: 0.06em;
		word-spacing: 0.10em;
		text-align: center;
                font-size : xx-small;
	}

	

	/*  Navigation Menu */
	table.navMenu
	{
		width: 180px;
		border-collapse: collapse;
		/*border: 1px solid #F8A350;*/
	}

	td.navMenu
	{
		/*text-indent: 1em;*/
		font-size:  x-small;
		/*border: 1px solid #F8A350;*/
		cursor: pointer;
	}

	td.navMenuOver
	{
		/*text-indent: 1em;*/
		/*border: 1px solid #F8A350;*/
		/*color: #000000;*/
		background: #F8A350;
		text-decoration: none;
		font-size:  x-small;
		cursor: pointer;
	}
	td.navMenuActive
	{
    	text-decoration: none;
		color: black;
	}
	a.navMenu 		{ text-decoration:none; }
	a.navMenu:hover { text-decoration: none; color: #000000; }

	a.navMenuActive	{ color: black; font-weight: bold;}


    /* Site Admin Messages */
	table.saError	{ border: 2px solid red; background: black; }
    td.saError		{ padding-right: 5px; padding-left: 5px; color: white; }
	table.saMsg		{ border: 2px solid green; background: #ECECEC; }
    td.saMsg		{ padding-right: 5px; padding-left: 5px; color: black; }

    table.notes
	{
    	background: #ECECEC;
		border: 2px solid #F8A350;
	}

	table.form
	{
    	background: #ECECEC;
		border: 2px solid green;
	}

	/*  Player Stats Table */
	td.pStats
	{
		font-size: x-small;
		width: 6%;
		text-align: center;
	}

	table.pStats
	{
		border-collapse: collapse;  /* this has the same effect as 'cellspacing: 0' */
	}
	td.pStatsFoot	{ background-color: #A3D8F7;}

	td.foot1 { background-color: #669933; }

	/* This centers ALL tables */
	table
	{
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	table.auto	{ width: auto;}
	table.left	{ margin-left: 0; }

	table.bgtable { background-color: #A3D8F7; }

	/*
	body  {
		background : #FFFFFF;
		font-family : arial, verdana, helvetica, sans-serif;
		font-size : small;
		color : #000000;
		
		
	}
	*/

	ol, ul, li
	{
		font-family : arial, verdana, helvetica, sans-serif;
		font-size : small;
		color : #000000;
	}

	h1 { font-size: 175%; text-align: center; }

	h2 { font-size: 150%; font-family: arial, verdana, helvetica, sans-serif; }

	h3 { font-size: 125%; font-family: arial, verdana, helvetica, sans-serif; }

	h4 { font-size: 75%; font-family: arial, verdana, helvetica, sans-serif; }

	h5 { font-size: 50%; font-family: arial, verdana, helvetica, sans-serif; }

	pre, tt, code
	{
		font-family: courier, sans-serif;
		font-size: x-small;
	}

	/* behind the button */
	td.submit
	{
	    background-color : inherit;
		text-align: center;
	}

	/* the button itself */
	input.submit
	{
		/*  These are the default border styles  */
		border-top:    2px solid #EEEEEE;
		border-right:  2px solid #999999;
		border-bottom: 2px solid #999999;
		border-left:   2px solid #EEEEEE;

		background-color : #E8E8E8;
     	color : #000000;
     	font-family : arial, verdana, helvetica, sans-serif;
     	font-size : x-small;
     	font-weight : bold;
	}

	

	

	.largest 	{ font-size : large;  }
	.larger 	{ font-size : medium;   }
	.normal		{ font-size : small;   }
	.smaller 	{ font-size : x-small;  }
	.smallest	{ font-size : xx-small; }

	.bold		{ font-weight: bold;}
	.lighter	{ font-weight: lighter;}

	.italic		{ font-style: italic; }

	.pad0		{ padding: 0em; }
	.pad1		{ padding: 1em; }
	.padr1		{ padding-right: 1em; }
	.padr5		{ padding-right: .5em; }
	.padl1  	{ padding-left: 1em; }
	.padl5		{ padding-left: .5em; }
	.padrl1		{ padding-right: 1em; padding-left: 1em; }
	.padrl5		{ padding-right: .5em; padding-left: .5em; }
    .padb1		{ padding-bottom: 1em; }
	.padtb5		{ padding-top: .5em; padding-bottom: .5em; }
	.pad5		{ padding: .5em;}

	.right  	{ text-align: right;  }
	.left   	{ text-align: left;   }
	.center 	{ text-align: center; }
	/* IE6 doesn't recognize "inherit"  */
	.inherit    { background: inherit;}
	.bgtable    { background: #A3D8F7;}
	.bgnone		{ background: none;}
	.bgtd		{ background: #6699CC;}
	.bgth		{ background: #669999;}
	.bgred		{ background: red;}
	.bgorange	{ background: #F8A350; }
	.bgblack	{ background: black; color: white; }
	.bgblue		{ background: #A3D8F7 repeat; }
	.underline	{ text-decoration: underline; }

	.black		{ color: black; }
	.white		{ color: white; }
	.red		{ color: red; }

	.b1			{ border:			1px solid black; }
	.b2			{ border:			2px solid black; }
	.bt1		{ border-top:		1px solid black; }
	.bb1		{ border-bottom:	1px solid black; }
	.br1  		{ border-right:		1px solid black; }
	.bl1  		{ border-left:		1px solid black; }
	.br2		{ border-right:		2px solid black; }

	.hooey
	{
    	background: #ECECEC;
		border: 1px solid green;
	}



	/*td.inherit	{ background: inherit; }*/

	.nowrap		{ white-space: nowrap; }

	.popup		{ /*background: url(../images/watermark.jpg) no-repeat center; min-height: 350px;*/ }
	.popup p,li { /*font-size: x-small; */}