body {
	background: url(images/bg.jpg);
	width: 770px;
	margin: 0;
	text-align: center;
	margin: 0 auto;
	color: black;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

div {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #3399FF;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

#page {
	position: relative;
	background-color: #000000;
}

/* Header with login field */
#header {
	position: relative;
	width: 770px;
	height: 95px;
	background-color: #000000;
}

#header #login {
	background: url(images/header_login.png);
	position: absolute;
	top: 68px;
	left: 699px;
}

#header #username {
	position: absolute;
	top: 48px;
	left: 620px;
}

#header #password {
	position: absolute;
	top: 48px;
	left: 691px;
}

#header #autologin {
	position: absolute;
	top: 63px;
	left: 616px;
}

/* Button navigation */
#top_navigation {
	position: absolute;
	background-color: #000000;
}

#top_navigation a {
	float: left;
	margin: 0;
	padding: 0;
}

/* seperator line below the button navigation */
#seperator_top {
	top: 25px;
	background: url(images/seperator_top.png) no-repeat;
	position: relative;
	width: 770px;
	height: 20px;
	margin-bottom: 18px;
}

/* main body with left navigation, content, banner and footer */
#body {
	border-spacing: 0;
	table-layout: fixed;

	font-size: 9px;
	width: 770px;
	border-width: 0 5px;
	border-color: black;
	border-style: solid;
}

/* left navigation */
#body #navigation {
	width: 110px;
	background: url(images/nav_bg2.png);
	vertical-align: top;
	font-weight: bold;
	color: #3399FF;
}

/* navigation list */
#body #navigation ul {
	list-style: none;
	padding: 0;
	padding-left: 6px;
	margin: 0;
}

#body #navigation li {
	height: 15px;
	background: url(images/navigation_seperator.png) bottom left no-repeat;
}

/* content */
#body #content {
	vertical-align: top;
	border: 1px solid #F2E4A7;
	background: #E7D769;
}

.whitebg {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

.extrasmall {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.whitebgbig {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.linkbg {
	background-color: #188224;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.bignumber {
	font-size: xx-large;
	color: #FFFFFF;
}

.objective {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #0000CC;
}

.bobjective {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #FF0000;
}


.mcomplete {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #009900;
}

.crosstalkobj {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #990099;
}

.secondbj {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #CC6600;
}

.walk {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.spawns {
	background-color: #33CCFF;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.sftb {
	background-color: #FFFF00;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

/* news elements */
#body #content #news .content {
	font-size: 9px;
	width: 160;
	padding: 4px 2px;
	vertical-align: top;
}

/* advertisement */
#body #advertisement {
	background-color: #EBDC31;
	vertical-align: top;
	width: 177px;
}


/* banner */
#body #advertisement #banner {
	padding-left: 9px;
	background: url(images/advertisement_bg.png) repeat-y;
}


/* footer */
#body #footer {
	background: url(images/footer_bg.png) repeat-x;
	text-align: left;
}

/* IE hack for centering the footer contents */
* html #body #footer p {
	padding: 10px 0;
}

/* Copyright */
#footer p span {
	padding-left: 20px;
}

.textfield {
	border: 0;
	width: 64px;
	height: 12px;
	padding: 0 3px;
	background-color: #333D47;
	font-size: 0.95em;
	color: white;
}

.checkbox {
	width: 12px;
	height: 12px;
}

.links-s4 {
color: #FFFF33;
}

.links-s3 {
color: #00FFFF;
}

.bg-s3 {
	background-color: #00FFFF;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.links-ftb {
color: #99FF99;
}

.bg-ftb {
	background-color: #00FF00;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}

.links-s2 {
color: #FF3333;
}

.links-s1 {
color: #FFFFFF;
}

.bg-s2 {
	background-color: #FF3333;
	border: 1px solid #000000;
	font-size: small;
	color: #000000;
}