body {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: black;
	background-color: rgb(191,191,191);
}

img {
	margin: 0;
	padding: 0;
}

a {
	color: blue;
}

a:hover {
	color: red;
}

a.noline {
	color: blue;
	text-decoration: none;
}

a.noline:hover {
	color: red;
	text-decoration: none;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

#page {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
	width: 950px;
	background-color: white;
}

#top {
	margin: 0;
	text-align: center;
	height: 115px;
	background-image: url(/site/img/legion_banner.gif);
	background-repeat: no-repeat;
}

#top h1 {
	margin: 0 25px 0 170px;
	padding-top: 30px;
	font-family: arial, helvetica, sans-serif;
	color: white;
	font-size: 20px;
}

#top h1 span {
	font-size: 12px;
}

#middle img.top_bg {
	margin-left: 177px;
}

#nav {
	float: left;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav li { 
	margin: 0;
	padding: 0;
}

#nav a {
	display: block;

	padding-left: 32px;
	width: 140px;

	padding-top: 9px;
	height: 30px;

	background-image: url(/site/img/nav_bg.gif);
	background-position: 0 -10px;

	color: white;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/*
Tan Hack or Modified SBMH (Simplified Box Model Hack)
http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html
The following is needed for adjustments to IE < 6 browsers.
The CSS Specs call for width to be added to content area. The padding
and borders then are added to the width to get total box width:
(content area = set width, and the total box width = width + padding/border).
IE Browsers < 6, apply the border and padding within the width:
(content area = width - padding/border and the total box width = set width).
The hack explained:
	1.	Mozilla/Opera browers do not use the "* html" syntax
		and will skip this next section.
	2.	The 1st width statement adjusts width to accomodate the IE browsers.
	3.	Because the 1st width changes IE 6 too, the 2nd width statement is needed
		to change IE 6 back to the original width used for compliant browsers.
		The w\idth and he\ight statements are recognized by IE 6, but IE 5.X or
		earlier do not recognize it so their width is left alone.
*/
* html #nav a {
	width: 175px;   /* (for IE5.X) */
	w\idth: 140px;  /* (for IE6) */

	height: 39px;   /* (for IE5.X) */
	he\ight: 30px;  /* (for IE6) */
}

#nav a:hover {
	color: rgb(255,194,14);
	background-position: 0 -60px;
}

#content {
	margin: 0 35px 15px 190px;
	letter-spacing: 0.4px;
}

#bottom {
	clear: both;
	height: 30px;
	font-size: 1px;
	background-image: url(/site/img/tile.gif);
}

#bottom img.bottom_bg {
	margin-left: 177px;
}

/*
This area contains the styling used just for backgrounds. They are at
the bottom so as not to complicate the readablility of the other styles.
*/ 

#lbg {
	background-image: url(/site/img/left_bg.gif);
	background-repeat: repeat-y;
}

#rbg {
	background-image: url(/site/img/right_bg.gif);
	background-position: right;
	background-repeat: repeat-y;
}