HTML, BODY {
	margin: 0; padding: 0;
			background: #182430 url('images/page_bg.png') repeat;
	text-align: justify;
	color: #fff;
	font: 11px/16px verdana, arial, helvetica, sans-serif;
	height: 101%;
}

p,h1,h2,h3,h4,h5,h6,form,body,html,ul,li {
	font-weight: normal; padding: 0; margin: 0;
}

img {border-width: 0;}

p {margin: 0 15px 20px 15px;}

h1 {font: bold 14px/20px verdana, arial, helvetica, sans-serif; margin: 0 0 10px -5px;
	 background: url('/images/template/h1.gif') no-repeat; padding: 0 0 0 18px;
	 color: #3A9CFF;
}

.shoutbox h1 {background: url('/images/template/h1_sb.gif') no-repeat;
	color: #F1B016;
}


.box h2 {font: bold 12px/16px verdana, arial, helvetica, sans-serif; margin: 0 0 5px 15px;
	 color: #3A9CFF;
}

.disclaimer a, .disclaimer a:visited,
.box a, .box a:visited,
.login a, .login a:visited {color: #888; text-decoration: none; border-bottom: 1px dotted #888;}

.disclaimer a:hover, .box a:hover, .login a:hover {color: #3A9CFF; border-bottom: 1px dotted #3A9CFF;}

a.message, a.message:visited {color: #F1B016; border-bottom: 1px dotted #F1B016;}
a.message:hover {color: #3A9CFF; border-bottom: 1px dotted #3A9CFF;}

/*------ template -------------------------------------------------*/

#toolbar, .border, #advertisement, #servers, #header {font-size: 0; line-height: 0px;}
#pageImage, #header, #servers .inner {overflow: hidden;}

#fullContent {width: 1000px;}
#header {height: 124px; background: url('/images/template/bg_header.jpg') repeat-x;}
.border {height: 38px; background: url('/images/template/border.gif') repeat-x;}
#pageImage {height: 265px; background: #000 url('/images/template/pageImage_2.jpg') no-repeat; position: relative;}
	#pageImage div {position: absolute; text-align: right; width: 980px; bottom: 0; font-weight: bold;}
	
/*------ servers -------------------------------------------------*/

#sidebar {width: 288px; float: left; padding-bottom: 15px;}
	#servers {background: url('/images/template/servers2.jpg') no-repeat; position: relative;
		min-height: 243px; height: auto !important; height: 243px;}
	#servers .inner {font: 11px/16px verdana, arial, helvetica, sans-serif; position: absolute; top: 20px; left: 35px; height: 120px; width: 238px;}
		
		#servers .inner h2, TABLE#serverStatus {font: bold 12px/16px verdana, arial, helvetica, sans-serif;}
		#servers .inner h2 {color: #F1B016;}
		TABLE#serverStatus {margin-top: 5px;}
		
		TABLE#serverStatus {width: 230px;}
		TABLE#serverStatus TD.server {width: 30%;}
		TABLE#serverStatus TD.status {width: 35px; text-align: center;}
		TABLE#serverStatus TD.spacer {width: 10px;}

/*------ advertisers -------------------------------------------------*/

	#advertisement {background: url('/images/template/bg2_advertiser.jpg') repeat-y; position: relative; margin-bottom: 15px;}
		
	#advertisement div {background: url('/images/template/bg_advertisement.jpg') no-repeat;
		min-height: 150px; height: auto !important; height: 150px;
		padding: 35px 15px 20px 15px; text-align: center;
		}
		
		img#advBot, img#woBot {position: absolute; bottom: 0;}
		
		#advertisement div img {border: 1px solid #3A9CFF; width: 180px;}
		
/*------ who's online -------------------------------------------------*/

.half {width: 50%;}
.left {float: left;}
.right {float: right;}
		
	span.time {font-size:10px; font-style: italic;}
	
/*------ photo of the week  -------------------------------------------------*/

	#photoOfTheWeek {background: url('/images/template/bg2_advertiser.jpg') repeat-y; position: relative;}

	#photoOfTheWeek div {background: url('/images/template/bg_photoOfTheWeek.jpg') no-repeat;
		min-height: 190px; height: auto !important; height: 190px;
		padding: 35px 15px 15px 15px; text-align: center;
		}

		#photoOfTheWeek div img {border: 1px solid #3A9CFF; width: 220px;}
		#photoOfTheWeek div p {color: #3A9CFF; margin: 5px 20px 0 20px;}

/*------ content -------------------------------------------------*/

#content {width: 696px; margin-left: 288px;}
	
	DIV.box {background: url('/images/template/bg_box.jpg') repeat; border: 2px solid #28323B; padding: 10px; margin-bottom: 15px;}
	
	DIV.disclaimer {text-align: center; color: #888;}
	
/*------ toolbar -------------------------------------------------*/

	#toolbar {background: url('/images/template/bg_toolbar.jpg') repeat-x; margin-bottom: 10px; height: 32px;}

	#navigation {width: 697px; height: 32px; background: url('/images/template/toolbar.png') no-repeat; margin: 0; padding: 0; position: relative; overflow: hidden;}
		
		#navigation li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; height: 32px;}
		
		#navigation a {display: block; height: 32px;}
		
			#nav1 {width: 67px; left: 0; top: 0;}
			#nav2 {width: 91px; left: 67px; top: 0;}
			#nav3 {width: 75px; left: 158px; top: 0;}
			#nav4 {width: 114px; left: 233px; top: 0;}
			#nav5 {width: 66px; left: 347px; top: 0;}
			#nav6 {width: 116px; left: 413px; top: 0;}
			#nav7 {width: 79px; left: 529px; top: 0;}
			#nav8 {width: 88px; left: 608px; top: 0;}
			
		#navigation a:hover, a.navActive {background: url('/images/template/toolbar.png') no-repeat;}
			
			#nav1 a:hover, #nav1 a.navActive {background-position: 0 -32px;}
			#nav2 a:hover, #nav2 a.navActive {background-position: -67px -32px;}
			#nav3 a:hover, #nav3 a.navActive {background-position: -158px -32px;}
			#nav4 a:hover, #nav4 a.navActive {background-position: -233px -32px;}
			#nav5 a:hover, #nav5 a.navActive {background-position: -347px -32px;}
			#nav6 a:hover, #nav6 a.navActive {background-position: -413px -32px;}
			#nav7 a:hover, #nav7 a.navActive {background-position: -529px -32px;}
			#nav8 a:hover, #nav8 a.navActive {background-position: -608px -32px;}

/*------ footer -------------------------------------------------*/

	DIV#footer {background-color: #000; padding: 10px 0 25px 0; text-align: center; color: #888;}
		DIV#footer DIV.links {font-weight: bold; color: #f0f0f0;}
		
		DIV#footer a {text-decoration: none;}
		DIV#footer a, DIV#footer a:visited {color: #888;}
		DIV#footer a:hover {color: #3A9CFF;} 
		
/*------ login -------------------------------------------------*/		

#loggedOut {width: 400px; height: 25px; position: absolute; top: 0; left: 540px; background: url('/images/template/login.jpg') no-repeat;
	font: bold 11px/16px tahoma, monaco, arial, sans-serif; color: #fff;
	padding: 5px 47px 0 10px;
	white-space: nowrap;
	
}

#loggedIn {width: 427px; height: 25px; position: absolute; top: 0; left: 540px; background: url('/images/template/login.jpg') no-repeat;
	font: 11px/16px tahoma, monaco, arial, sans-serif; color: #fff;
	padding: 5px 10px 0 10px;
	text-align: right;
}

/* --- client login ----------------------------------------------------------------------------------------*/

.login span {color: #F1B016;}

DIV#loggedOut input {font: bold 9px/9px tahoma, monaco, arial, sans-serif; color: #000;
	letter-spacing: 1px; margin: 0 4px 0 2px; border: 1px solid #ccc; padding: 1px 2px 1px 2px;
	vertical-align: bottom;
}

DIV#loggedOut form {text-align: right;font-weight: bold;}
	DIV#loggedOut .btn {border-width: 0; position: absolute; top: 4px; right: 18px; height: 14px; margin: 0;}
	
	IMG#logo {position: absolute; top: 42px; left: 545px;}
	DIV.hof {text-align: center; padding-top: 25px;}