body, iframe {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #372018;
	margin: 0;
	padding: 0;
}
A:link, A:visited {
	COLOR: #F36A46;
	TEXT-DECORATION: underline;
}
A:hover, A:active {
	color: #F36A46;
	text-decoration: underline;
}
TABLE A:link, TABLE A:visited {
	COLOR: #ffffff; TEXT-DECORATION: underline;
}
TABLE A:hover, TABLE A:active {
	color: #ffcc00;
	text-decoration: underline;
}
.contentarea img { border-color: #6C6E6C; }
.contentarea table img { position: static; }
#dbitemstats {
	width: 320px;
	height: 255px;
	overflow: hidden;
	background: #000000 url(/images/dbitemstats.jpg) no-repeat;
	font-weight: bold;
	font-size: 11px;
}
#dbitemimg {
	width: 320px;
	height: 175px;
	overflow: hidden;
	background: #000000 url(/images/dbitemimg.jpg) no-repeat;
}
h1 {
	position: relative;
	display: inline;
	font-weight: bold;
	font-size: 14px;
	color: #D96421;
	margin-left: 5px;
}
h2 {
	display: inline;
	font-weight: bold;
	font-size: 14px;
	color: #E08647;
}
INPUT {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BACKGROUND: #1d212a; FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; vertical-align: middle;
}
select {
	vertical-align: middle;
	BACKGROUND: #1d212a;
	FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	COLOR: #ffffff;
}
TEXTAREA {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BACKGROUND: #1d212a; FONT: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid
}
BLOCKQUOTE {
	position: relative; 
	border: #16181d 1px solid;
	padding: 5px;
	background: #3C3E4C;
	color: #3399ff;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.contentbox {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(/images/contentboxbg.jpg) top left repeat-y;
}
.contentbox2 {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(/images/contentareabg.jpg) top right repeat-y;
}
	.contentarea {
		margin: 0 5px;
		padding: 10px 20px;
		color: #FFFFFF;
		line-height: 125%;
		font-size: 12px;
		font-weight: normal;
		background: #4C382F;
	}
		/* Hides from IE-mac \*/
		* html .contentarea {height: 1%;}
		/* End hide from IE-mac */
	.contenthead {
		position: relative;
		width: 100%;
		height: 46px;
		background: url(/images/contenttopbg.jpg) repeat-x;
	}
	.contenthead h1 {
		position: relative;
		top: 15px;
	}
	.contentbottom {
		position: relative;
		width: 100%;
		height: 46px;
		background: url(/images/contentbottombg.jpg) repeat-x;
	}
		.left {
			display: inline;
			position: absolute;
			left: 0;
			top: 0;
		}
		.right {
			display: inline;
			position: absolute;
			right: 0;
			top: 0;
		}
		.newsdate {
			font-style: italic;
		}
		.newsname {
			font-weight: bold;
		}
		.commentlink {
			font-weight: bold;
		}
		.readmorelink {
			font-weight: bold;
		}
		ul.db {
			position: relative;
			margin: 0;
			padding: 0 15px;
			list-style: none;
		}
		ul.db li {
			display: block;
			position: relative;
			width: 98%;
			height: 15px;
			min-height: 15px;
			padding: 1% 1%;
			font-size: 11px;
			vertical-align: middle;
			line-height: 1.3;
		}
		html>body ul.db li{ height:auto; }
		.odd {
			background: #262A31;
		}
		.even {
			background: #15171B;
		}
		.dbimage {
			vertical-align: middle;
		}

.contentarea li {line-height:150%;}

#leftbox {
	position:absolute;/*ie needs this to show float */
	z-index: 2;
	width:155px;
	top: 147px;
	left: 0;
	background: url(/images/leftmenubg.jpg) top left repeat-y;
	font-size: 11px;
	border-bottom: 1px solid #543E31;
}
#leftbox2 {
	visibility: hidden;
	position:relative;/*ie needs this to show float */
	width:10px;
	float:left;
	margin-left:-10px;/*must be 1px less than width otherwise won't push footer down */
	border: 1px solid #6C6E6C;
}
* html #leftbox2 {/*only ie gets this style*/
	margin-left: -20px;
}
	#spacerimage {
		display: block;
		width: 1px;
		height: 900px;
	}
