/* CSS Document */

body { margin: 0; padding: 0; background: url(images/head.jpg) repeat-x; background-color: #f7f9ff; color: #348; font-family: Arial, Helvetica, sans-serif; font-size:12px; }

a 
{ color: #348; font-weight: bold; text-decoration:none; }

a:hover 
{ color: #900; font-weight: bold; text-decoration: underline; }

p {
	padding: 0 20px 0 20px;
	text-align:justify;
}

h3, h4, h5, h6{
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	width: 158px;
	height: 19px;
	margin: 0px;
	}
h2{
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	width: 470px;
	height: 19px;
	margin: 0px;
}
.h{
	background: url(images/header.jpg) repeat-x;
	border: 1px solid #678;
	padding: 0px;
	margin: 2px 0px 6px 0px;
	height: 21px;
}

table 
{ margin: 0px; padding: 0px; border: none; border-collapse: collapse; }

td 
{ text-align:left; vertical-align:top; padding-left:2px; padding-right:2px; }

blockquote {}

ul, ol {
list-style: none;
}

li {
padding-left: 30px;
text-align:justify;
padding-right: 20px;
background-image: url(images/arrow.png) ;
background-repeat: no-repeat;
background-position: 10px 4px;
}

form { }

input
{ margin:2px; }

hr 
{ margin-top: 2px; height: 1px; border: none; background-color: #3f3f3f; }

/* start of site layout */

#wrapper { position: absolute; width: 100%;}

/* header */

#head {
 	position: absolute;
    top: 16px;
    right: 30px;
	width: 850px;
	height: 100px;
	z-index: 8;
}
#head2 {
 	position: absolute;
    top: 19px;
    right: 27px;
	width: 850px;
	height: 100px;
	z-index: 7;
}

#clok {
	position: absolute;
    top: 80px;
    left: 10px;
	height: 20px;
}
.clok { color: #fff; }

#topmenu {
	position: absolute;
    top: 103px;
    height: 35px;
    width: 100%;
}


/* main menu */

#nav
{ margin: 135px 0 0 300px; padding: 4px 0 0 0; list-style-type: none; float: left; }

#nav a
{ display: block; text-decoration: none; text-align: center; padding: .2em .5em; font: 12px Tahoma; color: #459; font-weight: bold; }

#nav a:hover
{ color: #00c; font-weight: bold; border-bottom: 1px solid #B2E9EE; border-top: 1px solid #B2E9EE; }

#nav li
{ display: inline; }

/* end of main menu and header */

/* content */

#content { }

#left { position: absolute; overflow: visible; top: 154px; left: 9px; width: 186px; background: #fff; border: 1px solid #678; padding: 0px 2px; padding:expression(2 + "px") !important; }

#right { position: absolute; overflow: visible; top: 154px; right: 9px; width: 160px; background: #fff; border: 1px solid #678; text-align: center; padding: 2px 2px; padding:expression(2 + "px") !important;}

.news { margin-top: 154px; margin-left: 210px; margin-right: 184px; background: #fff; border: 1px solid  #678; padding: 0px 2px; padding:expression(2 + "px") !important; }

.title { margin: 4px; padding: 0; min-height: 21px; border-bottom: 1px dashed #666666; text-align: left ; font-weight: bold; font-size: 14px; color: #348; } 

.story { margin: 4px; padding: 0; text-align: left;  }

.postby { margin: 7px 4px 7px 4px; padding: 0; text-align: right; font-size: 11px; }

.date { text-align: right; font-weight: normal; color: #000; padding-right: 4px; font-size: 11px; }

.clear { clear: both; height: 7px; }

/* end of content */

/* footer */

#footer { text-align: center; font-size: 11px; background: url(images/footer.jpg) repeat-x top; height: 39px; }

.disc { padding-top: 12px; }

/* end of layout */

/* E107 STYLES */

.bodytable {
	padding: 8px;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #fff;
}

.indent{
	padding: 5px;
	margin: 5px;
	font: 9px verdana, tahoma, arial, sans-serif;
	color: #fff;
	border: 1px solid #fff;
	background: url(images/cal.gif) no-repeat;
	background-color: #ddf;
	text-align: center;
}
.indentchat{
	border: 1px solid #56a;
	margin:2px;
	padding:4px; 
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
	color: #fff;
	background: #139;
}
.small {

	color: #fff;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.smalltext, .smalltextnews{
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #fff;
	text-align:center;
	font-weight:bold;
}
.smalltextnews{
	color: #c00;
}
.smallbottom {
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color: #fff;
	text-align:left;
}

.tbox {
	background-color: #fff;
	border: #aab 1px solid;
	color: #000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.helpbox {
	background-color: #1f1f1f;
	border: #aab 1px solid;
	color: #ccc;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.button{
	margin:2px 2px;
	background: #56a;
	border: #578 1px solid;
	color: #fff;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif bold;
	text-align:center;
}

/* FORUM STYLES */

.fcaption {
	padding:0px 4px;
	height:21px;
	line-height:21px;
	background: #037;
	border: 1px solid #578;
	color: #ccc;
	font-weight:bold;
}

.fcaption span.smalltext{
	color: #fff;
}

.fcaption span.smalltext a:hover{
	color: #f63;
}

.fcaption a {
	color: #fff;
	text-decoration: none;
}

.fcaption a:hover {
	color: #f63;
}

a.forumlink{
	color: #fff;
	text-decoration: none;
}

a.forumlink:hover{
	color: #f63;
}

.fborder {
	border:0px;
	background-color: transparent;
}

.forumheader{
    background: #67c;
	padding:0px 4px;
	padding:expression(2 + "px") !important;
	height:20px;
	height:expression(10 + "px") !important;
	line-height:10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	
}

.forumheader2{
   background: #049;
	color: #ccc;
	padding: 4px;
	border: #578 1px solid;
	}
	
 .forumheader3{
   background: #89d;
	color: #fff;
	padding: 4px;
	border: #fff 1px solid;
	text-align: center;
	line-height:10px;

}

.forumheader4{
	background-color: #049;
	font: 10px verdana, tahoma, arial, sans-serif;
	color: #ccc;
	padding: 4px;
	border: #578 1px solid;
}

.finfobar{

	padding: 4px;
	border: #578 1px solid;
	background: #037;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .head {
	visibility: hidden;
}
.sIFR-hasFlash .head2 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
}

.line {
	width: 450px;
}