/****************************************
Made by Baldeep Birak
© Baldeep Birak 2008 and beyond
Colour Changes (since w3c does not recognise)
lightsteelblue - #B0C4DE
lightslategrey -  #778899
lightcyan - #638000
More colours available:
- http://www.draac.com/colorconvert.html
http://html-color-codes.com/
****************************************/

/******************** Center Page Content ********************/
#container{	/*****Centers Page Content*****/
	min-width: 770px; /*59.2em;*/
	max-width: 1020px; /*71.8em;*/
	margin: -0.63em auto 0em auto;
}

/******************** Body of Page ********************/
body {
	background: url("") repeat #EAEBEE;
	color: black;
	font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	z-index:0;
}

/******************** HTML Content on page ********************/
.pageContent {
	background: #FFF;
	color:black;
	margin:-2px auto -10px auto;
	min-height:500px;
}

.pageContent a:visited {
	color: blue;
}
	
.pageContent a:hover {
	color: blue;
}

/******************** Navigation Bar (AKA Page Header) ********************/
.pageHeader{
	background: url("/images/menus/headbg02.png") repeat #CC0000;
	font-size: 8pt;
	font-weight: bold;
	height: 60px;
	margin:-10px auto 0px auto;
	position:relative; 
}

.headerTitle a{
	color: #FFFFFF;
	float:left;
	font: 19pt Arial, Helvetica, sans-serif;
	margin: 0em 0.5em 0em 0em;
	padding: 0em 1em 0em 0.5em;
	text-align:left;
	text-decoration: none; 
}

.headerTitle  a:hover{
	color: #FFFFFF;
}

.headerSearch{
	float:right;
	margin-right:-0.7em;
	margin-top:0.2em;
	position:relative;
	text-align:right;
	vertical-align: middle;
	width:36em;
	z-index:2; 
}

.headerSearchBox{
	background: url("") repeat #FFF;
	border: 0.1em solid #CC0000;
	height: 1.11em;
	width: 15.2em; 
}

.headerSelect{
	height:1.4em;
}

.headerLinks{
	color:#000;
	font-weight: bold;
	text-align:right;	
	margin:-20px 5px 0px 0px;
	position:relative;
	z-index:2;
}

.headerLinks a, .headerLinks a:active{
	color:#FFF;
	font-weight: bold;
	margin-left: 10px;
	padding: 5px;
	text-decoration:none;
}

.headerLinks a:hover{
	color:#FFF;
	text-decoration:underline;
}
/******************** Begin Side Menu ********************/

.sideMenu{
	background: top repeat-x #FEFDFB;
	border: 0.07em solid #FFCC99;
	float:left;
	min-height:28.6em;
	margin: 0.1em 1.4em 2.3em 0em;	
	width:10em;
}

.sideMenuBar { /**Shows Underline**/
	border: 0.15em solid #CCCCCC;
	height: 0px;  
	margin-top: -0.2em;
	margin-bottom: 0em;
}

.sideMenu li {
/*	color: #000; */
	margin-left: -1.35em;
	list-style-type: none;	
}

.sideMenu li a:hover {
	background-color: #5D5B46;
	color: #FFF;
}

.sideMenu ul {
	margin-left: -1.6em;
	margin-top: 0.2em;
}

.ulNavHeader, .ulNavHeader li{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0.2em;
	padding: 0.25em 0em 0.2em 0.40em;
	text-align:left;
}

.ulNavFooter, .ulNavFooter li{
	font: 12px Arial;
	padding: 0.2em 0em 0.3em 1.55em; /**Repeated below to make it work properly**/
	text-align: left;
}

.ulNavFooter a{
	color: #000;
	display: block;
	margin: -0.2em 0em -0.3em -1.6em;
	padding: 0.2em 0em 0.25em 1.6em; /**This cancels it out and makes block work well**/
	text-decoration:none;	
}

.ulNavHeader a{
	color: #000;
	display: block;
	margin: -0.2em 0em -0.2em -0.35em;
	padding: 0.2em 0em 0.2em 0.35em;		
	text-decoration:none;	
}

.ulNavHeader a:visited, .ulNavFooter a:visited{
	color: #000;
}

.ulNavHeader a:hover, .ulNavFooter a:hover{
	color: #FFF;
	text-decoration: underline;
}