#rightbox {
	position:absolute;/*ie needs this to show float */
	z-index: 2;
	width:155px;
	top: 147px;
	right: 0;
	background: url(/images/rightmenubg.jpg) top left repeat-y;
	font-size: 11px;
	border-bottom: 1px solid #543E31;
}
#rightbox2 {
	visibility: hidden;
	position:relative;/*ie needs this to show float */
	width:155px;
	float:right;
	margin-right:-154px;/*must be 1px less than width otherwise won't push footer down */
}
	.menuhead {
		width: 155px;
		height: 20px;
		font-family: Tahoma, 'Times New Roman';
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFFFFF;
		margin: 0;
	}
	#leftbox .menuhead { background: url(/images/leftmenuhead.jpg) no-repeat; padding: 1px 0 0 10px; }
	#rightbox .menuhead { background: url(/images/rightmenuhead.jpg) no-repeat; padding: 1px 0 0 10px; }
	html>body #rightbox .menuhead { padding-left: 10px; width: 145px; }
	* html #rightbox .menuhead { width: 145px; }
	#leftbox ul.menu, #rightbox ul.menu	{
		position: relative;
		margin: 1px 10px 2px;
		padding: 0;
		list-style: none;
		background: #301E1A;
		border: 1px solid #7D6962;
	}
	ul.menu ul {
		margin: 0 0 0 8px;
		padding: 0;
		list-style: none;
	}
	ul.menu a.menulink:link, ul.menu a.menulink:visited, ul.menu a.menulink:active{
		position: relative;
		display: block;
		width: 90%;
		padding: 2px 5%;
		color: #FFFFFF;
		text-decoration: none;
	}
		ul.menu ul a.menulink:link, ul.menu ul a.menulink:visited, ul.menu ul a.menulink:active {
			font-style: italic;
		}
		ul.menu ul ul a.menulink:link, ul.menu ul ul a.menulink:visited, ul.menu ul ul a.menulink:active {
			font-style: normal;
			text-decoration: underline;
		}
		ul.menu ul ul ul a.menulink:link, ul.menu ul ul ul a.menulink:visited, ul.menu ul ul ul a.menulink:active {
			font-style: normal;
			text-decoration: none;
		}
	ul.menu a.menulink:hover {
		position: relative;
		color: #F36A46;
		background-color: #4C382F;
		text-decoration: underline;
	}
	#headlinesbox ul.menu a.menulink:hover, #imptnewsbox ul.menu a.menulink:hover {
		background-color: transparent;
	}
	.randomscreen img {
		width: 120px;
	}
#footerbox {
	padding: 21px 0;
	background: #1B0D0A url(/images/footerbg.jpg) top repeat-x;;
	color: #FFFFFF;
	font-size: 10px;
}
#logo {
	position: absolute;
	width: 100%;
	height: 147px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #382016 url(/images/logobg.jpg) top left repeat-x;
}
#outer{
	height: 100%;
	min-height: 100%;
	margin-left:151px;
	margin-right:151px;
	margin-bottom:-52px;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#footer {
	width:100%;
	clear:both;
	height:50px;
	position:relative;
	z-index: 1;
	text-align: center;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
/* Margin fix for Opera - CSS3 */ 
@media all and (min-width: 0px){ 
	#outer { 
		margin-left: 151px; 
	}
	#footer {
		margin-left: -7px;
		width: 101.5%;
	}
} 
#clearheader{height:147px;}/*needed to make room for header*/
#clearfooter{clear:both;height:50px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {float:right;width:100%;position:relative;margin: 0 -0.5%; 
background: #533626;}
.outerwrap {
float: left;
width: 99%;
}

