/* Table of Contents:
	Typography
	Main Page Layout
	Headers
	Main/General Tables
	Download Tables
	Tactics walkthrough Tables
*/

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

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

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

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

body {
	margin:			5px;
	padding:		5px;
	color:			#000;
	background:		#fff;
}

img {
	border:			0;
}
/* 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;
}

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

h3 {
	font-size:		18px;
	font-weight:		bold;
	text-align:		center;
	margin:			0;
}
h4 {
	font-size:		16px;
	font-weight:		bold;
	text-align:		center;
	margin:			5px 0 5px 0;
}
h5 {
	font-size:		12px;
	font-style:		italics;
	font-weight:		bold;
	text-align:		center;
	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 */
/* IMPORTANT!! H5.SHORT IS ALWAYS USED FOR RETURN TO TABLE OF CONTENTS */
h3.left {
	font-size:		18px;
	font-weight:		bold;
	text-align:		left;
	margin:			0;
}
h4.left {
	font-size:		16px;
	font-weight:		bold;
	text-align:		left;
	margin:			0;
}
h5.left {
	font-size:		12px;
	font-weight:		bold;
	text-align:		left;
	margin:			0;
}

hr {
	border:			0;
	height:			2px;
	color:			#000;
	background-color:	#000;
}

/* 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:		right;
}
div.rghtcol2 {
	text-align:		left;
}

/* 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-left:		5%;
}
div.posc4 {
	margin-right:		5%;
}

/* Main/General Tables
----------------------------------------------------------------------------- */

table.pgen,th.pgen,td.pgen {
	border:			1px solid #000000;
	border-collapse:	collapse;
	border-spacing:		2px;
	padding:		2px;
	text-align:		center;
}