/* Table of Contents:
	Typography
	Main Page/Div Layout
	Top Navigation Bar
	Sidebar Image Map
	Headers
	Paragraphs/horizontal rules
	Columns (divs)
	Main/General Tables & DIVs
	Download Tables
	Tactics walkthrough Tables
*/

/* Typography
----------------------------------------------------------------------------- */

body {
	font:			12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	text-decoration:	underline;
	color:			#ffff22;
	background:		inherit;
}

a:visited {
	text-decoration:	underline;
	color:			#bbbb22; 
	background:		inherit;
} 

a:active {
	color:			#88ff00;
	background:		inherit;
	text-decoration:	overline underline;
}

a:hover {
	color:			#88ff00;
	background:		inherit;
	text-decoration:	overline underline;
} 

p {
	font:			12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

ul#topNav a {
	color:			inherit;
	background:		inherit;
}

/* Main Page/Div Layout
----------------------------------------------------------------------------- */

body {
	margin:			5px;
	padding:		5px;
	color:			#00cc00;
	background:		#000 url(../images/background.gif);
}

img {
	border:			0;
}

img.logo {
	width:			500px;
	height:			100px;
}

/* floating images */
img.left,img.cntr,img.rght {
	border:			0;
	padding:		5px;
}
/* image floating to the left */
img.rght {
	float:			left;
}
/* image floating to the center */
img.rght {
	float:			center;
}
/* image floating to the right */
img.rght {
	float:			right;
}

div#title {
	position:		absolute;
	left:			180px;
	top:			10px;
	width:			800px;
	height:			120px;
	border:			0;
}

div#topMenu {
	position:		absolute;
	left:			180px;
	top:			116px;
	border:			0;
	z-index:		3;
}

div#sidebar {
	position:		absolute;
	left:			10px;
	top:			10px;
	width:			180px;
	border:			0;
}

div#body {
	position:		absolute;
	left:			180px;
	right:			20px;
	top:			143px;
	color:			inherit;
	background:		#232535;
	border:			3px solid #3333aa;
	padding:		5px;
	z-index:		1;
}

/* Top Navigation Bar
----------------------------------------------------------------------------- */

ul#topNav, ul#topNav ul {
	margin:			0;
	padding:		0;
	list-style:		none;
}

ul#topNav li {
	float:			left;
	position:		relative;
	width:			125px;
	z-index:		1;
}

ul.topNav2 {
	position:		absolute;
	top:			100%;
	left:			0;
	display:		none;
}

ul#topNav li a {
	display:		block;
	color:			#ffff22;
	background:		#333545;
	padding:		4px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#topNav li {
	float:			left;
	height:			1%;
}

* html ul#topNav li a {
	height:			1%;
}
/* End */

ul#topNav li a:hover, ul.topNav2 li a:hover {
	color:			#88ff00;
	background:		#283040;
}

li:hover ul.topNav2, li.over ul.topNav2 {
	display:		block;
}

/* Sidebar Image Map
----------------------------------------------------------------------------- */

/* Sidebar setup */
#sideImage {
	color:			inherit;
	background:		inherit;
	background-image:	url(../sidebar/sidebar.gif);
	height:			450px;
	width:			163px;
}
#sideLinks a {
	position:		absolute;
	height:			12px;
	width:			11px;
	left:			33px;
	text-decoration:	none;
	overflow:		hidden;
}
#sideLinks a i {
	visibility:		hidden;
}
a#home {
	top:			63px;
}
a#forum {
	top:			90px;
}
a#join {
	top:			117px;
}
a#list {
	top:			145px;
}
a#regs {
	top:			173px;
}
a#links {
	top:			202px;
}
a#meet {
	top:			230px;
}
a#contest {
	top:			258px;
}
a#ff {
	top:			285px;
}
a#fa {
	top:			312px;
}
a#about {
	top:			369px;
}

a#home:hover,a#forum:hover,a#join:hover,a#list:hover,a#regs:hover,a#links:hover,a#meet:hover,a#contest:hover,
a#ff:hover,a#fa:hover,a#about:hover,a#home:hover {
	color:			inherit;
	background:		inherit;
	background-image:	url(../sidebar/button.gif);
	border:			0;
}

