body { margin:0px; padding:0px; background-image:url(../../../../images/bg.png);}
td,div,p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454;}
.top_bg { background-image:url(../../../../images/top_bg.png); height:102px; background-repeat:repeat-x; background-position:center top;}
.top_margin { height:74px; background-image:url(../../../../images/top_shadow.png); background-position:0px bottom; background-repeat:no-repeat; width:792px;}
.main_area { width:792px; height:100%;} 
.main_areainside {  width:770px; background-color:#FFFFFF;}
.left_shadow { /*background-image:url(../../../../images/left_shadow.png);background-repeat:repeat-y;*/ width:11px; background-position:right;}
.right_shadow { /*background-image:url(../../../../images/right_shadow.png); background-repeat:repeat-y; */width:11px;}
.bot_panel {background-image:url(../../../../images/bot_pattern.gif); width:inherit; height:50px; background-repeat:repeat; color:#fff;}
a.copyright, a.credits, .copyright { font-size:11px; color:#ffffff; }
a.copyright:hover, a.credits:hover { font-size:11px; color:#ffffff; text-decoration:underline; }
.content { padding:9px; text-align:center; }
.banner { height:128px; width:771px; text-align:center; padding-top:9px;}
.seperator { background-image:url(../../../../images/seperator.gif); width:20px; background-repeat:repeat-y;}
.heading_left_green { background-image:url(../../../../images/heading_left_green.png); height:37px; width:177px; background-repeat:no-repeat; background-position:center }
.heading_left_orange { background-image:url(../../../../images/orangeheader_bg.png); height:37px; width:177px; background-repeat:no-repeat; background-position:center }
.heading_right_blue { background-image:url(../../../../images/blueheader_bg.png); height:37px; width:537px; background-repeat:no-repeat; background-position:center }
.heading_right_gray { background-image:url(../../../../images/greyheader_bg.png); height:37px; width:537px; background-repeat:no-repeat; background-position:center }
.left_heading {font-size:15px; font-weight:bold; text-align:left; color:#000; padding-top:10px; padding-left:10px; text-transform:uppercase;}
.heading { background-image:url(../../../../images/heading.png); height:37px; width:537px; background-repeat:no-repeat;  }
.page_heading { font-size:15px; font-weight:bold; text-align:left; color:#fff; padding-top:10px; padding-left:10px; text-transform:uppercase; }
.heading_networking { background-image:url(../../../../images/heading_networking_bg.png); height:37px; width:540px; }
.italic { font-style:italic;}
.content_bg { background-image:url(../../../../images/content_bg.png); background-repeat:repeat-y; width:753px;}
.content_bottom { background-image:url(../../../../images/content_bottom.png); background-position:bottom; background-repeat:no-repeat; width:inherit;}
.content_top { background-image:url(../../../../images/content_top.png); background-position:top; background-repeat:no-repeat; width:inherit; }
.padding {margin:8px 8px 0px 8px; }
.padding_top { padding-top:8px;}
.padding2 { padding:0px 8px 0px 8px;}
.padding_bottom { padding:0px 8px 8px 8px;}
.padding_bottom_only { padding-bottom:9px;}
.menu_holder, .news_holder { text-align:left;}
.left_col { width:192px; text-align:center; }
.right_col { width:554px; text-align:center; }
.vseparator { width:8px;}
.left_bottom { background-image:url(../../../../images/left_bottom.png); background-repeat:no-repeat; width:193px; height:17px;}
.right_bottom { background-image:url(../../../../images/right_bottom.png); background-repeat:no-repeat; width:554px; height:13px;}
.left_top { background-image:url(../../../../images/left_top.png); background-repeat:no-repeat; width:193px; height:17px; background-position:top}
.right_top { background-image:url(../../../../images/right_top.png); background-repeat:no-repeat; width:554px; height:13px; background-position:top}
.orange {font-size:12px; color:#ff7200; font-weight:bold; text-decoration:none;}
.subscribe { height:47px; text-align:left;}
img { border:0px;}
.txt { text-align:left; padding:9px;}
.break { width:96%; background-image:url(../../../../images/separator.png); background-repeat:repeat-x; height:10px; background-position:center;  }
.subheader { font-size:14px; color:#9c2b2b}
.clear { height:18px;}

/*menu */
a { text-decoration:none; color:#545454;}
a:hover { text-decoration:none; color:#FF9900;}
/*menu */

/* General font families for common tags */
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 1px #d1d7dc solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }


/*
  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 */
th	{
	color: #41596c; font-size: 11px; font-weight : bold;
	background-color: #d1d7dc; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  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,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

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,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }


/* 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: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


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


/* 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 : #006699; }
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 : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }


/* 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
}



/* 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; }


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