.menuTitle{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.subTitle{
	font-weight: bold;
	font-size: 14px;
	margin-top:-0.3em;
	padding-left:0.35em;
}

.subTitle a:hover{
	color:#FFFFFF;
}

#activeLink{ /**Becomes highlighted and indents**/
	background-color: #443E3B;
	color: #FFF;
}
	/******************** Page with Side Menu ********************/

	.contentCenteredWMenu{
		min-width:42em;
		max-width:1020px;
		margin-left:10em;
	}

/******************** End Side Menu ********************/

/******************** 'A' TAGS ********************/
a:active {
	color: blue;
}

a:hover {
	background-color: transparent;
	color: blue;
	text-decoration: none;
}

a:visited {
	/**color: blue;**/
}

/******************** Contact US ********************/
.contentCentered{
	width:600px;
	text-align:left;	
	margin: auto;
}

.contentLeft{
	width:500px;
	text-align:left;	
	margin: auto;
}

/******************** Fieldsets ********************/
.fieldCol{
	border: 0.07em solid #000099;
	background-color:#E0E0E0;
	color:#0000FF;
}
.legCol{
	border: 0.07em solid #000099;	
	background-color:#E0E0E0;
	padding: 0.35em 0.8em;
}

/******************** Forms ********************/
.formTextBox{
	border: 0.07em solid #443E3B;
}

.formLogin{
	font-weight: bold;
	font-size: 10pt;
	width:38em;
	height:9em;
	margin-left:auto;
	margin-right:auto;
}

/******************** Form Validation ********************/
.formError{
	color:#FF0000; 
	font-family: Verdana, Arial, sans-serif;
	text-align:center;
}

.formSuccess{
	color:#66CC00;
	font-family : Verdana, Arial, sans-serif; 
	text-align:center;	
}

/******************** Headings ********************/
h1 {
	color: #D80000;
	font: 26pt "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align: center;
}

h2 {
	color: #5D5B46;
	font: 20pt "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align: center;
}

/******************** Image Settings ********************/
img{ /**By Default images should have no border**/
	border: 0em;
}

/**********Actual Images**********/
.imgIcons{   /**Footer Buttons and RSS Feed**/
	margin: 1px auto -2px auto;
}
/******************** Tables ********************/

/********* Tables settings Universal *********/

