body, iframe {	font-size: 11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	background: #0C1232;	margin: 0px}


A:link, A:visited {	COLOR: #FFFFFF; TEXT-DECORATION: none}A:hover, A:active {	COLOR: #FFFFFF; TEXT-DECORATION: underline}
.contentarea a img {	border: 0px solid #FFFFFF;}

h1 {	display: inline;	font-weight: bold;	font-size: 13px;	color: #FFFFFF;}

h2 {	display: inline;	font-weight: bold;	font-size: 12px;	color: #000000;}#headlinescontainer {	position: relative;	height: 105px;	margin: 0 10px;}

	#headlinesbox  { 
background: #0c1232 url(); 
margin: 0 1% 0 0; 
position: absolute; 
top: 0; 
left: 0; 
width: 49%; 
border: solid 1px #687a88 }

.searchcell {
	border			: 0px none;
	color           : <?php echo $stylecolor['midnight_blue']; ?>;
	font-size		: 10px;
	font-weight     : bold;
	vertical-align  : top; }
	
.searchtable {
	border			: 1px solid <?=$stylecolor['black'];?>;
	color           : <?php echo $stylecolor['midnight_blue']; ?>; }
	
	.odd {
	background	: #273856;
}
.even {
	background	: #16203b;
}

#imptnewsbox  { 
background-url: #0c1232 url(gallery/slideshow.php/set_albumname=album01.php); 
margin: 0 0 0 1%; 
position: absolute; 
top: 0; left: 50%; 
width: 49%; 
border: solid 1px #687a88 }

#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 2%;
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 2%;
color: #FFFFFF;	
text-decoration: none;	}

* html #imptnewsbox {		left: 49%; /* IE6 hack */		width: 50%;	}	

.fpwt  { color: #FFFFFF; font-size: 13px; height: 25px }

.headlineshead {	
height: 25px;	
padding: 5px 0 0 5px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;	
background: #233A4E url(gallery/slideshow.php/set_albumname=album01.php) repeat-x;	
}

.contentbox {
position: relative;	margin: 0 10px;
padding: 0;
background: #151D32;
border: 1px solid #687A88;}

.contenthead {
	height: 25px;
padding: 5px 0 0 5px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;	
background: #233A4E url(gallery/slideshow.php/set_albumname=album01.php) repeat-x;
}

#contentlogo {
position: relative;
left: -5px;
}

.listheader {
	color               : <?=$stylecolor['black'];?>;
	font-size		    : 10px;
	font-weight			: bold;
	text-align          : center;
	vertical-align      : top; }
	
td.listheader {
	background			: <?=$stylecolor['overcast_blue'];?> url(/images/main-bg-light.gif);
	border-color        : <?=$stylecolor['white'];?>;
	border-style        : inset;
	border-width        : 1; }

a.listheader:link, a.listheader:visited, a.listheader:active {
	color           : <?=$stylecolor['black'];?>;
	font-weight		: bold;
	text-decoration : none; }
  
a.listheader:hover {
	color           : <?=$stylecolor['black'];?>;
	font-weight		: bold;
	text-decoration : underline; }

.contentarea {
margin: 0 10px;
padding: 5px;
background: url(gallery/slideshow.php/set_albumname=album01.php);
border: 1px solid #000000;
color: #000000;
font-size: 12px;
font-weight: normal;
}	

.contentarea a:link, .contentarea a:visited, .contentarea a:active, .contentarea a:hover {			color: #12175D;
}	

.newsdate {		
font-style: italic;	
}

.newsname {
	font-weight: bold;	
color: #12175D;	}

.commentlink {
font-weight: bold;
}

.readmorelink {	
color: #12175D;	}

.blockquote {		
background: url();
}

#leftbox2 {
visibility: hidden;
position:relative;/*ie needs this to show float */	width:10px;
float:left;
margin-left:-9px;/*must be 1px less than width otherwise won't push footer down */

}

* html #leftbox2 {/*only ie gets this style*/	margin-left: -20px;}

#spacerimage {
display: block;
width: 1px;
height: 1100px;
}

#leftbox  { 
color: #ffffff; 
font-size: 11px; 
background: url()#0c1232 url(http://content.ipro.com/images/pixel/version=nonjava.php) repeat-y; 
position: absolute; 
z-index: 2; 
top: 202px; 
left: 0; 
width: 140px; 
border: solid 1px #687a88 
}

#rightbox2 {	visibility: hidden;
position:relative;/*ie needs this to show float */	width:140px;
float:right;
margin-right:-141px;
/*must be 1px less than width otherwise won't push footer down */
}

#rightbox  { 
color: #ffffff; 
font-size: 11px; 
background: url()#0c1232 url(http://content.ipro.com/images/pixel/version=nonjava.php) repeat-y; 
position: absolute; 
z-index: 2; 
top: 202px; 
right: 0; 
width: 140px; 
border: solid 1px #687a88 
}

.menubg {
position: relative;
width: 140px;
height: 211px;
}

#leftbox .menubg {
background: url(menu-bot-l.gif) no-repeat;
	}

#rightbox .menubg {	
background: url(../ragnarok/index.php) no-repeat;
}