/* Headers
----------------------------------------------------------------------------- */

h3 {
	font-size:		18px;
	font-weight:		bold;
	text-align:		center;
	color:			#00ff11;
	background:		inherit;
	margin:			5px 0 5px 0;
}
h4 {
	font-size:		16px;
	font-weight:		bold;
	text-align:		center;
	color:			#00ff11;
	background:		inherit;
	margin:			5px 0 5px 0;
}
h5 {
	font-size:		12px;
	font-style:		italics;
	font-weight:		bold;
	text-align:		center;
	color:			#00ff11;
	background:		inherit;
	margin:			5px 0 5px 0;
}

/* Left applies to pages that contain long subtitles (about TRS, FAQs) */
/* h3 is used for the news selection titles on the main page */
/* h4 is the actual subtitle */
/* h5 refers to 'submitted by' lines */
h3.left {
	font-size:		18px;
	font-weight:		bold;
	text-align:		left;
	color:			#00ff11;
	background:		inherit;
	margin:			5px 0 5px 0;
}
h4.left {
	font-size:		16px;
	font-weight:		bold;
	text-align:		left;
	color:			#00ff11;
	background:		inherit;
	margin:			5px 0 5px 0;
}
h5.left {
	font-size:		12px;
	font-weight:		bold;
	text-align:		left;
	color:			#00ff11;
	background:		inherit;
	margin:			5px 0 5px 0;
}

/* Paragraphs
----------------------------------------------------------------------------- */

p {
	margin:			5px 0 5px 0;
}
p.center {
	margin:			5px 0 5px 0;
	text-align:		center;
}

p.poll {
	font-family:		arial, helvetica, sans-serif;
	margin-top:		2px;
	margin-bottom:		2px;     
}

hr {
	border:			0;
	height:			2px;
	color:			#cc6600;
	background-color:	#cc6600;
}
hr.small {
	border:			0;
	height:			2px;
	color:			#cc6600;
	background-color:	#cc6600;
	text-align:		left;
	margin:			0 auto 0 0;
	width:			40%; 
}

/* Columns (divs)
----------------------------------------------------------------------------- */

div.columns {
	position:		relative;
	overflow:		auto;
}
/* Fix IE. Hide from IE Mac \*/
* div.columns {
	width:			85%;
}
/* End */

/* Two column view, each with equal widths */
div.leftcol2,div.rightcol2 {
	float:			left;
	width:			40%;
	padding:		5px;
}
div.leftcol2 {
	text-align:		left;
}
div.rghtcol2 {
	text-align:		right;
}

/* Two column view, with a skinny left column and wide right column */
div.leftskinny,div.rghtwide {
	float:			left;
	padding:		5px;
}
div.leftskinny {
	width:			15%;
}
div.rghtwide {
	width:			80%;
}

/*  Three column view, each with equal widths */
div.leftcol3,div.cntrcol3,div.rghtcol3 {
	float:			left;
	width:			30%;
	padding:		5px;
}
div.leftcol3 {
	text-align:		right;
}
div.cntrcol3 {
	text-align:		center;
}
div.rghtcol3 {
	text-align:		left;
}

/*  Four column view, each with equal widths */
div.posa4,div.posb4,div.posc4,div.posd4 {
	float:			left;
	width:			20%;
	padding:		5px;
	text-align:		left;
}
div.posb4 {
	margin-right:		5%;
}
div.posc4 {
	margin-left:		5%;
}

/* Poll div.right is used to show the polls on the home page */
/* pollA is used to show poll results */
div.right {
	float:			right;
	width:			140px;
	border:			1px solid #cc6600;
	border-collapse:	collapse;
	border-spacing:		0;
	padding:		4px;
	color:			inherit;
	background-color:	#303040;
	text-align:		left;
}

div.print {
	float:			right;
}

/* Tactics walkthrough Tables
----------------------------------------------------------------------------- */

table.tacs {
     border:			0;
     border-collapse:		collapse;
     border-spacing:		0;
     padding:			0;
     vertical-align:		top;
}
td.tacs {
     border:			0;
     border-collapse:		collapse;
     border-spacing:		0;
     padding:			5px;
     vertical-align:		top;
}