/* CSS Document */

body {
	background-image:url(images/backgrounds/body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#999999;
	margin:0;

}
a {
	color:#CC6666;
}
a:hover {
	border-bottom:1px solid
}
li {
	list-style-image:url(images/backgrounds/bullet.gif);
}
h1,h2,h3 {
	color:#996666;
	border-bottom:1px dashed #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	font-size:150%;
	padding-bottom:3px;
}
#container {
	width:780px;
	padding:10px;
	padding-top:0;
	margin:0 auto 0 auto;
	background-image:url(images/backgrounds/main.jpg);
	background-repeat:repeat-y;
}
#topcontainer {
	width:100%;
	clear:both;
}
#website_title {
	background-color:#990000;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	padding:10px;
	width:35%;
	float:left;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:30px;
	height:120px;
	font-weight:bold;
	border:1px solid #000000;
	
}
#menu {
	font-size:0.75em;
	background-color:#dddddd;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px;
	width:58%;
	float:right;
	height:120px;
	margin-bottom:20px;
}
#menu a {
	float:left;
	width:205px;
	background-image:url(images/backgrounds/menua.jpg);
	padding:4px;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-bottom:1px;
	margin-right:10px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover {
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-image:url(images/backgrounds/menuahover.jpg);
	background-position:bottom;
}
.content {
	clear:both;
	width:760px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	margin-right:200px;
	margin:0 auto 0 auto;
	line-height:20px;
	margin-bottom:10px;
}
.footercontent {
	clear:both;
	width:760px;
	padding:5px;
	background-color:#dddddd;
	border:1px solid #cccccc;
	margin-right:200px;
	margin:0 auto 0 auto;
	line-height:20px;
	margin-bottom:10px;
}
.footercontent a {
	font-weight:bold;
	text-decoration:none;
	color:#999999;
}
.footercontent a:hover {
	text-decoration:underline;
}

#footer {
	width:800px;
	margin:0 auto 0 auto;
	background-image:url(images/backgrounds/footer.jpg);
	height:20px;
}

.ab 
{ 
	padding-top: 3px; 
	clear : both; 
}

.bez 
{
	float: left;
	width: 80px;
	text-align: right;
	font-weight : bold; 
}

.formw {
	float: right;
	width: 290px;
	text-align: left; 
}

* This is the border line & background colour round the entire page */
.bodyline	{ }

/* This is the outline round the main forum tables */
.forumline	{  border: 2px #006699 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;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #ffffff; font-size: 11px; font-weight : bold;
	background-color: #555555; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#ffffff; 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	{
	font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #000000;
}