@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'CConsole';
	src: url('res/console.ttf');
	src: local('CConsole'), 
		local('console'), 
		url('console.ttf') format('truetype'); 
} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
address{ display: inline; }

a:link {color:#00FF00;}
a:visited {color:#00FF00;}
a:hover {color:#FFFF00;}
a:active {color:#00FF00;}



.img-link, .img-link img {
   text-decoration: none !important;
   border: 0px !important;
   outline: none;
   border-width: 0px;
   outline-width: 0px;
   border-bottom: none;
}

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
	font-family: 'CConsole';
	font-size: 22px;
	font-weight: normal;
	text-shadow: 3px 3px 4px #000000;
	background-color: #3e610d;
	background-image: url(bg_left.png), url(bg_right.png), url(bg.png);
	background-position: left top, right top, left top;
	background-repeat: repeat-y, repeat-y, repeat;

	color: #fff;
}

.trees { 
	height: 100%;
	width: 100%;
	position: absolute;
	pointer-events: none;
	background-image: url(bg_left_top.png), url(bg_right_top.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}

h2 {
	color: #AAFFAA;
	display: inline;
	font-weight: normal;
	font-size: 24px;
}

.contentWrapper{
	width: 1200px;
	border: 0px;
}

.navArea {
	vertical-align: top;
}

.navBarTop {
	background-image: url("res/navBarTop.png");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: bottom;
	width: 312px;
}

.navBar {
	background-image: url("res/navBarMiddle.png");
	background-repeat: repeat;
	background-position: top;
	padding-left: 48px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	text-align: top;
}

.navBarBottom {
	background-image: url("res/navBarBottom.png");
	background-repeat: no-repeat;
	background-position: top;
	text-align: top;
	min-width: 312px;
}

.followBar {
	background-image: url("res/followBar.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 33px;
	text-align: right;
	min-width: 230px;
	height: 130px;
}

.mainBodyHeader {
	color: #AAFFAA;
	font-weight: normal;
	font-size: 42px;
	line-height: 18px;
}

.mainBodyTop {
	background-image: url("res/mainBodyTop.png");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: bottom;
	width: 868px;
	height: 100px;
}

.mainBody {
	background-image: url("res/mainBodyMiddle.png");
	background-repeat: repeat;
	background-position: top;
	padding-left: 48px;
	padding-right: 48px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	text-align: top;
}

.mainBodyBottom {
	background-image: url("res/mainBodyBottom.png");
	background-repeat: no-repeat;
	background-position: top;
	text-align: top;
	width: 868px;
	height: 70px;
}


.mainBodySideHeader {
	color: #AAFFAA;
	font-weight: normal;
	font-size: 32px;
	line-height: 18px;
}

.mainBodySideTop {
	background-image: url("res/mainBodySideTop.png");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: bottom;
	width: 528px;
	height: 100px;
}

.mainBodySide {
	background-image: url("res/mainBodySideMiddle.png");
	background-repeat: repeat;
	background-position: top;
	padding-left: 48px;
	padding-right: 48px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	text-align: top;
}

.mainBodySideBottom {
	background-image: url("res/mainBodySideBottom.png");
	background-repeat: no-repeat;
	background-position: top;
	text-align: top;
	width: 528px;
	height: 70px;
}

.screenshotFrame {
	background-image: url("res/screenshotFrame.png");
	background-repeat: no-repeat;
	width: 340px;
	height: 280px;
}

.screenshotBody {
	text-align: center;
	padding-top: 40px;
	padding-left: 48px;
	padding-right: 48px;
}

.screenshotFont {
	color: #AAFFAA;
	font-weight: normal;
	font-size: 18px;
}

.footerBar {
	height: 132px;
	width: 600px;
	background-image: url("res/footerBar.png");
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding-right: 40px;
	color: #AAFFAA;
	font-weight: normal;
	font-size: 32px;
	line-height: 18px;
}

.contentArea {
	vertical-align: top;
	padding-left: 10px;
}