/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #EAEDEE;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #3A6948; }
a:hover		{ text-decoration: underline; color : #15271B; }
hr	{ height: 0px; border: solid #95B079 0px; border-top-width: 1px;}
/* Main table cell colours and backgrounds */
td.sep	{ background-color: #CCDCC0; }
td.row1	{ background-color: #FFFFFF; }
td.row2	{ background-color: #EEF3EB; }
td.row3	{ background-color: #FFFFFF; }
td.row0 {
    background-color: #FFFFFF;
  	border-style: solid;
  	border-width: 0px 0px 0px 1px;
  	border-left-color: #95B079;
}
td.row4 {
    background-color: #FFFFFF;
  	border-style: solid;
  	border-width: 0px 1px 0px 0px;
  	border-right-color: #95B079;
}
td.row5 {
    background-color: #FFFFFF;
  	border-style: solid;
  	border-width: 0px 1px 0px 1px;
  	border-left-color: #95B079;
		border-right-color: #95B079;
}
td.row6	{ background-color: #CCDCC0; }
td.row7	{ background-color: #EEF3EB; }
td.row8 {
    background-color: #CCDCC0;
  	border-style: solid;
  	border-width: 0px 1px 0px 0px;
  	border-right-color: #95B079;
}
td.row9 {
    background-color: #CCDCC0;
  	border-style: solid;
  	border-width: 1px 0px 0px 0px;
  	border-top-color: #95B079;
}
td.game_c { background-color: #85C693; }
td.game_w { background-color: #F15B52; }
td.game_n { background-color: #93ABD4; }
td.newstitle {
				background-color:#CCDCC0;
            	border-style: solid;
            	border-width: 1px 1px 1px 1px;
            	border-left-color: #95B079;
            	border-right-color: #95B079;
            	border-bottom-color: #95B079;
            	border-top-color: #95B079;
}
a.newstitle2:link, a.newstitle2:active, a.newstitle2:visited { 
				color: #000000; 
				text-decoration: none; 
				font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
				font-weight: normal; 
				font-size: 14px; 
				letter-spacing: 0px;
}
a.news_top_title:link, a.news_top_title:active, a.news_top_title:visited { 
				color: #FF8306; 
				text-decoration: none; 
				font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 18px; 
				letter-spacing: 0px;
}
/*
  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-image: url(images/sg-forumsheadtable-bg.gif);
	height: 18px;
  	border-style: solid;
  	border-width: 0px 1px 0px 0px;
  	border-right-color: #95B079;
}
/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #3A6903; font-size: 11px; font-weight : bold;
	background-color: #006699; height: 18px;
	background-image: url(images/sg-forumsheadtable-bg.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/sg-forumsheadtable-bg-down.gif);
			background-color:#D1D7DC; 
			height: 28px;
    	border-style: solid;
    	border-width: 0px 1px 0px 1px;
    	border-left-color: #95B079;
			border-right-color: #95B079;			
}
th.thHead/*,td.catHead*/ { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom/*,td.catBottom*/  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000; }
.smalltitle {
			font-weight: bold; font-size: 16px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000; }
h1,h2 { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
							font-weight:bold; 
							font-size:13px; margin: 0px }
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.rgensmall { font-size : 10px; color: #FF0000; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #3A6903; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #15271B; text-decoration: underline; }
a.news:link, a.news:active, a.news:visited { color: #F00; text-decoration: none; font-weight: normal; font-size: 11px; }
a.news:hover { color: #F00; text-decoration: underline; }
a.topnews:link, a.topnews:active, a.topnews:visited { 
				color: #FF7200; 
				text-decoration: none; 
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
				font-weight: bold; 
				font-size: 16px; 
				letter-spacing: 1px;}
a.newstitle:link, a.newstitle:active, a.newstitle:visited { color: #000000; text-decoration: none; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
				font-weight: normal; 
				font-size: 18px; 
				letter-spacing: 0px;}
.newsi { margin-top:4px; margin-bottom:5px; margin-right:15px; margin-left:4px }
.b4rl { margin-right:4px; margin-left:4px; margin-bottom:2px; }
/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #000000 }
a.mainmenu		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight:bold; text-decoration: none; color : #FFFFFF;  }
a.mainmenu:visited{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight:bold; text-decoration: none; color : #FFFFFF; }
a.mainmenu:hover{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight:bold; text-decoration: underline; color : #FFFFFF; }
/* Forum category titles */
.cattitle		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
                font-weight: bold; 
								font-size: 11px; 
								color: #3A6903;}
td.cattitle		{ background-image: url("images/sg-forumsheadtable-bg.gif");
              font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
              font-weight: bold; 
							font-size: 11px; 
							letter-spacing: 1px; 
							color: #3A6903; 
							vertical-align:middle;
							height: 18px; 
							border-style: solid;
							border-width: 0px 0px 0px 1px;
							border-left-color: #95B079}
td.cattitle1{ background-image: url("images/sg-forumsheadtable-bg.gif");
              font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
              font-weight: bold; 
							font-size: 11px; 
							letter-spacing: 1px; 
							color: #3A6903; 
							vertical-align:middle;
							height: 18px; 
							border-style: solid;
							border-width: 0px 1px 0px 1px;
							border-left-color: #95B079;
							border-right-color: #95B079}
td.cattitle2{ background-image: url("images/sg-forumsheadtable-bg.gif");
              font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
              font-weight: bold; 
							font-size: 11px; 
							letter-spacing: 1px; 
							color: #3A6903; 
							vertical-align:middle;
							height: 18px; 
							border-style: solid;
							border-width: 0px 1px 0px 0px;
							border-right-color: #95B079}
a.cattitle		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
                font-weight: bold; 
								font-size: 11px; 
								text-decoration: none; 
								color: #3A6903;}
a.cattitle:visited { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
                     font-weight:bold; 
										 font-size:11px; 
										 text-decoration: none; 
										 color : #3A6903;}
a.cattitle:hover{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
                  font-weight:bold; 
									font-size:11px; 
									text-decoration: underline; 
									color : #3A6903;}
/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #3A6903; }
a.forumlink 	{ text-decoration: none; color : #3A6903; }
a.forumlink:visited{ text-decoration: none; color : #3A6903; }
a.forumlink:hover{ text-decoration: underline; color : #3A6903; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #3A6903; }
a.nav:hover		{ text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #3A6903; }
a.topictitle:visited { text-decoration: none; color : #3A6903; }
a.topictitle:hover	{ text-decoration: underline; color : #3A6903; }
/* 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 : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}
/* 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}
/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}
/* 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; }
/* SoftGrenn additional styles */
td.tdTopHead {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    color: #FFFFFF; 
	font-weight: bold; 
	font-size: 13px;
}
td.tdTopHead1 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
              background-image: url("images/sg-forumsheadtable-bg.gif");  
              color:#3A6903; 
							font-weight:bold; 
							font-size:13px}
td.tdTopHeadL {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
              background-image: url("images/sg-forumsheadtable-bg.gif");  
              color:#3A6903; 
							font-weight:bold; 
							font-size:13px;
            	border-style: solid;
            	border-width: 0px 0px 0px 1px;
            	border-left-color: #95B079;
							}
td.tdTopHeadR {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
              background-image: url("images/sg-forumsheadtable-bg.gif");  
              color:#3A6903; 
							font-weight:bold; 
							font-size:13px;
            	border-style: solid;
            	border-width: 0px 1px 0px 0px;
            	border-right-color: #95B079;
							}
.ForumRowDelimiter {height:1px; background-color: #D2DFC8}
.ForumRowDelimiter1 {height:1px; background-color: #BBCDAB}	

.ForumRowDelimiter3 {height:1px; background-color: #95B079}				
p.p1 {
              margin-left:5px;
            	margin-right:5px;
}
td.bgSoft {
				background-color:#EEF3EB;
            	border-style: solid;
            	border-width: 0px 1px 0px 1px;
            	border-left-color: #95B079;
            	border-right-color: #95B079;
}
td.bgNewsSoft {
			background-color:#EEF3EB;
            	border-style: solid;
            	border-width: 0px 0px 0px 0px;
            	border-left-color: #95B079;
            	border-right-color: #95B079;
}
td.greenBorders {
					 		background-color:#FFFFFF;
            	border-style: solid;
            	border-width: 0px 1px 1px 1px;
            	border-left-color: #95B079;
            	border-right-color: #95B079;
            	border-bottom-color: #95B079;
}
td.greenBorders4 {
					 		background-color:#FFFFFF;
            	border-style: solid;
            	border-width: 1px 1px 1px 1px;
            	border-left-color: #95B079;
            	border-right-color: #95B079;
            	border-bottom-color: #95B079;
            	border-top-color: #95B079;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003300;
	background-color: #FFFFCC;
	border: 1px solid #003300;
	width: 80px;
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003300;
	background-color: #FFFF99;
	border: 1px solid #003300;
}
form { margin: 0px }
<!--INDEX PAGE MODULES-->
.main_content {
	position: relative;
	width: 775px;
}
.main_news_top {
	width: 770px;
	margin: 3px 3px 3px 3px;
}
.main_news_last {
	float: left;
	clear: left;
	width: 470px;
	background: #FFF;
	margin-left: 7px;
}
.right {
	margin-top: 8px;
	clear: right;
	float: right;
	width: 285px;
	margin-right: 7px
}
.game_banner .game_title {
	font-size: 12px;
	text-align: center;
	background: #FFFF97;
	border: 1px solid #999;
	width: 285px;
	font-weight: bold;
	padding: 0 0 2px 0;
}
.main_table {
	margin-top: 0;
}

.last_news {
	margin-bottom: 3px;
}
.block_news_title, .block_news_title2 {
	padding: 3px 3px 3px 3px;
	background: #D5FFAA;
	border-top: 1px solid #00B900;
	border-bottom: 1px solid #00B900;
	text-align: center;
	margin-top: 0;
}
.block_news_title2 {
	background: #FFF;
	border: 0;
}
.block_news_footer {
	height: 20px;
	background: #FFC;
}
.nav1 {
	text-align: left;
	padding-left: 10px;
}
.nav2 {
	text-align: right;
	padding-right: 10px;
}
.nav1, .nav2 {
	border-bottom: 1px solid #FFAA82;
	border-top: 1px solid #FFAA82;
}
.news_date {
	font-weight: bold;
	font-size: 10px;
}
.news_text {
	font-size: 12px;
	padding: 3px 3px 3px 7px;
}
a.ads:link, a.ads:active, a.ads:visited { color: #F00; text-decoration: none; font-weight: normal; font-size: 12px; }
a.tflink:link, a.tflink:active, a.tflink:visited { color: #F00; text-decoration: none; font-weight: normal; font-size: 14px; }