.menuhead  { 
color: #ffffff; 
font-size: 13px; 
font-weight: bold; 
background: #0c1232 url(menu-cat-bg.gif) repeat-x; 
padding: 5px 0 0 5px; 
width: 135px; 
height: 25px 
}

ul.menu	{
list-style: none;
padding: 0;
margin: 5px 0 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: #FFFFFF;	
text-decoration: none;
}

ul.menu a.menulink:hover {	
background-color: #707E97;
color: #CCCCCC;	
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: #FFFFFF;	
text-decoration: none;
}

ul.menu a.menuitem:hover {	
background-color: #707E97;
color: #CCCCCC;	
text-decoration: underline;
}

.randomscreen IMG {
width: 120px;
height: 90px;
}

#footerbox {
padding: 50px 0;
background:
#365872 url(footer-shadow.gif) top repeat-x;
color: #FFFFFF;
font-size: 10px;
}

#logo {
position: absolute;
width: 100%;
height: 125px;
top: 30px;
left: 0;
overflow:hidden;
background: url(banner-bg.gif);
}

#ticker {
position: absolute;
width: 100%;
top: 155px;
left: 0;
height: 37px;
background: url(topbar-bg.gif);
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}

#ticker a {
color: #FFFFFF;

}

#tickerinfo {
position: absolute;
left: 0;
padding: 12px 5px;
}

#tickerdate {
position: absolute;
right: 0;
padding: 12px 5px;
}


#header {	position: absolute;	
width: 100%;
height: 10px;
top: 192px;
left: 0;
background: url(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;
}

/* *******************************************************************/
/* ******************** Game Database Styles *************************/
.data-header {
	background-color	: <?=$stylecolor['midnight_blue'];?>;
	border-style		: ridge;
	color				: <?=$stylecolor['white'];?>;
	font-family			: <?=$stylefont['beta'];?>;
	font-size			: 16px;
	font-weight			: bold;
	text-align			: center;
	vertical-align		: top; }
	
td.data-header {
	padding	: 2px; }

.data-label {
	color:#CCCCCC;
	font-family		: <?=$stylefont['alpha'];?>;
	font-size		: 12px;
	font-weight		: bold;
}

a.data-label:link, a.data-label:visited, a.data-label:active {
	color			: <?=$stylecolor['overcast_blue'];?>;
	font-size		: 12px;
	font-weight		: bold;
}

a.data-label:hover, a.data-label:visited:hover {
	color			: <?=$stylecolor['white'];?>;
	font-size		: 12px;
	font-weight		: bold;
}

.data-label-right {
	background-color	: <?=$stylecolor['midnight_blue'];?>;
	border-bottom-color	: <?=$stylecolor['black'];?>;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-right-color	: <?=$stylecolor['black'];?>;
	border-right-width	: 1px;
	border-right-style	: solid;
	color				: <?php echo $stylecolor['white']; ?>;
	font-size			: 12px;
	font-weight			: bold;
	padding-right		: 12px;
	text-align			: right;
	vertical-align		: top; }

