*
{
	margin:				0;
	padding:			S;
	box-sizing: 		content-box;
}

/* colors and reminders - for information only */
foo#bar
{
	background-color:	#000000;		/* black */
	background-color:	#ffffff;		/* white */
	background-color:  	#35a448;		/* green "Envirowarm"  */
	background-color:  	#325f9e;		/* blue "Envirowarm"  */
	background-color:  	#afafa5;		/* grey-mid for site background  */   
	background-color:  	#b1b1b1;		/* grey-pale for maplegals  */ 
	background-color:  	#d4d9ca;		/* mid grey throughout site for box backgrounds  */  
	background-color:	#dfdfdf;		/* light grey thoughout the site, lines near content etc */
	background-color:	#76a6e68;		/* grey text for body and content */
	margin:             top right bottom left; /* just a reminder */

}

html 
{ 
	font-size: 			100.01%; 		/* IE hack */ 
	height:				100%;
}

/*	LAYOUT TAGS	*/

body
{
	font:				normal 70% Verdana, Arial, Helvetica, sans-serif;
	color:				#000000;		/* black */
	background-color:  	#afafa5;		/* grey-mid for site background  */
	border:				0;	
	min-height:			101%;
	width: 				auto;
}


/*	defaults 
these prevent cascading and dodgy sizing, specifically in IE5.x
*/

table, input, select, th, td { font-size: 100.01%; }

/*	STANDARD TAGS */

table
{
	/*border-collapse:	collapse;*/
}
a
{
	color:				#005f91;		/* mid blue links hrefs */
	text-decoration:	underline;
}

a:hover
{
	color:				#f7941d;		/* orange text - side menu rollover */
	text-decoration:	underline;
}

/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/


h1
{
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.6em;
 	margin-bottom:  	0.7em;
	margin-top:    		0.5em;
	line-height:		1.2em;
	color:				#325f9e;	/* blue "Envirowarm"  */
}

h2
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.3em;
 	margin-bottom:  	0.2em;
	color:				#35a448;		/* green "Envirowarm"  */
}

h3
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.3em;
 	margin-bottom:  	0.2em;
	color:				#325f9e;		/* blue "Envirowarm"  */
}

h4
{
	font-weight:		bold;
	font-size:			1.0em;
	margin-bottom:		1.0em;
}

h5									/* News page only */
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.3em;
 	margin-bottom:  	0.2em;
	margin-top:			0.3em;
	color:				#35a448;		/* green "Envirowarm"  */
}

p
{
	font-size:			1.0em;
	margin-bottom:		1.0em;
}

b
{
	color:				#3f3f3f;		/* grey heading for h2 / h3 bold and top menu*/
}

img
{
	border:			none;
}

ul, ol
{
	font-size:			1.0em;
	padding-left:		2.0em;
}

ul li, ol li
{
	margin-bottom:		0.8em;
}

ul
{
	margin-bottom:		1.0em;
}

.nocss
{
	display:			none;
}



/*
	table where th's are down the left and input boxes and such are in td's along the right
*/

div.clear
{
	font-size:		0;
	height:			0px;
	width:			0;
	overflow:		hidden;
	clear:			both;
}



/*

	outer and inner serve only to align background images and preserve the
	scrollbar for mozilla-based browsers. 

*/

div#outer
{
	text-align:			left;
	/* margin-top:			20px;	 */	
	margin-left:		auto;
	margin-right:		auto;
	width:				970px;
	min-height:			100.01%;
	background-color: #FFFFFF;
	background-image:	url(../img/background.png);
	
}


div#inner
{
	width:				896px;
	margin-left: 		24px;
	color:				#6a6e68;				/* grey text which applies to BODY of CONTENT*/
	margin-bottom:		10px;					/* some  space to scroll down to*/
	padding-top:  		20px;

}


/*  SITE LAYOUT

body >
outer >
inner >

|-------------------|
|head               | 
|-------------------|
|menu               |
|-------------------|
|bigbuttons         |
|-------------------|
|content and :      |
|                   |
|content     content|
|left        right  |
|                   |
|                   |
|                   |
|-------------------|
|foot               |
|-------------------|

*/

div#head
{
	height:				80px;
	width:				970px;
	background-color: 	#ffffff;
	text-align: 		right;
	background-image:	url(../img/head.png);
	background-repeat: 	no-repeat;
	margin-bottom:		17px;
}

div#head img
{
	float:				left;
	display:            block;
}