table{
	border-collapse: collapse;
	font-family: arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

th{
	background: url("") repeat #9BC1FF; 
	color:#000;
}


.color0 {/*Colour coding rows*/
	background-color: #FEFEDD;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	color: #000000;
	padding-left:3px;
	padding-right:3px;
}

.color1 {/*Colour coding rows*/
	background-color: #F7F0BE;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	color: #000000;
	padding-left:3px;
	padding-right:3px;
}

.col0, .col1, .col2 {/*Colour coding columns*/
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	color: #000000;
	padding-left:3px;
	padding-right:3px;
	text-align: justify;
}

.col0 {/*Colour coding columns*/
	background-color: #A5FFAB;
}

.col1 {/*Colour coding columns*/
	background-color: #A0FFE7;
}

.col2 {/*Colour coding columns*/
	background-color: #FF0000;
}

/********** Table Indiv Settings **********/
.tableCompare td.left{
	text-align: justify;
}

.tableCompare a:hover{
	color:blue;
}

.tableLeft{
	text-align: justify;
}

.tableResults{
	width:600px;
}

.tableStretch{
	text-align: justify;
	width: 100%;
}
/******************** Other CSS ********************/

/******************** Standard Tags ********************/
label.nodisplay { /**Used for Accessibility**/
	display:none;
}

p, .paragraph {
	line-height: 14px;
	margin: 20px 20px 20px 20px;
	text-align: justify;
}

ul.paragraph{
	margin-left: -5px;
	line-height: 18px;
}

/********** Forum Navigation **********/
.forumNav{
	background: #EC0000;
	border: 1px solid #0B198C;
	border-right: 1px solid #0B198C;
	color: #FFF;
	float: right;
	font: bold 8pt Arial;
	margin: 0px 20px 0px 0px;
}

.link {
	background: #DEE1EF;
	border-left: 1px solid #EC0000;
	border-right: 0px solid #EC0000;
	border-bottom: 1px solid #0B198C;
	border-top: 1px solid #0B198C;
	color: #000;
	padding: 1px 4px 1px 5px;
}


.forumNav a{
	background: #F5F5FF;
	border-left: 2px solid #F5F5FF;	
	border-right: 0px solid #F5F5FF;
	margin: 1px 0px 1px 0px;
	padding: 1px 3px 1px 3px;
}

.forumNav a:hover{
	background: #F5F5FF;
	color: #FF0000;
}

/***** Forum Tables *****/
.catTab{ /**Cat and Topic Table**/
	min-width:560px;
	width: 100%;
}

.catTab a:hover /**highlight top poster, topic and other links**/{
	color: #EC0000;
}

.catTab .color0 td, .catTab .color1 td {
	border-width: 0px 0px 0px 0px;
}

.catTab th{
	background:#FFF;
	padding-left: 5px;
}

.catHead{
	background:#443E3B;
	border-bottom: 2px inset #FFF;
	border-top: 2px outset #FFF;
	border-left: 2px outset #FFF;
	border-right: 2px inset #FFF;	
	color: #FFF;
	font: bold 12pt Arial;
	text-align: left;
	padding-left: 5px;
}

.catFoot a:hover{
	color: red;
	text-decoration:underline;
}

.lastPost{
	font: 8pt Arial; 
	width:180px;
}

.topName{ /**Topic anc Cat Desc**/
	font: bold 10pt Arial;
}

.topDesc{ /**Topic anc Cat Name**/
	font: 10pt Arial;
	padding-right: 5px;
}

.iconSH{
	border: 0px;
	height:21px;
	margin: auto auto auto auto;
	vertical-align: middle;
	width: 21px;
}

.links{ /**Forum Login Links**/
	color: #EC0000;
	font: 10pt Arial;
	padding-left: 3px; 
	padding-right:3px;
}

.links a:hover {
	background: #DEE1EF;
	color: red;
}

/**#tbody1 a.members:hover //highlight top poster just before click
{
	color: #EC0000;
}**/

/***** Forum Section *****/
/*Current Taken out*/
.loginBox{
	margin-bottom:10px;
}

/***** Search Engine *****/

.sImage{
	border:0px;
	margin:-1px 0px 0px -1px;
	max-width:120px; 
	max-height:90px;
}

.sComments{
	font-size: 10pt;
	padding-left:5px; 
	text-align:left;
	vertical-align:top;
}

.sComments span{
	color:red; 
	font-weight: bold;
	font-size: 8pt;
}

.sComments a:hover{
	color:blue; 
	text-decoration:none;
}

.sListed{
	text-align:Left; 
	margin-left: 0.2em;
}

.sFoot{
	text-align:right; 
	margin-right: 0.2em;
}

.sUpdate{
	color:red; 
	font-weight: bold;
	font-size: 8pt;
	float:left; 
	margin-left:0.2em;
}

/******************** Page Footer ********************/
.pageFooter {
	background: url("/images/menus/footbg01.png") repeat #000000;
	font: 8pt Arial;
	height: 24px;
	margin: 0px auto 0px auto;
}

.pageFooter a:hover{
	color:#FFFFFF;
	text-decoration: underline;

}

.footerItem{
	border: 0px;
	color:#FFFFFF;
	float:left;
	margin: 5px 10px 5px 10px;
	text-align:center;
	text-decoration:none;
	vertical-align: middle;	
}

.vertcenter{	/**Used to v-align footer text as it does not without floats**/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	max-width:300px;
}

/******************** ERRORS - 404 ********************/
.error404{
	border: 1px dashed black;
	text-align:left;
	margin:auto;
}

.error404 th{
	color: rgb(204, 0, 0);
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 18pt;
	font-style: italic;
}

/******************** Filetypes: icons ********************/
/**http://www.iconfinder.net**/

/* External links - keep first as icon hidden if file download*/
a[href^="http://"], a[href^="https://"] {
background: url(/images/icons/external.png) center right no-repeat;
display:inline-block;
padding-right:15px;
line-height:15px;
}

/* Archive documents links */
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] {
background:transparent url(/images/icons/filetypes/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Excel document links */
a[href$='.xls'] {
background:transparent url(/images/icons/filetypes/xls.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* PDF document links */
a[href$='.pdf'] {
background:transparent url(/images/icons/filetypes/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Powerpoint document links */
a[href$='.ppt'] {
background:transparent url(/images/icons/filetypes/ppt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Text Files and RTFs */
a[href$='.rtf'], a[href$='.txt'] {
background:transparent url(/images/icons/filetypes/txt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Word document links */
a[href$='.doc'], a[href$='.docx'] {
background:transparent url(/images/icons/filetypes/doc.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}
 
/* Contact us and Mailto: links */
a[href^="contactme.php"], .contact {
background:transparent url(/images/icons/filetypes/mail.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/******************** INDIV PAGES ********************/
/***** Home Page*****/