body {
	background-color: #0a162a;
	margin: 0 auto;	
	padding: 0;	
	font-family: Tahoma, Arial, Verdana ;
	font-size: 8pt;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

html, body
{
scrollbar-face-color: #353535;
scrollbar-shadow-color: #403d3d;
scrollbar-highlight-color: #403d3d;
scrollbar-3dlight-color: #d9864d;
scrollbar-darkshadow-color: #d9864d;
scrollbar-track-color: #353535;
scrollbar-arrow-color: #d9864d;
}

.topmenu {
	background-image: url(/images/menu-tile.gif);
	background-repeat: repeat-x;
	margin: auto;
	width: 975px;
	height: 30px;
	
	
}

#topnav {
		padding-left: 25%;
		padding-bottom: 10px;
		
}

#welcome-box {
	
	float: left;
	margin-left: 10px;
}

#date-box {
	
	text-align: right;
	margin-right: 10px;
	
}
#ht {	
			float: left;
			padding: 10px;			
			}
			
			#hd {	
			float: right;
			padding: 10px;			
			}



.box-header {
	background-image: url(/images/bar-tile.gif);
	background-repeat: repeat-x;
	height: 28px;
	width: 120px;
	border-bottom: 1px solid #236EB2;
}

.box-header-large {
	background-image: url(/images/main-tile.gif);
	background-repeat: repeat-x;
	padding: 5px 0 12px 0;
	border-right: 1px solid #0C4678;
	border-left: 1px solid #0C4678;
	}
	
	.box-header-small {
	background-image: url(/images/bar-tile.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
	padding: 5px 0 12px 0;
	}
	
	

.box-inner {
	background-image: url(../images/box-bg.gif);
	background-repeat: repeat-y;
	padding: 5px;
}

.box-inner2 {
	background-image: url(../images/box-bg.gif);
	background-repeat: repeat-y;
	padding: 1px;
}

.box-inner3 {
	background-color: #3385cd;
	padding: 2px;
	border-left: 1px solid #0c4678;
	border-right: 1px solid #0c4678;
	border-bottom: 1px solid #0c4678;
}



.box-notice {
		background-color: #f0e6bc;
		border: 1px solid #000000;
		}
		
.error {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0 5px 0;
	}

.box-error {
		background-color: #f0e6bc;
		border: 1px solid #ddcc87;
		}

.error {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0 5px 0;
	}

.style1 {
color: #FFFFFF
}

a:link {
	color: #ffaf3c; 
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffaf3c;
}
a:hover {
	text-decoration: none;
	color: #aa5b25;
}
a:active {
	text-decoration: none;
	color: #ffaf3c;
}

/*swede's section*/

	#right {
		float: right;
		text-align: center;
		width: 126px;
		}

	#left {			
		float: left;			
		text-align: center;
		width: 126px;
		}		
			
	#container {
		margin: 4px 2px 4px 2px;
		}
		
/* FONT */
		
	.h1 {
		font-size: 16px;
		font-family: arial, impact;
		margin: 0;
		vertical-align: middle;
		padding:2px 0 2px 0;
		text-align: center;
		font-weight: bold;
		}
		
	.h2 {
		font-size: 12px;
		font-family: arial, impact;
		margin: 0;
		vertical-align: middle;
		text-align: center;
		font-weight: bold;
		}
		
	.h3 {
		font-size: 12px;
		font-family: arial, impact;
		margin: 0;
		padding:5px 0 2px 5px;
		text-align: left;
		font-weight: bold;
		}
		
			
	.h4 { 
		font-size: 10px;
		font-family: arial, impact;
		margin: 0;
		text-align: center;
		font-weight: bold;
		}
		
	.h5 { 
		font-size: 10px;
		font-family: arial, tahoma;
		margin: 0;
		text-align: left;
		font-weight: bold;
		}		
		
	.h6 { 
		font-size: 11px;
		font-family: arial, tahoma;
		margin: 0;
		text-align: center;
		padding-top: 1px;
		padding-bottom: 3px;
		}					
		
	.f6 {
		font-size: 87%;
		font-family: Tahoma, Verdana, Arial;
		}	
			
	
		
/* logo */
	#logo {			
		background: url(/images/banner.jpg) center no-repeat;
		background-repeat: repeat-x;
		border: 0px solid #236EB2;
		height: 124px;
		width: 975px;
		margin: auto;	
		}	
			
		
/* NAVIGATION */	

	
	.nav {
		background-color: #0C4678;
		}

	.nav ul	{
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.nav ul li {  
			background-color: #3385cd;
			border-left: 1px solid #0c4678;
			border-right: 1px solid #0c4678;
			border-bottom: 1px solid #0c4678;
			font-size: 100%;
			width: 122px;
		}
		
	.nav ul li a {
		display: block;
		font-size: 100%;
		text-align: left;
		padding: 2px 0 2px 7px;
		text-decoration: none;
		color: #ffffff;
		width: 115px;
		
		}
			
	.nav ul li a:visited {
		color: #ffffff;
		}
			
	.nav ul li a:hover {
		color: #ffffff;
		background-color: #356b9a;
		}
			
	.nav ul li:hover {
		color: #ffffff;
		background-color: #356b9a;
		}		
		

		
	.barbanner {
		background-color: #0C4678;
		border-right: 1px solid #0C4678;
		border-left: 1px solid #0C4678;
		height: 28px;
		background-image: url(./images/bar-tile.gif);
		background-repeat: repeat-x;
		}

	
/* wrapper */
		
	#wrapper {
		background-color: #003366; /* #0C4678 */
		border: 1px solid #236EB2;
		width: 979px;
		margin: 0 auto;	
		vertical-align: middle;
		}
			
