body, iframe {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EFE798;
	background: #447890 url(index.php);
	margin: 0px
}
table { font-size: 10px;
	text-align: center;
}
A:link, A:visited {
	COLOR: #EFE798; TEXT-DECORATION: none
}
A:hover, A:active {
	COLOR: #FFFFFF; TEXT-DECORATION: underline
}
.contentarea a img {
	border: 0px;
}
/*.contentarea img { position: relative; }*/
.contentarea table img { position: static; }
h1 {
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #072A71;
}
h2 {
	display: inline;
	font-weight: bold;
	font-size: 12px;
	color: #EFE798;
}

BlockQuote {

border:1px solid; 
border-color:#000000;
padding: 1px 2%;
color: #FFFFFF;
background: #013D58;
font-size: 11px;

}

blockquote a:link, blockquote a:visited, blockquote a:hover, blockquote a:active {

color: #FFFFFF;

}

#headlinescontainer {
	position: relative;
	height: 105px;
	margin: 0 10px;
}
	#headlinesbox {
		position: absolute;
		width: 49%;
		top: 0;
		left: 0;
		margin: 0 1% 0 0;
		background: #013D58 url(index.php);
		border: 1px solid #000000;
	}
	#imptnewsbox {
		position: absolute;
		width: 49%;
		top: 0;
		left: 50%;
		margin: 0 0 0 1%;
		background: #013D58 url(index.php);
		border: 1px solid #000000;
	}
	#headlinescontainer ul.menu {
		margin: 0;
	}
	#headlinescontainer ul.menu a.menulink:link, #headlinescontainer ul.menu a.menulink:visited, #headlinescontainer ul.menu a.menulink:active {
		display: block;
		width: 96%;
		padding: 1px 1%;
		color: #FFFFFF;
		text-decoration: none;
	}
	#headlinescontainer ul.menu a.menuitem:link, #headlinescontainer ul.menu a.menuitem:visited, #headlinescontainer ul.menu a.menuitem:active {
		display: block;
		width: 96%;
		padding: 1px 1%;
		color: #FFFFFF;
		text-decoration: none;
	}
		.headlineshead {
			color: #FFFFFF;
			font-size: 13px;
			font-weight: bold;
			height: 19px;
			padding: 0 4px;
			background: #AA9C7A url(index.php) repeat-x;
		}
.contentbox {
	position: relative;
	margin: 2px 10px;
	padding: 0;
	background: #013D58;
	border: 1px solid #000000;
}
	.contenthead {
		height: 19px;
		padding: 0;
		background: #AA9C7A url(index.php); repeat-x;
	}
	#contentlogo {
		position: relative;
		left: -5px;
	}
	.contentarea {
		margin: 0 10px;
		padding: 5px;
		background: #447890  url(index.php);
		border: 1px solid #000000;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: normal;
	}
		/* Hides from IE-mac /*/
		* html .contentarea {height: 1%;}
		/* End hide from IE-mac */
		.contentarea a:link, .contentarea a:visited, .contentarea a:active, .contentarea a:hover, .contentarea img {
			color: #FFFFFF;
			text-decoration: none;
			border: 0px;
		}
		.newsdate {
			font-style: italic;
		}
		.newsname {
			font-weight: bold;
			color: #EFE798;
		}
		.commentlink {
			font-weight: bold;
			color: #EFE798;
		}
		.readmorelink {
			color: #EFE798;
		}
#contentbar {
	margin: 0 10px;
	padding: 0 5px;
	background-image: url(index.php);
	border: 1px solid #000000;
	font-size: 1px;

}
#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 #000000;
}
* html #leftbox2 {/*only ie gets this style*/
	margin-left: -20px;
}
	#spacerimage {
		display: block;
		width: 1px;
		height: 1100px;
	}
