/*------------------------------------------------------------------------------
| Css layout. -- http://www.maxdesign.com.au/presentation/liquid/example13.htm |
------------------------------------------------------------------------------*/

		#banner
		{
			float: left;
			width: 94%;
		}
		
		.clearboth { clear: both; }
		
		.spacer
		{
			float: left;
			width: 3%;
		}
		
		#rowPhoto
		{
			margin-top: 10px;
			float: left;
			margin-left: 3%; 
			width: 19%;
			/* background-color: #bbb;*/
		}
		
		#newRow1col1
		{
			margin-top: 10px;
			float: left;
			margin-left: 2%; /* 4% */
			width: 29%; 
			/* background-color: #bbb; */
		}
		
		#newRow1col2
		{
			margin-top: 20px;
			float: left;
			margin-left: 2%; /* 4% */
			width: 130px;
			/* background-color: #bbb; */
		}
		
		#newRow1col2a
		{
			margin-top: 20px;
			float: left;
			margin-left: 2%; /* 4% */
			width: 120px;
			/* background-color: #bbb; */
		}
		
		#newRow1col3
		{
			margin-top: 10px;
			float: left;
			margin-left: 2%; /* 4% */
			width: 29%; 
			/* background-color: #bbb; */
		}
		
		#newRow1col4
		{
			margin-top: 10px;
			float: left;
			margin-left: 2%; /* 4% */
			width: 160px;
			/* background-color: #bbb; */
		}

		#forum
		{
			margin-top: 20px;
			float: left;
			margin-left: 2%; /* 4% */
			width: 70%;
			/* background-color: #bbb; */
		}
			
				
		#row1col1
		{
			margin-top: 10px;
			float: left;
			margin-left: 5%; /* 4% */
			width: 46%;
			/* background-color: #bbb; */
		}
		
		#row1col2
		{
			margin-top: 10px; /* 10px  150px; */
			float: left;
			margin-left: 3%;
			width: 25%;
			/* width: 45%; */
		}
		
		#row1acol1
		{
			margin-top: 10px;
			float: left;
			margin-left: 1%; /* 4% */
			width: 60%; /* 60% */
			/* background-color: #bbb; */
		}
		
		#row1aphoto
		{
			margin-top: 10px;
			float: left;
			margin-left: 1%;
			width: 12%;
			/* width: 45%; */
		}
		
		
		#row1acol2
		{
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 30%;
			/* width: 45%; */
		}
		
		#row2col1
		{
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 48%;
		}
		
		#row2col2
		{
			margin-top: 10px;
			float: left;
			width: 20%;
		}
		
		#newRow2col2
		{
			margin-left: 3%;
			margin-top: 20px;
			float: left;
			width: 20%;
		}
		
		#row2col3
		{
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 20%;
		}
		
		#row3col1
		{
			margin-top: 10px;
			float: left;
			width: 71%;
		}
		
		#row3col2
		{
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 20%;
		}
		
		#row4col1
		{
			margin-top: 10px;
			float: left;
			width: 20%;
		}
		
		#row4col2
		{
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 71%;
		}
		
		#footer
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			width: 94%;

			text-align: right;
		}

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

body { scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color:  #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; }

/*---------------------------------------
| General font families for common tags |
---------------------------------------*/

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

a:link,a:visited,a:active { color: #006699; }

a:hover	{ text-decoration: underline; color : #DD6900; }

hr { height: 0px; border-top: 1px solid #99CCFF; }

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

/* .bodyline { background-color: #99CCFF; border: 1px solid #336699; } */
.bodyline { border: 1px solid #336699; }

/* .bodyline2 { background-color: #99CCFF; border: 1px solid #336699; } */
.bodyline2 { background-color: #FFFFFF; border: 1px solid #336699; }

/* .bodyline3 { background-color: #FFFFFF; border: 1px solid #336699; } */
.bodyline3 { background-color: #FFFFFF; border: 1px solid #336699; }

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

.bannerline { background-color: #FFFFFF; border: 3px ridge #99CCFF; }  /* added */

.forumline { background-color: #99CCFF; border: 3px ridge #99CCFF; }  /* .forumline { background-color: #99CCFF; border: 3px ridge #99CCFF; } */

.otherline { background-color: #C0E0FF; border: 1px solid #6699CC; }

/*-----------------------------------------
| Main table cell colours and backgrounds |
-----------------------------------------*/

td.row1	{ background-color: #FFFFFF; }  /* td.row1	{ background-color: #D4EAFE; }  */

td.row2	{ background-color: #FFFFFF; }  /* td.row2	{ background-color: #C0E0FF; }  */

td.row3	{ background-color: #FFFFFF; }  /* td.row3	{ background-color: #ADD6FE; }  */

/*---------------------------------------------------------
| Header cells - the blue and silver gradient backgrounds |
---------------------------------------------------------*/

th { color: #FFFFFF; font-size: 11px; font-weight: bold; background-color: #336699; height: 28px; }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-color: #D1D7DC; 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: 28px; }

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; height: 28px; }

td.row3Right,td.spaceRow { background-color: #6699CC; }

th.thHead,td.catHead { font-size: 12px; }

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

.maintitle,h1,h2 { font: bold 22px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration: none; color: #000000; }

/*--------------
| General text |
--------------*/

.gen { font-size: 12px; }

.genmed { font-size: 11px; }

.gensmall { font-size: 10px; }

.gen,.genmed,.gensmall { color: #000000; }

a.gen:link,a.gen:visited,a.gen:active,a.genmed:link,a.genmed:visited,a.genmed:active,a.gensmall:link,a.gensmall:visited,a.gensmall:active { color: #006699; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }

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

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

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

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

/*-----------------------
| Forum category titles |
-----------------------*/

.cattitle { font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #006699 }

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

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

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

.forumlink { font-weight: bold; font-size: 12px; color: #006699; } 

.homepagelink { font-weight: bold; font-size: 18px; color: #006699; } 

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

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

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

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

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

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

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

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

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

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

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

.postbody { font-size: 12px; }

a.postlink:link,a.postlink:active { text-decoration: none; color: #006699; }

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

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

/*---------------------
| Quote & Code blocks |
---------------------*/

.code { font: normal 11px Courier,'Courier New',sans-serif; color: #336699; background-color: #99CCFF; border: 1px solid #336699; }

.quote { font: normal 11px/125% Verdana,Arial,Helvetica,sans-serif; color: #336699; background-color: #99CCFF; border: 1px solid #336699; }

/*---------------------------
| Copyright and bottom info |
---------------------------*/

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

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

a.copyright:hover { color: #000000; text-decoration: underline; }

/*---------------
| Form elements |
---------------*/

input,textarea,select { color: #000000; font: normal 11px Verdana,Arial,Helvetica,sans-serif; border-color: #000000; }

/*-----------------------------------------
| The text input fields background colour |
-----------------------------------------*/

input.post,textarea.post,select { background-color: #FFFFFF; }

input { text-indent: 2px; }

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

input.button { background-color: #EFEFEF; color: #000000; font: normal 11px Verdana,Arial,Helvetica,sans-serif; }

/*-------------------------------
| The main submit button option |
-------------------------------*/

input.mainoption { background-color: #FAFAFA; font-weight: bold; }

/*-------------------------
| None-bold submit button |
-------------------------*/

input.liteoption { background-color: #FAFAFA; 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: #C0E0FF; border-style: none; }