/* content box */

	.content-box {
		border: 1px solid #236EB2;
		margin: 0 133px 10px 133px;
		}

	.cbox {		
		background-color: #236EB2;
		border-right: 1px solid #0C4678;
		border-left: 1px solid #0C4678;
		border-bottom: 1px solid #0C4678;
		margin-bottom: 1px;
		}
		
/* content box for error message */		
	.cboxerror {
		background-color: #f0e6bc;
		border: 1px solid #ddcc87;
		border-right: 1px solid #0C4678;
		border-left: 1px solid #0C4678;
		border-bottom: 1px solid #0C4678;
		font-weight: bold;
		color: #FF0000;
		text-align: center;
		vertical-align: middle;
		padding: 5px 0 5px 0;
		
		}
		
/* content-text left */	
	.cboxcleft {
	text-align: left;
	width: 670px;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	display:inline-block;/* Force hasLayout in ie */ 
		}
		
/* content-text right */		
	.cboxcright {
		text-align: right;
		padding: 5px;
		}
		
/* content-text center*/			
	.cboxccenter {
		text-align: center;
		padding: 5px;
		}
		
	.cboxnotice {
	/* content box for notice message */	
		background-color: #f0e6bc;
		border-right: 1px solid #0C4678;
		border-left: 1px solid #0C4678;
		
		}
		
	.noticemsg {
		font-weight: bold;
		color: #000000;
		text-align: center;
		vertical-align: middle;
		padding: 5px 0 5px 0;
		}	
	
	
/* side box */
	.side-box {  
		border: 1px solid #236EB2;
		text-align: center;
		padding: 0px;
		margin: 0 0 10px 0;
		}
			
/* side box content */	
	.sboxc {
		background-color: #356b9a;
		border-left: 1px solid #0c4678;
		border-right: 1px solid #0c4678;
		border-bottom: 1px solid #0c4678;
		padding: 4px 0 4px 0;
		text-align: center;
		}
			
/* FOOTER */
		
/* footer box */
	 #ft {
		background-color: #0C4678;
		border: 1px solid #236EB2;				
		color: #ffffff;
		margin: 2px;
		text-align: center;
		}

/* copyright */
	#copyright {
		background-color: #236EB2;
		font-size: 100%;
		padding-top: 3px;
		padding-bottom: 5px;
		margin: 2px;
		text-align: center;
			}	
			
			
					.simg {
		background-color: #0C4678;
		}
	
	.simg ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		
	.simg ul li {
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 0;
		background-color: #3385cd;
		border-left: 1px solid #0c4678;
		border-right: 1px solid #0c4678;
		border-bottom: 1px solid #0c4678;
		text-align: center;
		vertical-align: middle;
		}
		
.menu-icon { 
	width: 16px; 
	height: 16px; 
	float: left; 
	margin: 5px 0 0 2px; 
	padding-right: 2px; 
	background: no-repeat;
	background-image: url("../../../../../images/sprites/icons.png");
}

/* Profile & navigation icons */
.home-icon 		{ background-position: -8px -8px; }
.battle-icon 	{ background-position: -8px -40px; }
.search-icon	{ background-position: -8px -72px; }
.contact-icon 	{ background-position: -8px -104px; }
.support-icon 	{ background-position: -8px -136px; }
.user-icon 	  	{ background-position: -8px -168px; }
.clan-icon 		{ background-position: -8px -200px; }
.tools-icon 		{ background-position: -8px -232px; }
.www-icon 		{ background-position: -8px -264px; }
.general-icon 	{ background-position: -8px -296px; }
.chat-icon 		{ background-position: -8px -328px; }
.result-icon 	{ background-position: -8px -360px; }
.pbbans-icon 	{ background-position: -8px -392px; }
.users-icon 		{ background-position: -8px -424px; }
.sponsors-icon 	{ background-position: -8px -456px; }

 .clearfix2 {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix2 {height: 1%;}
	.clearfix2 {display: block;}
    /* End Holly Hack */

			
ul.header-buttons {
	list-style: none;
	display: inline;
}

/* Rollover state */
ul.header-buttons li {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
ul.header-buttons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.header-buttons li span { display:none; }
ul.header-buttons li a:hover { background: none; }

/* Set profile icon dimensions */

ul.header-buttons li.warsofar-button			{ width: 139px; height: 30px; }
ul.header-buttons li.upcomingbattles-button	{ width: 141px; height: 30px; }
ul.header-buttons li.recentresults-button		{ width: 139px; height: 30px; }
ul.header-buttons li.forums-button				{ width: 139px; height: 30px; }
ul.header-buttons li.chatbox-button			{ width: 139px; height: 30px; }
ul.header-buttons li.rules-button				{ width: 139px; height: 30px; }
ul.header-buttons li.staffcontacts-button		{ width: 139px; height: 30px; }

/* Profile & navigation icons */
.warsofar-button, .warsofar-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/warsofar.gif");
}

.upcomingbattles-button, .upcomingbattles-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/upcomingbattles.gif");
}

.recentresults-button, .recentresults-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/recentresults.gif");
}
	
.forums-button, .forums-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/forums.gif");
}

.chatbox-button, .chatbox-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/chatbox.gif");
}

.rules-button, .rules-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/rules.gif");
}

.staffcontacts-button, .staffcontacts-button a { 
	background: none top left no-repeat;
	background-image: url("../../../../../images/menubuttons/staffcontacts.gif");
}