/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
text-align:center;
	color: #334377;
	background-color: #FFFFFF;
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { 
font-family: Arial, Helvetica, Sans-serif; 
}
a:link,a:active { 
color : #334377; 
text-decoration: underline; 
}

a:visited { 
color : #334377; 
text-decoration: none; 
}
a:hover{ 
text-decoration: underline; 

}

hr{ 
height: 0px; 
border: 1px solid #CC0000; 
}
#utility-nav a{
text-decoration: none;
}
#utility-nav a:hover{
text-decoration: underline;
}

/* This is the border line & background colour round the entire page */
.bodyline{ 
margin: 0px;
padding: 0px;
}

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

.forumline th{ 
height: 29px;
color: #334377;
font-size: 0.8em;
background-color: #FFFFFF;
background-image: url(/images/bgnd-th-forumline.gif);
background-repeat: repeat-x;
background-position: top left;

}


/* Main table cell colours and backgrounds */
td.row1, td.row3	{ 
background-color: #e6f3fb; 
padding: 5px;
}
td.row2, td.row4	{ 
background-color: #C6E0F1; 
padding: 5px;
}
td.row3	{ 
background-color: #e6f3fb; 
padding: 5px;
}


/*
  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: #e6f3fb;
		/*background-image: url(templates/subSilver/images/{T_TH_CLASS3});
		background-repeat: repeat-y;*/
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
	background-color: #2E49A2; height: 25px; text-align: left;
	/*background-image: url(templates/subSilver/images/{T_TH_CLASS2});*/
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			/*background-image: url(templates/subSilver/images/{T_TH_CLASS1});*/
			background-color:#e6f3fb; 
			  /*border: {T_TH_COLOR3}; border-style: solid; height: 28px;*/
}

td.catHeadWhoisOnline{
			/*background-image: url(templates/subSilver/images/{T_TH_CLASS1});*/ text-align: left;
			background-color:#e6f3fb;  /*border: {T_TH_COLOR3}; 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; padding: 0 0 0 5px; border-top: 3px solid #ffffff; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; background-image: url(/images/bgnd-th-forumline.gif); }
th.thCornerR { border-width: 0px 0px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
font-size: 1em;
color: #334377;
font-family: Arial;
margin: 8px 0 5px 0;
font-weight: 600;
}

/* General text */
.gen { font-size : 0.85em; 
}
.genmed { 
font-size : 0.8em; 
}
span.genmed a.genmed { 
font-size : 0.9em; 
}
.gensmall { 
font-size :  0.75em; 
text-align: center;
}
.gen,.genmed,.gensmall { 
color : #334377; 
}
a.gen,a.genmed,a.gensmall { 
color: #334377; 
text-decoration: underline; 
}
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ 
color: #cc0000; 
text-decoration: underline; 
}

/* The register, login, search etc links at the top of the page */
.mainmenu		{ 
font-size : 0.9em; 
color : #334377 ;
margin: 0px;
padding: 0px;
}
a.mainmenu		{ 
margin: 0px;
padding: 0px;
text-decoration: none; 
color : #334377  
}
a.mainmenu:hover{ 
text-decoration: underline; 
color : #CC0000   
}

/* Forum category titles */
.cattitle		{ 
font-weight: bold; 
font-size: 0.9em ;
color : #324476;
}
a.cattitle		{ text-decoration: none; color : #324476; text-align: left; padding-left: 5px;}
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ 
font-weight: bold; 
font-size: 0.9em; 
color: #334377; 
}
a.forumlink 	{ 
text-decoration: none; 
color : #324476; 
}
a.forumlink:hover{ 
text-decoration: underline; 
color : #CC0000; 
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{ 
font-weight: normal; 
font-size: 0.9em;
}
a.nav{
text-decoration: none;
}
a.nav:hover{ 
text-decoration: underline; 
}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ 
font-weight: bold; 
font-size: 0.9em; 
color : #334377; 
}
a.topictitle:link   { 
text-decoration: none; 
color : #334377; 
}
a.topictitle:visited { 
text-decoration: none; 
color : #334377; 
}
a.topictitle:hover	{ 
text-decoration: underline; 
color : #CC0000; 
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ 
font-size : 0.8em; 
color : #334377;
}

/* Location, number of posts, post date etc */
.postdetails		{ 
font-size : 0.7em;
color : #334377; 
}