#leftbox {
	position:absolute;/*ie needs this to show float */
	z-index: 2;	
	width:140px;
	top: 192px;
	left: 0;
	background: #CCC4AE url(images/menu_left.jpg) repeat-y;
	font-size: 11px;
	color: #159DAB;
}
#rightbox2 {
	visibility: hidden;
	position:relative;/*ie needs this to show float */
	width:140px;
	float:right;
	margin-right:-139px;/*must be 1px less than width otherwise won't push footer down */
}
#rightbox {
	position:absolute;;/*ie needs this to show float */
	z-index: 2;
	width:140px;
	top: 192px;
	right: 0;
	background: #CCC4AE url(../gallery/funcom/aoxmas05_og/index.php) repeat-y;
	font-size: 11px;
	color: #159DAB;
}
	.menubg {
		position: relative;
		width: 140px;
		height: 200px;
	}
	#leftbox .menubg {
		background: url(../gallery/funcom/aoxmas05_og/index.php) no-repeat;
	}
	#rightbox .menubg {
		background: url(../ragnarok/index.php) no-repeat;
	}
	.menuhead {
		margin-left: 5px;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
	}
	.menuheadbg {
		display: block;
		width: 140px;
		height: 30px;
	}
	#leftbox .menuheadbg {
		background: url(../ragnarok/index.php) no-repeat;
	}
	#leftbox .menuhead {
		position: relative;
		top: 7px;
		left: 2px;
	}
	#rightbox .menuheadbg {
		background: url(../ragnarok/index.php) no-repeat;
	}
	#rightbox .menuhead {
		position: relative;
		top: 7px;
		left: 10px;

	}
	ul.menu	{
		list-style: none;
		padding: 4px;
		margin: 1px 1px 0 0;
	}
	ul.menu a.menulink:link, ul.menu a.menulink:visited, ul.menu a.menulink:active{
		display: block;
		width: 90%;
		padding: 1px 4% 0 5%;
		color: #EFE798;
		text-decoration: none;
	}
	ul.menu a.menulink:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	ul.menu a.menuitem:link, ul.menu a.menuitem:visited, ul.menu a.menuitem:active{
		display: block;
		width: 90%;
		padding: 1px 4% 0 5%;
		color: #EFE798;
		text-decoration: none;
	}
	ul.menu a.menuitem:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	.randomscreen IMG {
		width: 120px;
		height: 90px;
	}
#footerbox {
	padding: 21px 0;
	background: #013D58 url(../ragnarok/images/footer-shadow.gif) top repeat-x;
	color: #EFE798;
	font-size: 10px;
}
#logo {
	position: absolute;
	margin-top: 30px;
	width: 100%;
	height: 125px;
	top: 0;
	left: 0;
	overflow:hidden;
	background: url(../ragnarok/index.php);
}
#ticker {
	position: absolute;
	width: 100%;
	top: 155px;
	left: 0;
	height: 19px;
	background: url(index.php);
	color: #EFE798;
	font-size: 11px;
	font-weight: bold;
}
#ticker a {
	color: #FFFFFF;
}
	#tickerinfo {
		position: absolute;
		left: 0;
		padding: 2px 2px;
	}
	#tickerdate {
		position: absolute;
		right: 0;
		padding: 2px 2px;
	}
#header {
	position: absolute;
	width: 100%;
	height: 10px;
	top: 162px;
	left: 0;
	background: url(../ragnarok/images/topbar-shadow.gif) top repeat-x;
	overflow: hidden;
}
#outer{
	height:100%;
	min-height:100%;
	margin-left:140px;
	margin-right:140px;
	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;
	text-align: center;
	z-index: 1;
}
* html #footer {/*only ie gets this style*/
	/height:52px;/* for ie5 */
	/height:50px;/* for ie6 */
}
/* Margin fix for Opera - CSS3 */ 
@media all and (min-width: 0px){ 
	#outer { 
		margin-left: 132px; 
	}
	#footer {
		margin-left: -7px;
		width: 101.5%;
	}
} 
#clearheader{height:172px;}/*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%;}
.outerwrap {
float: left;
width: 99%;
}