/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Chiswick Quay - Main Stylesheet
Author:		Alison Lee / Silktide Ltd
Created:	5th December 2005	
Updated:	

History:
05/12/2005
	Stylesheet created
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */
body						{ background: #53527c url("templatefiles/body-bg.jpg") repeat-x top left; font: 80% georgia, "times new roman", times, serif; padding: 0; margin: 0;}
h1						{ font-size: 1.7em; font-weight: normal; color: #53527C; padding-top: 20px; border-bottom: 1px solid #A4C6A4; padding-top: 20px; margin: 0 20px 10px 20px; }
h2						{ font-size: 1.5em; font-weight: normal; font-style: italic; color: #625FC3; margin-top: 1px; }
h3						{ font-size: 1.3em; font-weight: normal; font-style: italic; color: #625FC3; margin: 0; }
h4						{  }
p, .row li, .leftcontent li, .rightcontent li { font-size: 1.0em; line-height: 1.7em;  }
a							{ text-decoration: none; color: #625FC3; }
a:hover					{ color: #fff; }
img						{ border: 0; }
hr							{ height: 1px; clear: both; background: #A4C6A4; color: #A4C6A4; border: 0; margin: 5px 20px; }
form, table				{ background: transparent; font-size: 1.0em;  }
fieldset					{ border: 1px solid #A4C6A4; }
legend					{ color: #625FC3; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 5px 10px; }
.clear					{ clear: both; }
.center					{ text-align: center; }

/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  		{ width: 100%; min-width: 770px; min-height: 100%; height: auto; text-align: center; margin-bottom: -45px; } 
* html #container 	{ height: 100%; }

#header					{ height: 80px; background: #53527C url("templatefiles/header-bg.jpg") no-repeat bottom right; text-align: left; }
	#header img		{ margin: 25px 0 0 40px; }

#navigation			{ text-align: left; }
	#navigation ul		{ height: 27px; list-style-type: none; padding: 0; margin: 4px 0 0 2.5%; }
	#navigation li		{ width: 102px; height: 27px; float: left; font-size: 14px; text-align: center; line-height: 27px; padding: 0; margin: 0; margin-right: 4px; }
	#navigation li a	{ width: 100%; height: 100%; display: block; background: url("templatefiles/tab.jpg") no-repeat bottom left; color: #fff; }
	#navigation li a:hover	{ background: url("templatefiles/tab-on.jpg") no-repeat bottom left; color: #000; }
	#navigation #defaultselected a { background: url("templatefiles/tab-on.jpg") no-repeat bottom left; font-weight: normal; color: #000; }

#content				{ width: 96%; position: relative; background: #cfe2d1 url("templatefiles/content-bg.jpg") repeat-x top left; min-height: 330px; text-align: left; margin: 0 auto 0; }

	.row					{ width: 100%; }
	.row h2, .row p, .row li	{ text-align: left; }		
			
	.leftcontent		{ width: 40%; float: left; padding-bottom: 20px; }
	.rightcontent		{ padding-bottom: 20px; margin-left: 40%; }
	.rightimage			{ overflow: hidden; text-align: left; margin: 8px 20px 0 0; }

	.row .padding				{ padding-left: 20px; padding-right: 20px; }
	.leftcontent .padding	{ padding-left: 20px; }
	.rightcontent .padding	{ padding-right: 20px; }
	.rightimage .padding		{ padding-top: 0; padding-right: 0; }
	
	.row td				{ text-align: left; padding: 5px 0; }
	.row img			{ margin: 0 5px; }
	.leftcontent img, .rightcontent img, .rightimage img { margin: 0; }

#clearfooter			{ clear: both; height: 40px;}

#footer					{ width: 100%; height: 30px; clear: both; text-align: left; margin-top: 10px; }
	#footer p			{ font: 0.7em verdana, arial, helvetica, sans-serif; color: #cfe2d1; margin-left: 40px; }
	#footer a			{ color: #cfe2d1; }
	#footer a:hover	{ color: #fff; }
	
	
/* Members Area Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#membersarea #discussionnav	{ list-style-type: none; padding: 0; margin: 0; }
	#membersarea #discussionnav li	{ display: inline; background-color: #DFEBDF; font-weight: bold; text-align: center; border: 1px solid #A4C6A4; padding: 2px 5px; margin: 0 2px; }

	#membersarea .leftcontent		{ width: 180px; position: absolute; top: 60px; left: 0; }
	#membersarea .rightcontent		{ margin-left: 180px; }
	
	#membersarea .leftcontent ul	{ margin-left: 20px; }
	#membersarea .leftcontent li		{ color: #625FC3; }