/* The content of the posts (body of text) */
.postbody { 
font-size : 0.8em; 
line-height: 18px;

}
a.postlink:link	{ 
text-decoration: none; 
color : #334377; 
}
a.postlink:visited { 
text-decoration: none; color : #334377; 
}
a.postlink:hover { 
text-decoration: underline; 
color : #cc0000
}

/* Quote & Code blocks */
.code { 
font-family: Arial, Helvetica, Sans-serif;  
font-size: 0.9em; 
color: #334377;
background-color: #FFFFFF; 
border: 1px solid #cccccc; 
}

.quote {
font-family: Arila, Helvetica, Sans-serif; 
font-style: italic;
font-size: 12px;
background-color: #F3FAFF;
border: 1px solid #D1E8F9;
}

/* Copyright and bottom info */
.copyright { 
width: 500px;
font-size: 0.8em; 
font-family: Arial, Helvetica, Sans-serif; 
color: #334377;
}
a.copyright { 
color: #334377; 
text-decoration: none;
}
a.copyright:hover { 
color: #cc0000; 
text-decoration: underline;
}

/* Form elements */
input,textarea, select {
font-size: 0.8em;
color: #334377;

}

/* The text input fields background colour */
input.post, textarea.post, select {
font-family: Arial, Helvetica, Sans-serif;
font-size: 0.9em;
}

input { 
text-indent : 2px; 
}

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : #334472;
	font-weight : bold;
	color: #CFE8FE;
	font-size: 1em;
	
}

/* None-bold submit button */
input.liteoption {
	background-color :  #CFE8FE;
	color: #334472;
}

/* 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: {T_TR_COLOR2}; border-style: none; }

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



a:link.dir,a:active.dir,a:visited.dir		{ color: #FFFFFF; text-decoration: none;}

font{
font-family: Arial, Helvetica, Sans-serif;
}
#leftcol{
width: 183px;
float: left;
padding: 0px;
}

#nav-base{
width: 183px;
background-image: url(/images/nav-base.gif);
background-repeat: no-repeat;
background-position: top right;
height: 23px;
margin: 0px;
float: left;
}

#promobox{
text-align: center;
border: none;
margin: 25px;
}

#mainnav{
background-color: #C10130;
font-family: Arial, Helvetic, Sans-serif;
width: 183px;
float: left;
font-size: 0.7em;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
padding: 0px;
margin: 0px;
}

#mainnav ul{
padding: 0px;
margin: 0px;
/*width: 183px;*/
}

#mainnav li{
border-bottom: 1px solid #FFFFFF;
list-style: none;
padding: 3px 0 4px 0;
list-style-image: url(/images/li-red.png);
list-style-position: inside;
}


#mainnav ul li a{
color: #ffffff;
font-weight: 600;
text-decoration: none;
margin: 0px 0 3px 0px;
height: 0px;
}



#mainnav ul li ul li a:hover{
text-decoration: underline;
}

#utility{
background-image: url(/images/red-bar-bgnd.png);
height: 20px;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 15px 0 5px;
border-bottom: 1px solid #FFFFFF;
background-color: #C10130;
text-align: right;
}

#utility div{
float: right;

}


#utility div ul{
padding: 0px;
margin: 0px;
}
#utility div ul li{
display: inline;
margin: 0 10px 0 10px;
list-style: none;
list-style-position: outside;
}

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

#utility a:hover{
text-decoration: underline;
}

/*#breadcrumb{
background-image: url(/images/blue-bar-bgnd.png);
height: 13px;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;
padding: 4px 4px 4px 10px;
border-bottom: 1px solid #FFFFFF;
}

#breadcrumb a{
color: #FFFFFF;
}

#breadcrumb div.right{
float: right;
font-size: 0.95em;
font-weight: 600;
text-transform: uppercase;
padding: 0px;
border: #CCCCCC;
width: 185px;
text-align: left;
}*/

#toolbar{
font-size: 0.9em;
line-height: 20px;
padding: 5px 0 5px 0;
text-align: left;
}

#toolbar table{
margin: 5px 2px 2px 2px;
width: 546px;
padding: 5px;
background-color: #ECF1F7;
}
#toolbar a{
text-decoration: none;
}

#toolbar img{
margin: 0 5px 0 5px;
}

h1.page-heading{
font-size: 1em;
color: #C10130;
font-family: Arial;
margin: 8px 0 5px 0;
}