div#maplegals	  				/* controls for site map and legals buttons in top left */
{
	display:			block;
	margin-top:			20px;	/* sets distance from top of browser window */
	margin-left:		auto;
	margin-right:		auto;
	width:				970px;
	font-weight: 		normal;
	font-family:		Arial, Helvetica, Verdana, sans-serif;
	font-size: 			11px;
	color:				#000000;
	text-decoration:	none;
	background-color:	#FFFFFF;
	padding-top:  10px;
}

div#maplegals a
{
	color: 				#b1b1b1;		
	text-decoration:	underline;
	font-weight:		normal;
}

div#maplegals a:hover
{
	color: 				#35a448;		/* green "Envirowarm"  */
}

div#menu								/* strip menu across page superseded if graphics used of course*/
{
	margin-left:  		24px;
	height:			  	30px;
	width:            	846px;
	font-weight: 		normal;
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			14px;
	font-weight: 		bold;
	text-decoration:	none;
	vertical-align: 	center;	
	float: 				left;
}

div#menuline						/* Envirowarm green line under menu */
{
	width: 920px;
	height: 7px;
	background-color: #49a637;		/* Envirowarm green */
	margin-left:  24px;
	clear:left;
	_margin-top:  -3px;				/* HACK */
	
}



/*	MAIN CONTENT AREA   	NOTE: div#inner defines the colour of the page content text */ 

div#content			
{
	float: 					left;
	width: 					896px;
	background-color:		#FFFFFF;
	padding-top: 			0px;
}

div#content	img							/* Removes default padding, won't be perfect if there's text below so may need */ 
										/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
}


div#pagecontent							/* For the texts - goes full width of page inside grey box  */ 
{
	width:				896px;
	margin-left: 		0px;
}


div#pagecontent	img						/* Removes default padding, won't be perfect if there's text below so may need */ 
										/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
	margin-left: 			0px;
	padding-right: 			0px;
	padding-bottom: 		0px;	
}

div#pagecontent-left					/* For the texts - left hand side only  */ 
{
	width:  				594px;
	float: 					left;
	margin-left:   0px;
	background-color:		#FFFFFF;
	padding-top: 13px;
	line-height: 140%;
}

div#pagecontent-left img				/* Removes default padding, won't be perfect if there's text below so may need */ 
										/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
	padding-left: 			0px;
	padding-right: 			0px;
	padding-bottom: 		0px;
	margin-left: 			-10px;
	margin-top: 			-10px;
	margin-bottom:			5px;
	
}

div#pagecontent-lefttext					/* For the texts - left hand side only  */ 
{
	margin-left:   		20px;
	margin-top: 		5px;
	margin-bottom:		10px;
	width:  			552px;
	clear:				both;
	line-height: 		140%;
}

div#pagecontent-lefttext img				/* Removes default padding, won't be perfect if there's text below so may need */ 
										/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
	padding-left: 			10px;
	padding-right: 			0px;
	padding-bottom: 		0px;
	margin-left: 			0px;
	margin-top:   			5px;
}

div#pagecontent-righttext					/* For the texts - left hand side only  */ 
{
	margin-left:   			20px;
	width:  				552px;
	margin-top: 			5px;
	line-height: 			140%;
	margin-bottom:		10px;
	clear:both;
}

div#pagecontent-righttext img				/* Removes default padding, won't be perfect if there's text below so may need */ 
											/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
	padding-left: 			0px;
	padding-right: 			20px;
	padding-bottom: 		0px;
	margin-left: 			0px;
	margin-top:   			5px;
}



div#pagecontent-right					/* For the texts - right hand side only  */ 
{
	padding-top:			0px;
	padding-right:          9px;	
	_padding-right:          2px;	/* HACK */
	width:  				282px;
	_width:  				282px;	/* HACK */
	float: 					right;
	background-color:		#FFFFFF;
}

div#pagecontent-right img 			/* Removes default padding, won't be perfect if there's text below so may need */ 
										/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
	padding-left: 			0px;
	padding-right: 			0px;
	padding-bottom: 		7px;
}


div#pagecontent-address					/* For the texts - left hand side only  */ 
{
	margin-left:   		20px;
	margin-top: 		5px;
	width:  			572px;
	clear:				both;
	line-height: 		170%;
}


div#pagecontent-news							/* For the texts - goes full width of page inside grey box  */ 
{
	width:				866px;
	margin-left: 		20px;
	line-height: 		140%;
}


