/* General page style. The scroll bar colours only visible in IE5.5+ */

body { 

	background-color:#F8F8F8;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;



	scrollbar-face-color: #7E98CB;

	scrollbar-highlight-color: #C4D2ED;

	scrollbar-shadow-color: #7E98CB;

	scrollbar-3dlight-color: #C4D2ED;

	scrollbar-arrow-color:  #021A4A;

	scrollbar-track-color: #C4D2ED;

	scrollbar-darkshadow-color: #021A4A;

}





/* General font families for common tags */

font{ font-family: Verdana, Arial, Helvetica, sans-serif, font-size : 2 }

p, td	{ font-family: Verdana, Arial, Helvetica, sans-serif, font-size : 2; }

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

a	{ color: #043698; text-decoration: none; }

a:hover	{ color: #A00000; text-decoration: none; }

h1, h2		{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}



/* This is the border line & background colour round the entire page */

.bodyline	{ background-color:#DEE7F3; border: #04369B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }



/* This is the outline round the main forum tables */

.forumline	{ background-color:#04369B; border: 2px #021A4A solid }



/*

  Main table cell colours and backgrounds

  Styles that use bitmap backgrounds are commented "Uses Bitmap"

  Note that netscape 4 takes paths to bitmap files relative from

  the html file rather than from the style sheet.

  Hence, to maintain compatibility, all styles using bitmaps have

  their "background : url(templates/Classic/images/bitmap.gif);"

  setting defined in overall_header.tpl

*/



TD		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

TH, TD.th		{ font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #7E98CB; height: 25px; font-size: 11px; font-weight: bold; color: #FFFF00; }  /* Uses Bitmap */

TD.row1		{ background-color: #f8f8f8 }

TD.row2		{ background-color: #f0f0f0 }

TD.row3		{ background-color: #f4f4f4 }



/* This is the spacer row between post replies */

TD.spaceRow { color:#FFFFFF; background-color: #04369B; border: #04369B; border-style: solid; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 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-color: #E1E8F5 } /* Uses Bitmap */





/*

  Setting additional nice 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.catSides, td.catLeft, td.catRight, td.catBottom { background-color:#E1E8F5; height: 28px; border: #ffffff; border-style: solid; }  /* Uses Bitmap */



TD.catHead	 { height: 29px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }

TD.catSides  { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

TD.catLeft	 { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }

TD.catRight	 { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

td.cat, td.catBottom { height: 29px; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }



th.thHead, th.thSides, th.thBottom, th.thCornerL, th.thCornerR { border: #ffffff; border-style: solid; }

th.thTop, th.thLeft, th.thRight, th.thCornerL, th.thCornerR { border: #04369B; }



TH.thHead	 { font-weight : bold; font-size: 12px; height: 25px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }

TH.thSides	 { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

TH.thTop	 { border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }

TH.thLeft	 { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }

TH.thRight	 { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

TH.thBottom  { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }

TH.thCornerL { border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }

TH.thCornerR { border-left-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }







/* The largest text used in the index page title and toptic title etc. */

.maintitle	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #3D5C98;}

.subtitle	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; text-decoration : none; line-height : 120%; color : #486FB7;}





a.sitename	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #043698;}

a:visited.sitename	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #003090;}

a:active.sitename	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : underline; line-height : 120%; color : #FF0000;}

a:hover.sitename	{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : underline; line-height : 120%; color : #A00000;}



/* General normal text */

.gen		{ font-size : 12px; color : #000000; }

a.gen		{ color: #043698; text-decoration: none; }

a:visited.gen		{ color: #003090; text-decoration: none; }

a:active.gen		{ color: #FF0000; text-decoration: underline; }

a:hover.gen	{ color: #E00000; text-decoration: underline; }





/* General medium text */

.genmed		{ font-size : 11px; color : #000000; }

a.genmed	{ text-decoration: none; color : #043698; }

a:visited.genmed	{ text-decoration: none; color : #003090; }

a:active.genmed	{ text-decoration: underline; color : #FF0000; }

a:hover.genmed	{ text-decoration: underline; color : #A00000; }





/* General small */

.gensmall	{ font-size : 10px; color : #000000; }

a.gensmall	{ color: #043698; text-decoration: none; }

a:visited.gensmall	{ color: #003090; text-decoration: none; }

a:active.gensmall	{ color: #FF0000; text-decoration: underline; }

a:hover.gensmall	{ color: #A00000; text-decoration: underline; }



/* Text on TD.SpaceRow */

.spaceRow	{ font-size : 10px; color : #FFFFFF; }

a.spaceRow	{ color: #FFFFFF; text-decoration: none; }

a:visited.spaceRow	{ color: #FFFFFF; text-decoration: none; }

a:active.spaceRow	{ color: #FF0000; text-decoration: underline; }

a:hover.spaceRow	{ color: #A00000; text-decoration: underline; }



/* The register, login, search etc links at the top of the page */

.mainmenu		{ font-size : 11px; text-decoration : none; color : #000000 }

a.mainmenu, a:visited.mainmenu		{ text-decoration: none; color : #000000;  }

a:active.mainmenu	{ text-decoration: underline; color : #FF0000; }

a:hover.mainmenu	{ text-decoration: underline; color : #A00000; }





/* Forum category titles */

.cattitle		{ font-size : 12px; letter-spacing: 1px; font-weight : bold; text-decoration : none; color : #043698}

a.cattitle		{ text-decoration: none; color : #043698; }

a:visited.cattitle		{ text-decoration: none; color : #003090; }

a:active.cattitle	{ text-decoration: underline; color : #FF0000; }

a:hover.cattitle	{ text-decoration: underline; color : #A00000; }





/* Forum title: Text and link to the forums used in: index.php */

.forumlink		{ font-size : 12px; font-weight : bold; text-decoration : none; color : #043698; }

a.forumlink		{ text-decoration: none; color : #043698; }

a:visited.forumlink		{ text-decoration: none; color : #003090; }

a:active.forumlink		{ text-decoration: underline; color : #FF0000; }

a:hover.forumlink	{ text-decoration: underline; color : #A00000; }





/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav			{ font-size : 11px; font-weight : bold; text-decoration : none; color : #000000;}

a.nav			{ text-decoration: none; color : #043698; }

a:visited.nav	{ text-decoration: none; color : #003090; }

a:active.nav	{ text-decoration: underline; color : #FF0000; }

a:hover.nav		{ text-decoration: underline; color : #A00000; }





/* titles for the topics: could specify viewed link colour too */

.topictitle		{ font-size : 11px; font-weight : bold; text-decoration : none; color : #000000; }

a.topictitle	{ text-decoration: none; color : #043698; }

a:visited.topictitle	{ text-decoration: none; color : #003090; }

a:active.topictitle	{ text-decoration: underline; color : #FF0000; }

a:hover.topictitle	{ text-decoration: underline; color : #A00000; }





/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name			{ font-size : 11px; text-decoration : none; color : #000000;}

a.name			{ color: #043698; text-decoration: none;}

a:visited.name	{ color: #003090; text-decoration: none;}

a:active.name	{ color: #FF0000; text-decoration: underline;}

a:hover.name	{ color: #A00000; text-decoration: underline;}





/* Location, number of posts, post date etc */

.postdetails		{ font-size : 10px; color : #000000; }

a.postdetails		{ color: #043698; text-decoration: none; }

a:visited.postdetails	{ color: #003090; text-decoration: none; }

a:active.postdetails	{ color: #FF0000; text-decoration: underline; }

a:hover.postdetails	{ color: #A00000; text-decoration: underline; }





/* The content of the posts (body of text) */

.postbody { font-size : 12px; line-height: 18px}

a.postlink	{ text-decoration: none; color : #043698 }

a:visited.postlink	{ text-decoration: none; color : #003090 }

a:active.postlink { text-decoration: underline; color : #FF0000}

a:hover.postlink { text-decoration: underline; color : #A00000}



/* Errors */

.error { font-size: 12px; font-weight: bold; color: #FFFFC0 }





/* Quote Code (currently not used) */

.code { 

	font-family: Courier, "Courier New", sans-serif; font-size: 11px; color: #001030;

	background-color: #F8F8F8; border: #04369B; border-style: solid;

	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px

}



.quote {

	font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #001030; line-height: 125%;

	background-color: #F8F8F8; border: #04369B; border-style: solid;

	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px

}



.editedby { font-size : 10px; line-height : 100%; color : #333333; }



/* Form elements */

input, textarea, select {

	color : #000000;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size : 11px;

	font-weight : normal;

	border-color : #000000;

}



/* The text input fields background colour */

input.post, textarea.post, select {

	background-color : #E9EEF7;

}



input { text-indent : 2px; }



/* The buttons used for bbCode styling in message post */

input.button {

	background-color : #E9EEF9;

	color : #000000;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size : 11px;

}



/* The main submit button option */

input.mainoption {

	background-color : #E9EEF6;

	font-weight : bold;

}



/* None-bold submit button */

input.liteoption {

	background-color : #E9EEF5;

	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: #C4D2ED; border-style: none; }



/* Copyright and bottom info */

.copyright		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; font-size: 10px; letter-spacing: -1px;}

a.copyright		{ color: #333333; text-decoration: none;}

a:hover.copyright { color: #000000; text-decoration: underline;}p            { margin-left: 5 }



div.left{ width :20%;float : left; }



div.middle{ width :60%; float : left; }



div.right{ width :15%;float : right; } 

div.textwrap{ width :60%; float : left; word-wrap: break-word; }