body 
{
	background-color		: #ffffff;
	color				: #333333;left
	margin				: 0;
	padding				: 0px;
	font-size			: 10px;
	font-family			: Tahoma, Verdana, Arial, Helvitica, sans-serif;
}

.td1 
{
	background-image		: url(../images/template_01.jpg);
	background-repeat		: no-repeat ;
	width				: 300px;
	height				: 54px;
}

.td2 
{
	background-image		: url(../images/template_02.jpg);
	background-repeat		: no-repeat ;
	width				: 500px;
	height				: 54px;
}
.td3 
{
	background-image		: url(../images/template_03.jpg);
	background-repeat		: no-repeat ;
	width				: 50px;
	height				: 54px;
}
.td4 
{
	background-image		: url(../images/template_04.jpg);
	background-repeat		: no-repeat ;
	width				: 850px;
	height				: 94px;
}
.td5 
{
	background-image		: url(../images/template_05.jpg);
	background-repeat		: repeat-y ;
	width				: 116px;
	height				: 446px;
}

/* Removing the padding here 10px makes the main window with less space around text */
/* changed padding to 5px and added padding-right 20px to keep main body text and forum in on right hand edge of frame */
.td6 
{
	background-image		: url(../images/template_06.jpg);
	background-repeat		: repeat-y ;
	width				: 734px;
	height				: 446px;
	padding				: 5px;	
	padding-right			: 20px;	
}

.td7 
{
	background-image		: url(../images/template_07.jpg);
	background-repeat		: no-repeat ;
	width				: 116px;
	height				: 56px;
}

.td8 
{
	background-image		: url(../images/template_08.jpg);
	background-repeat		: no-repeat ;
	width				: 734px;
	height				: 56px;
}


/* --------------------------------------------------- */

.bg 
{
	
	border-left			: 1px solid #b3b3b3;
	border-right			: 1px solid #b3b3b3;	
	border-bottom			: 1px solid #b3b3b3;	
	width				: 800px;
	height				: 100%;	
}

.top 
{
	background			: transparent url(../images/top.jpg) no-repeat top center;
	width				: 800px;
	height				: 97px;
}

/* --- nav --- */

.menuc 
{
	margin				: 0px auto;
	width				: 800px;
	border-left			: 1px solid #b3b3b3;
	border-right			: 1px solid #b3b3b3;
}

#topnavi
{
	position			: relative;
	display				: block;
	height				: 36px;
	font-size			: 11px;
	background			: transparent url(../images/bgOFF.gif) repeat-x top left;
	font-family			: Tahoma, Verdana, Arial, Helvitica, sans-serif;
}


#topnavi ul
{
	margin				: 0;
	padding				: 0;
	list-style-type			: none;
	width				: auto;
}

#topnavi ul li
{
	display				: block;
	float				: left;
	margin				: 0;
	background-image		: none;	
}

/* Removing the padding here 9px 10px 0 10px can't see any change so replaced */
#topnavi ul li a
{
	display				: block;
	float				: left;
	color				: #666;
	text-decoration			: none;
	padding				: 9px 10px 0 10px;
	height				: 23px;
	background			: transparent url(../images/bgDIVIDER.gif) no-repeat top right;
}


#topnavi ul li a:hover,#topnavi ul li a.current{
	color				: #c90f0f;
}

/* --- end nav --- */

/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */

.pathway 
{
	padding				: 0;
	border				: 0;
	color				: #666;
	font-family			: Arial;
	
}

a.pathway:link, a.pathway:visited 
{
	color				: #666;
	font-size			: 11px;
	line-height			: 18px;
	font-family			: Arial;
	text-decoration			: none;	

}

a.pathway:hover 
{
	color				: #d81313;
	font-family			: Arial;
	text-decoration			: none;	

}