div#pagecontent-news img						/* Removes default padding, won't be perfect if there's text below so may need */ 
										/* to add style on the page.  Or add white space in the graphic itself */ 
{
	padding-top: 			0px;
	padding-left: 			10px;
	padding-right: 			0px;
	padding-bottom: 		0px;	
	margin-right:			0px;
}

.shadow							/* controls shadow lines between paras  */ 
{
	margin-left: 		10px;
}

div#shadow_news	img						/* controls shadow lines between news stories ie: PROJECT GALLERY */ 
{

	margin-left: 		-30px;
	padding-top: 100px;
}

div#shadow_news_header	img						/* controls shadow lines between news stories ie: PROJECT GALLERY */ 
{

	margin-left: 		-30px;
}




div#news			/* News area  */ 
{
	margin-top:			10px;
	margin-left: 		10px;
	_margin-left:       18px;			/* IE 6 HACK increasing left margin  */ 
	margin-right:		2px;
	min-height:			600px;			/* stops the right-hand images wandering if there's not much news  */ 
}

div#news img			
{
	padding:  	         2px;
	margin-right:        -10px;   		/* puts the images the right distance from the right side of the page */
}



/*	FOOTER AREA */

div#foot
{
	font-weight: 		bold;
	font-family:		Arial, Helvetica, Verdana, sans-serif;
	font-size: 			9px;
	text-decoration:	none;
	color: 				#ffffff;
	background-color:	#325f9e;			/* blue "Envirowarm"  */
	width:				896px;
	margin-left: 		24px;
	margin-top:   		0px;
	padding-top:	    0px;
	text-align: 		left;
	text-indent:  		12px;
	line-height:		18px;
}


div#foot img
{
	margin-left: 		-5px;
	margin-bottom:  	-6px;
	#margin-bottom:  	-2px;				/* HACK */
}


div#foot a
{
	color: 				#000000;
	margin-right: 		2px;
	text-decoration: 	none;
}

div#foot a:hover
{
	color: 				#f7941d;	/* orange text - same as side menu rollover */
}

/*
	HELPER STYLES
*/

div.imgleft
{
	float:left;
	clear: both;
	padding: 5px 10px 5px 0;
}

div.imgright
{
	float:right;
	clear: both;
	padding: 0px 5px 0px 0px;
}

hr
{
	display: block;
	margin-left: 10px;
	margin-right: 20px;
	clear: both;
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #d7e3e8;		/* light grey line */
}


/*
		PARAGRAPH CONTROLS FOR RIGHT HAND SIDE BLOCKS
*/

.green	/* grey block management for right hand side */
{
	color: #35a448;		/* green "Envirowarm"  */
}




/*Tiny MCE Stuff for editor system */

/*
	INPUTS / FORMS
*/

select.select
{
	width:				150px;
	border:				1px solid #666;
}

select.select option
{
	margin-right:		1em;
}

input.button
{
	width:				75px;
}

input.text,
input.textnormal,
input.textsmall,
input.textwide,
input.textthin,
textarea
{
	border:				1px solid #666;
	background-color:	#FFFFFF;	/* white */
	height:				1.5em;
}

input.text,
input.textnormal
{
	width:				250px;
}

input.texttiny
{
	width:				37px;
}

input.textsmall
{
	width:				75px;
}

input.textwide
{
	width:				300px;
}

input.textsubscribe
{
	width:				200px;
}

.admin textarea
{
	width:				300px;
	height:				300px;
}

textarea
{
	width:				300px;
	height:				80px;
}


/*
		ADMIN STUFF
*/

#admin textarea.Chan_Controls_TextBox
{
	height:	400px;
}

.mceContentBody
{
	background-color:	ffffff;			/* sets background colour of text box in news editor */
}


/*

ADMIN AND NEWS AREA

*/
div.adminpanel
{
	float:			left;
	margin-right:		5px;
}


table.listtable
{
	border-top:		1px solid #CCCCCC;
	border-left:		1px solid #CCCCCC;
}

table.listtable td,
table.listtable th
{
	vertical-align: 	top;
	border-right:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
	padding: 		5px;
	text-align:		left;
}

div.img_right
{
	float:			right;
	margin:			0 0 10px 10px;
}

div#contentnews
{
	float:			left;
	width:			743px;	
	padding-left:	    7px;
	background-color:	#ffffff;
}

div.hrnews
{
	margin:			0px;
	margin-left: -6px;
	margin-right: -3px;
	width:  597px;
	margin-bottom:  5px;
	height:			1px;
	font-size:		0;
	overflow:		hidden;
	background-color:	#cccccc;
}