/* 27th November 2009 */
html{
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	background: #2a3a0f url(images/img01.png) repeat-x;
	font-family: Calibri, Arial, sans-serif;
	font-size: 12pt;
	height: 100%;
}
h2{
	background: url(images/img10.png) repeat-x center bottom;
	padding-bottom: 2px;
	color: #253d07;
	font-size: 17pt;
	margin: 10px 0 8px 0;
}
h3{
	color: #658227;
	font-size: 17pt;
	margin: 0 0 8px 0;
}
h4{
	color: #658227;
	font-size: 13pt;
	margin: 20px 0 0 0;
}
h5{
	margin: 0;
	font-size: 13pt;
}
img{
	margin: 0;
}
a img{
	border: none;
}
ul, ol, li{
	margin: 0;
}
a{
	color: #3f5118;
}
p{
	margin: 5px 0 5px 0;
}

/* HEADER CLASSES */
h2.nomargin{
	margin-top: 0;
}
h3.margin_top{
	margin: 25px 0 0 0;
}

/* P CLASSES */
p.footer{
	color: #fff;
	margin: 0;
}
p.form_left{
	float: left;
	text-align: right;
	width: 273px;
	margin: 2px 0 0 0;
	padding: 2px 10px 0 0;
}
p.form_right{
	float: right;
	text-align: left;
	width: 504px;
	margin: 2px 0 0 0;
}
p.form_clear{
	clear: both;
	font-size: 10pt;
	padding: 0 0 0 283px;
}
p.form_button{
	clear: both;
	font-size: 10pt;
	padding: 2px 0 0 474px;
	margin: 0;
}
p.error{
	color: #540000;
	margin: 0;
}
p.codes{
	font-weight: bold;
	margin: 10px 0 0 0;
}
p.margin_bottom{
	margin: 0 0 20px 0;
}
p.small{
	font-size: 10pt;
}

/* SPAN CLASSES */
span.bolded{
	font-weight: bold;
}
span.underlined{
	text-decoration: underline;
}

/* INPUT CLASSES */
input.upload_input{
	border: 1px solid #acb0a6;
	width: 287px;
	height: 18px;
	background: #fff;
	color: #a1a1a1;
}
input.upload_input:hover{
	background: #ebebe4;
}
select.upload_input{
	border: 1px solid #acb0a6;
	width: 289px;
	height: 22px;
	background: #fff;
	color: #a1a1a1;
}
select.upload_input:hover{
	background: #ebebe4;
}
input.codes{
	border: 1px solid #acb0a6;
	width: 300px;
	color: #a1a1a1;
	background: #fff;
}
input.codes:hover{
	background: #ebebe4;
}
input.search{
	margin-left: 60px;
	border: 1px solid #acb0a6;
	background: #fff;
}
input.search:hover{
	background: #ebebe4;
}
input.button{
	border: 1px solid #acb0a6;
	background: #ebebe4;
}
input.button:hover{
	background: #fff;
}
input.join_button{
	border: 1px solid #acb0a6;
	background: #ebebe4;
	margin-left: 30px;
}
input.join_button:hover{
	background: #fff;
}
input.join{
	border: 1px solid #acb0a6;
	width: 200px;
	margin-left: 30px;
	color: #a1a1a1;
	background: #fff;
}
input.join:hover{
	background: #ebebe4;
}

/* A CLASSES */
a.box_right{
	display: block;
	margin: 20px 8px -15px 430px;
	width: 31px;
	font-size: 9pt;
	text-align: right;
}

/* IMG CLASSES */
img.join{
	margin-left: 30px;
}

/* TABLE CLASSES */
table.borders{
	border: 1px dotted #999;
}
table.borders td{
	padding: 7px 15px 7px 15px;
	border: 1px dotted #999;
}

/* NAVIGATION HOVER EFFECT */
ul.menu{
	list-style: none;
	padding: 0;	
	position: relative;
}
ul.menu li{
    position: relative;
	display: inline;
	float: left;
}
ul.menu li a {
	position: relative;
	z-index: 200;
	float: left;
	text-align: center;
	display: block;
	margin: 9px 3px 0 3px;
	padding: 3px 19px 6px 19px;
	min-width: 49px;
	color: #f7f9f4;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11pt;
}
ul.menu li.back {
	background: url(images/img05.png) no-repeat center top;
	width: 9px;
	height: 24px;
	z-index: 1;
	position: absolute;
	margin-top: 9px;
}
ul.menu li.back .left {
	background: url(images/img05.png) no-repeat center top;
	height: 24px;
	margin-right: 1px;
}