table.outerBox { 
    border-left:1px solid #ECF1F7;
    border-right:1px solid #ECF1F7;
    border-top: 0px solid #ECF1F7;
    border-bottom:1px solid #ECF1F7;
	vertical-align: top;
}

/* Copyright and bottom info */
.advise		{ font-size: 9px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: 1px;}

.nav.h2{
font-size: 1.1em;
color: #173690;
}

form{
margin: 0px;
padding: 0px;
}

table, td{
vertical-align: top;
}

table{

}


.pageno{
font-size: 0.8em;
}

table.forum-toolbar{
font-size: 1.1em;
float: left;
margin-top: 10px;
margin-left: 10px;
}
table.forum-toolbar img{
margin-right: 5px;
}
table.forum-toolbar a{
font-size: 0.75em;
margin-left: 0px;
margin-right: 5px;
color: #334377;
}
table.forum-toolbar td{
text-align: left;
padding: 0px;
margin: 0px;
}

#content-wrapper-forum{
background-color: #FFFFFF;
margin: 0 19px 20px 15px; 
font-size: 1.05em;
color: #3C5396;
}

/*** IE Fix ***/
* html #content-wrapper-forum{ 
margin: 0 19px 20px 15px; 
}

#content-wrapper-forum .content{
/*background-image: url(/images/bgnd-cevents.jpg);
background-position: top left;
background-repeat: no-repeat;

background-image: url(/images/legs.jpg);
background-position: top right;
background-repeat: no-repeat;*/
font-size: 0.9em;
width: 542px;
float: right;
padding: 0 0 0 0;
margin: 0px;
}
#content-wrapper-forum .content p{
line-height: 18px;
margin-right: 10px;
}

#containergen{
background-image: url(/images/footer-general-white.jpg);
background-position:  bottom left;
background-repeat: no-repeat;
overflow: visible;
padding: 0 1px 1px 1px;
margin: 0 0 0 11px;
border: 1px none #000000;
}

#footer {
text-align: center;
padding: 0.3em 0;
font-size: 0.7em;
color: #4B85C8;
		
}
#footer img{
margin: 0 25px 0 25px;
}

iframe{
background-color: #ffffff;
}

table.forumline td.thCornerL{
background-color: #cc0000;
}

.inputbox{
padding: 0px;
height: 30px;
}

div.subnav ul li a{
text-decoration: none;
font-size: 0.8em;
}


#shell{
width: 778px;
margin: 5px auto 0px auto;
background-color: #FFFFFF;
padding: 0px;
/*background-color: #D6F2FA;*/
}


#breadcrumb{
font-size: 0.75em;
color: #3D5295;
margin: 25px 0 0 30px;
padding: 0px;
text-align: left;
}
#breadcrumb a{
color: #5394D4;

}

#breadcrumb .sep{
margin: 0 5px 0 5px;
}

















#search{
/*width: 220px;
height: 25px;*/
float: right;
margin: 15px 0px 5px 5px;
padding: 0px;
}

#search-boxx{
width: 100px;
margin: 0px;
padding: 2px;
font-size: 0.7em;
}
#search form{
margin: 0px;
padding: 0px;
}


.inputbox-ksearch{
padding-left: 2px;
padding-top: 2px;
margin-top: 3px;
font-size: 0.8em;
}


#searchbar{
margin: 36px auto 0 auto;
padding: 0 0 0 35px;
background-color: #0099CC;
width: 284px;
height: 25px;
color: #ffffff;
font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
font-weight: 500;
background-image: url(images/bgnd-searchbar.gif);
background-position: top left;
background-repeat: no-repeat;
}



#searchbar form{
padding: 0px;
margin: 0px;
float: left;
font-size: 10px;
margin-top: 5px;
}



#searchbar form p{
padding: 0px;
font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
margin: 0px 5px 0 0;
}



#searchbar form label{
margin-right: 10px;
font-size: 1.5em;
font-weight: bold;
float: left;
margin-top: -3px;
}



#searchbar form .inputbox-ksearch{
padding: 0px 2px 0px 7px;
border: 1px solid #FFFFFF;
height: 13px;
width: 110px;
margin-top: 0px;
color: #666666;
font-size: 0.9em;
text-align: left;
float: left;
margin-right: 6px;
}



#searchbar form.button{
float: left;
}