.data-label-center {
	background-color	: <?=$stylecolor['midnight_blue'];?>;
	border-bottom-color	: <?=$stylecolor['black'];?>;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-right-color	: <?=$stylecolor['black'];?>;
	border-right-width	: 1px;
	border-right-style	: solid;
	color				: <?php echo $stylecolor['white']; ?>;
	font-size			: 12px;
	font-weight			: bold;
	padding-right		: 12px;
	text-align			: center;
	vertical-align		: top; }
  
.data-label-left {
	background-color	: <?=$stylecolor['midnight_blue'];?>;
	border-bottom-color	: <?=$stylecolor['black'];?>;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-right-color	: <?=$stylecolor['black'];?>;
	border-right-width	: 1px;
	border-right-style	: solid;
	color				: <?php echo $stylecolor['white']; ?>;
	font-size			: 12px;
	font-weight			: bold;
	padding-right		: 12px;
	text-align			: left;
	vertical-align		: top; }
  
.data-normal {
	color:#CCCCCC;
	font-family		: <?=$stylefont['alpha'];?>;
	font-size		: 12px;
	font-weight		: normal;
}

td.data-normal {
	font-family		: <?=$stylefont['alpha'];?>;
	padding-left	: 5px;
	vertical-align	: top;
}

.listcell {
	color:#CCCCCC;
}
.listdata {
	color:#CCCCCC;
}

a.listdata:link, a.listdata:visited, a.listdata:active {
	color:#CCCCCC;
	font-weight		: normal;
	text-decoration	: underline; }
	
a.listdata:hover {
	color:#666666;
	font-weight		: normal;
	text-decoration	: underline; }
	
a.data-normal:link, a.data-normal:visited, a.data-normal:active {
	color:#FFFFFF;
	font-weight		: normal;
	text-decoration	: underline; }
  
a.data-normal:hover {
	color			: <?=$stylecolor['almost_blue'];?>;
	font-weight		: normal;
	text-decoration	: underline; } 

.data-normal-sub {
	color			: <?=$stylecolor['black'];?>;
	font-size		: 11px;
	font-style		: italic;
	font-weight		: normal;
}

.data-note-dark {
	color			: <?=$stylecolor['black'];?>;
	font-family		: <?=$stylefont['alpha'];?>;
	font-size		: 10px;
	font-weight		: normal;
}

a.data-note-dark:link, a.data-note-dark:visited, a.data-note-dark:active {
	color			: <?=$stylecolor['medium_blue'];?>;
	font-size		: 10px;
	font-weight		: normal;
}

a.data-note-dark:hover {
	color			: <?=$stylecolor['almost_blue'];?>;
	font-size		: 10px;
	font-weight		: normal;
}

.data-note {
	color			: <?=$stylecolor['white'];?>;
	font-family		: <?=$stylefont['alpha'];?>;
	font-size		: 10px;
	font-weight		: normal;
}

a.data-note:link, a.data-note:visited, a.data-note:active {
	color			: <?=$stylecolor['white'];?>;
	font-size		: 10px;
	font-weight		: normal;
}

a.data-note:hover {
	color			: <?=$stylecolor['almost_blue'];?>;
	font-size		: 10px;
	font-weight		: normal;
}

.data-stat {
	color		: <?=$stylecolor['almost_blue'];?>;
	font-size	: 12px;
	font-weight	: bold; }
	
.data-statplus {
	color		: <?=$stylecolor['dark_green'];?>;
	font-size	: 12px;
	font-weight	: bold; }
	
.data-statminus {
	color		: <?=$stylecolor['dark_red'];?>;
	font-size	: 12px;
	font-weight	: bold; }

.data-table {
	border-bottom-color	: <?=$stylecolor['black'];?>;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-left-color	: <?=$stylecolor['black'];?>;
	border-left-width	: 1px;
	border-left-style	: solid;
	border-right-color	: <?=$stylecolor['black'];?>;
	border-right-width	: 1px;
	border-right-style	: solid;
}

* 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: 132px; 	}	#footer {		margin-left: -7px;		width: 101.5%;	}} #clearheader{height:202px;}/*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%;}