/* COMMON CONTENT */
#container{
	margin: 0 auto;
	margin-bottom: -100px;
	padding: 0;
	min-height: 100%;
	height: auto !IMPORTANT;
	height: 100%;
	width: 867px;
}
#header{
	margin: 0;
	text-align: center;
	height: 70px;
	padding-top: 20px;
}
#content{
	margin: 0;
	width: 867px;
	padding: 0 15px 15px 15px;
	background: url(images/img02.png) repeat-y;
}
#maincontent{
	padding: 0 20px 0 20px;
	width: 787px;
	color: #535353;
}
#top_corners{
	padding-top: 20px;
	background: url(images/img06.png) no-repeat left top;
}
#bottom_corners{
	padding-bottom: 20px;
	background: url(images/img07.png) no-repeat left bottom;
}
#nav{
	width: 600px;
	height: 54px;
	margin: 0 4px 0 0;
	padding-left: 220px;
	background: url(images/img03.png) no-repeat;
}
#clear{
	clear: both;
}
#banner{
	margin: -5px 80px 0 75px;
	height: 200px;
	text-align: center;
}
#footer{
	clear: both;
	margin: auto;
	text-align: center;
	padding-top: 27px;
	height: 73px;
	min-width: 867px;
	overflow: hidden;
	background: url(images/img04.png) repeat-x bottom;
}
#links{
	margin: 0 auto;
	width: 631px;
	height: 20px;
	padding: 12px 0 2px 0;
}
#links ul{
	list-style: none;
	padding: 0;
}
#links li{
	display: inline;
}
#links a{
	float: left;
	color: #182511;
	padding: 0 10px 0 10px;
	font-size: 11pt;
	text-decoration: none;
}
#links span{
	float: left;
	color: #52643a;
	padding: 0 10px 0 10px;
	font-size: 11pt;
}
#links a:hover{
	color: #000;
}

/* REGISTER, MEMBERS CONTENT */
#leftcontent{
	float: left;
	width: 300px;
	padding: 0 20px 0 10px;
}
#rightcontent{
	float: right;
	width: 406px;
}
#members_left{
	float: left;
	width: 200px;
	padding: 0 20px 0 10px;
}
#members_right{
	float: right;
	width: 556px;
	padding: 0;
	margin: 0;
}
#members_left ul{
	list-style: none;
	padding: 0;
	margin-top: 10px;
}
#members_left a{
	background: url(images/img14.png) no-repeat;
	display: block;
	height: 25px;
	width: 180px;
	text-align: center;
	margin-top: 2px;
	color: #fff;
	text-decoration: none;
	padding: 5px 0 0 0;
}
#members_left a:hover{
	background: url(images/img13.png) no-repeat;
	color: #3f5118;
}

/* S, COMMENT CONTENT */
div.friend{
width: 600px;
height: 120px;
clear: both; 
padding: 0 0 20px 20px;
margin-bottom: 15px;
background: url(images/img12.png) repeat-x;
border: #202f00 1px solid;
}
div.s{clear: both; width: 787px; text-align: center;}
a.comment {text-decoration: none; font-size: 1.1em; font-weight: bold; color: #000;}
div.comment{
width: 720px;
min-height: 180px;
margin-left: 17px;
background: #fff url(images/img12.png) repeat-x;
padding: 0 10px 0 10px;
border: #202f00 1px solid;
}
div.comment img.left{float: left; margin-right: 10px; margin-bottom: 20px;}
div.comment p.username{
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #000;
float: left;
width: 150px;
}
div.comment p.level{float: right; width: 550px;}
div.comment p.text{float: right; width: 545px;}
div.comment p.posted{
clear: both; 
width: 120px;
font-size: 8pt;
font-style: italic;
}
div.comment p.delete{text-align: right; width: 720px; font-size: 8pt;}

/* SEARCH CONTENT */
#search_form{
	text-align: center;
	margin-bottom: 20px;
}
#search_results a img{
	border: 1px solid #202f00;
}
#search_results a:hover img{
	border: 1px solid #cfdbc5;
}

/* UPLOAD TIP BOX CONTENT */
#upload_tips_top_corners{
	margin-top: 15px;
	padding-top: 18px;
	background: url(images/img16.png) no-repeat center top;
}
#upload_tips_bottom_corners{
	padding-bottom: 18px;
	background: url(images/img17.png) no-repeat center bottom;
}
#upload_tips{
	width: 461px;
	margin: 0 auto;
	padding: 0 23px 15px 23px;
	background: url(images/img18.png) repeat-y;
}
#upload_tips ul{
	list-style: none;
	padding-left: 10px;
	margin-top: 20px;
}
#upload_tips ul li{
	margin-bottom: 7px;
}
#upload_tips ul span{
	background: url(images/img19.png) no-repeat left center;
	padding-left: 20px;
}
#infoclick{
	margin: 0 0 -12px 0;
	display: block;
	width: 84px;
}