ul 
{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

li 
{
	line-height			: 20px;
	padding-left			: 0px;
	padding-top			: 0px;

}

.pagenav 
{
	font-size			: 12px;
	font-weight			: normal;

}

/* Removing the padding here 3px can't see any difference so replaced */
/* Removing the margin-left here 2px can't see any difference so replaced */
.componentheading 
{
	height				: 14px;
	margin-left			: 3px;
	padding-left			: 2px;
	border-bottom			: 1px solid #c90f0f;
	color				: #c90f0f;
	text-align			: left;
	white-space			: nowrap;
	font-family			: Arial;
	font-size			: 12px;
	font-weight			: bold;
}

a.toclink:link, a.toclink:visited 
{
	line-height			: normal;
	font-size			: 11px;
	font-family			: Arial;
	color				: #000000;
	text-decoration			: underline;
}

a.toclink:hover 
{
	text-decoration			: none;
}

/* Removing the padding here 2px can't see any difference so replaced */
table.contenttoc 
{
	border				: 1px solid #FFFFFF;
	padding				: 2px;
	margin-left			: 2px;
	margin-bottom			: 2px;
}

/* Removing the padding-left 4px didn't seem to make any changes so replaced */
table.contenttoc th 
{
	background			: #E1DECF;
	color				: #C20A28;
	text-align			: left;
	padding-top			: 2px;
	padding-left			: 4px;
	height				: 21px;
	font-weight			: bold;
	font-size			: 11px;
	text-transform			: uppercase;
}

.button 
{
	margin-top			: 3px;
	margin-bottom			: 3px;
	padding-left			: 5px;
	padding-right			: 5px;
	border				: solid 1px #ADAA9C;
	background-color		: #E1DECF;
	color				: #000000;
	font-family			: Arial, Helvetica, Sans Serif;
	text-align			: center;
	font-size			: 11px;
}

.sectiontableheader 
{
	background			: #E1DECF;
	height				: 20px;
	padding-right			: 3px;
	font-weight 			: bold;
}

table.contentpane td.contentdescription 
{
	font-size			: 12px;
	line-height			: 18px;
}

/* Removing the padding-left 3px didn't seem to make any changes so replaced */
table.contentpane td.componentheading 
{
	background			: #E1DECF;
	height				: 20px;
	padding-left			: 3px;
	border				: 1px solid #FFFFFF;
	color				: #C20A28;
	text-align			: left;
	padding-bottom			: 3px;
	white-space			: nowrap;
	font-family			: Arial;
	font-size			: 14px;
	font-weight			: bold;
}

table.contentpane td 
{
	padding-top			: 1px;
	padding-bottom			: 2px;
	font-size			: 12px;
}

a:link, a:visited 
{
	font-family			: Arial;
	color				: #000000;
	text-decoration			: underline;
}

a:hover 
{
	text-decoration			: none;
}	

table.contentpaneopen 
{
	width				: 100%;
}

table.contentpaneopen td 
{
	line-height			: 18px;
	font-size			: 12px;
}

/* Removing the padding-left 3px moved the article headings level with the left of the red underlines */
table.contentpaneopen td.contentheading 
{
	height				: 20px;
	padding-left			: 0px;
	padding-right			: 15px;
	color				: #666;
	text-align			: left;
	white-space			: nowrap;
	font-family			: Arial;
	font-size			: 14px;
	font-weight			: bold;
	border-bottom			: 1px solid #c90f0f;
}


a.sublevel:link, a.sublevel:visited 
{
	font-size			: 10px;
	color				: #000000;
	text-align			: left;
	text-decoration			: underline;
	vertical-align			: middle;
	
}

a.sublevel:hover 
{
	text-decoration			: none;

}


/* Removing the padding-left 3px didn't seem to make any changes so replaced */
a.mainlevel:link, a.mainlevel:visited 
{
	display				: block;
	vertical-align			: middle;
	font-size			: 10px;
	text-align			: left;
	padding-left			: 3px;
	padding-top			: 5px;
	height				: 16px;
	width				: 90px;
	text-decoration			: none;
	border-bottom			: 1px solid #e4e4e4;	
	color				: #666;

}


a.mainlevel:hover 
{
	text-decoration			: none;
	color				: #c90f0f;
	border-bottom			: 1px solid #c90f0f;
}

/* Removing the margin-left 3px the menu items (news, review...) and menu heading (main manu, usermenu) to left */
/* Changed margin-left to 13px to compensate for removing margin in index.php, then changed to 20px to centre in column */
/* but had to change back to 16 as far right column moved out */
table.moduletable 
{
	width				: 100px;
	margin-left			: 16px;
	margin-bottom			: 5px;
	border-spacing			: 0px;
	border-collapse			: collapse;
}

/* Removing the padding-left here 6px the menu items (Main Menu, User Menu, Login Form...) all moved to the left in line with Hi New User text */
/* changed padding-left to 4px to balance on left with menu items */
table.moduletable th 
{
	color				: #c90f0f;
	text-align			: left;
	vertical-align			: middle;
	padding-left			: 4px;
	height				: 20px;
	font-weight			: bold;
	font-size			: 12px;
	font-family			: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}

/* Removing the padding-left here 2px the menu items (news, review...) all moved to the left inc underline */
/* Removing the margin 10px the menu items (news, review...) didn't seem to make any changes */
/* Replaced padding-left to 2px to offer some space between left of frame and mene items (news, review...) */
table.moduletable td 
{
	margin-top			: 12px;
	padding-left			: 2px;
	font-size			: 11px;
	margin				: 0px;
	font-weight			: normal;
}

td 
{
	font-family			: Arial;
	font-size			: 11px;
	color				: #3C3032;
}

/* Removing the padding-left 18px and padding-right 10px didn't seem to make any change so replaced */
.mymoduletdmiddle 
{
	background			: url(../images/module_middle_graphic.gif) repeat-y;
	padding-left			: 18px;
	padding-right			: 10px;
}

.mymoduletdheader 
{
	background			: url(../images/module_top_graphic.gif) no-repeat;
	height				: 13px;
}

.mymoduletdfooter 
{
	background			: url(../images/module_footer_graphic.gif) no-repeat;
	height				: 10px;
}

.mymodulebg 
{
	background			: url(../images/general_module_bg.jpg) no-repeat right bottom;
	height				: 110px;
}

/* Removing the padding-top 3px and padding-left 5px and padding-right 23 px didn't seem to make any change (increasing right to 50 no change) so replaced */
.mymainbody 
{
	padding-top			: 3px;
	padding-left			: 5px;
	padding-right			: 23px;
}

.inputbox 
{
	font-size			: 10px;
	font-family			: verdana;
	border				: solid 1px #ADAA9C;
	background-color		: #F3F0E1;
}

/* -------------------------- */

a.sgfooter:link, a.sgfooter:visited 
{
	color				: #333;
	font-size			: 11px;
	font-family			: Arial;
	text-decoration			: none;
}

a.sgfooter:hover 
{
	color				: #333;
	font-family			: Arial;
	text-decoration			: none;
}

#sgf 
{
	margin				: 14px 0px 0px 0;
}

.sgf 
{
	text-align			: right;
	font-size			: 9px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #333;
	text-decoration			: none;
}

.sgf1 
{
	font-size			: 10px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #333;
	text-align			: left;
}

a.sglink:link, a.sglink:visited 
{
	color				: #333;
	font-size			: 11px;
	font-family			: Arial;
	text-decoration			: none;
}

a.sglink:hover 
{
	color				: #333;
	font-family			: Arial;
	text-decoration			: none;
}