/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background: #278d0f url(images/bg_bg.jpg) repeat-x;
	margin:0; color:#000000; font-size:12px
}

/* General font families for common tags */
font,th,td,p, div { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
a { text-decoration:none; color:#ffffff; }
a:hover		{ text-decoration:underline; }

img { border:none; margin:0; padding:0; }
.side { background: url(images/bg_left.jpg) #0c4f03 repeat-y;}
.side td { padding:7px 0 0 11px;  }
.side-top { background:url(images/bg_top_left.gif) no-repeat; }

div.login { text-align:left; width:480px; height:34px; background:url(images/bg_login.jpg) no-repeat; }
div.login input { font-family:Tahoma, Verdana, sans-serif; font-weight:bold; color:#878787 }
div.login a { color:#878787; font-weight:bold; }
div.login a:hover { color:#666666 }
.login form { padding:8px 0 0 39px; margin:0; }
.login-name { background:url(images/login_username.jpg) no-repeat; width:179px; }
.login-pass { background:url(images/login_password.jpg) no-repeat; width:179px; }
.login-text { background:none; border:none; width:110px; margin:0 0 0 67px; height:16px; padding:2px 0; }
.login-button { background:url(images/login_button.jpg); float:left; border:none; width:47px; height:20px; margin:0; padding:0; }

.main { background: url(images/bg_main.jpg) repeat-y; }
.content { background:url(images/bg_top_main.gif) no-repeat; padding:16px 27px 0 19px; }
.side-bottom { background:url(images/side_bottom.jpg) right top no-repeat; height:100px }

.side ul { margin:0; padding:0; list-style:none; font-size:11px; }
.side li.head { padding:0 0 0 5px; margin:0; }
.side li a  {  color:#093503; font-weight:bold; background:url(images/side_li_hover.gif) 5px 0px no-repeat; margin:0; padding:0 0 0 24px; text-decoration:none; line-height:36px; height:36px; display:block; }
.down {  line-height:36px; height:36px; display:block; }
.side li u { text-decoration:underline; color:#ffffff; }
.side li a:hover { background:url(images/side_li_hover.gif) 5px 36px repeat-y ; margin:0; padding:0 0 0 24px; line-height:36px; height:36px; display:block; }


div.nav { margin-top:45px; }
div.footernav { width:516px; margin:6px 0 0 235px;}
div.nav a, div.footernav a { display:block; float:left; padding:0; text-decoration:none; }
a.home { background:url(images/nav_home.jpg); width:67px; height:29px; }
a.home2 { background:url(images/nav_home2.jpg); width:67px; height:29px; }
a.forums { background:url(images/nav_forums.jpg); width:67px; height:29px; }
a.members { background:url(images/nav_members.jpg); width:81px; height:29px; }
a.contact { background:url(images/nav_contact.jpg); width:81px; height:29px; }
a.members2 { background:url(images/nav_members2.jpg); width:81px; height:29px; }
a.contact2 { background:url(images/nav_contact2.jpg); width:81px; height:29px; }
a.register { background:url(images/nav_register.jpg); width:67px; height:29px; }
a.search { background:url(images/nav_search.jpg); width:67px; height:29px; }  
div.nav a:hover, div.footernav a:hover { background-position:left 29px; text-decoration:none }    

.header { background:url(images/bg_header.jpg) no-repeat right top; height:75px; }
.header td { font-size:11px; color:#b76814; font-family:Arial, Helvetica, sans-serif; }
.header a, .header a:hover { text-decoration:underline; color:#b76814; font-weight:bold; }



#footer {
	background: url(images/bg_footer.jpg) repeat-x;
	height: 181px; color:#0f6a08;
}
#footer a, #footer a:hover { color:#0f6a08; text-decoration:underline; }
.footer-mid {
	background: url(images/footer_mid.gif) no-repeat center top; padding:8px 4px;
}
.right { float:right; }
.left { float:left; }

hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the outline round the main forum tables */
.forumline	{ background:#267017; }
.lastpost { border:1px solid #0c9706; background:#1bbc0a; color:#113a04; }
.lastpost a { color:#113a04; font-weight:bold; }

/* Main table cell colours and backgrounds */
td.row1	{ background:url(images/row1bg.jpg) #25aa16 repeat-x top; padding:5px 2px; }
td.row2	{ background:url(images/row2bg.jpg) #129201 repeat-x bottom; padding:4px 2px }

td.row1left, tr.row1 .left { background:url(images/row1left.jpg) #25aa16 no-repeat top left; width:8px; padding:0; float:none }
td.row1right, tr.row1 .right { background:url(images/row1right.jpg) #25aa16 no-repeat top left; width:8px; padding:0; float:none }
td.row2left, tr.row2 .left { background:url(images/row2left.jpg) #129201 no-repeat bottom left; width:8px; padding:0; float:none }
td.row2right, tr.row2 .right { background:url(images/row2right.jpg) #129201 no-repeat bottom left; width:8px; padding:0; float:none }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
.forumline th	{
	color: #063501; font-size: 9px; font-weight:bold; height: 19px;
	background-image: url(images/bg_th.jpg); font-family:Verdana, Arial, Helvetica, sans-serif;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight {
			background-image: url(images/bg_cat.jpg); padding:0;
			background-color:#D1D7DC; height: 29px;
}
td.catBottom {
			background-image: url(images/cat_bottom_mid.jpg);
			height: 8px; padding:0;
}
.catHead a { color:#000000; }

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}



/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #ffffff;
}
.name a { color:#ffffff; }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 9px; line-height:29px; letter-spacing: 1px; color:#ffffff; background:url(images/cat_left_bg.gif); display:block; text-align:center; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; }
.cattitle a		{ text-decoration: none; color : #ffffff; }
.cattitle a:hover { text-decoration: underline; }
.catleft2 { background:url(images/cat_left_right.gif) no-repeat right; font-weight: bold; font-size: 9px; line-height:29px; color:#ffffff; text-align:center; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:6px }
.catleft1 { background:url(images/cat_left_left.gif) no-repeat left; padding-left:46px; }

.cat-end { float:right; background:url(images/cat_right.jpg); height:29px; width:42px; display:block }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #ffe000; }
a.forumlink 	{ text-decoration: none; color : #ffe000; }
a.forumlink:hover{ text-decoration: underline; }



/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #ffe000; }
a.topictitle:link   { text-decoration: none; color : #ffe000; }
a.topictitle:visited { text-decoration: none; color : #ffc100; }
a.topictitle:hover	{ text-decoration: underline; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #ffe000 }
a.postlink:visited { text-decoration: none; color:#ffc100; }
a.postlink:hover { text-decoration: underline;}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0f6a08; letter-spacing: -1px;}
.copyright a, .copyright a:hover { color: #0f6a08; text-decoration: underline;}


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");