/*	TYPOGRAPHY COLOURS
-----------------------------------*/

.darkGreen								{color: #006737;}
.lightGreen								{color: #009244;}


/*	Main Content 
------------------------------------ */
h1										{ font-size: 3em; }

.typography h1							{ font-size: 5em; 
										  margin-bottom: 15px; 
										  line-height: 1.1em; 
										  color: #006737; 
										}
.typography h2							{ font-size: 2em; 
										  margin-top: 30px;
										  margin-bottom: 5px; 
										  line-height: 1.1em; 
										  padding-bottom: 5px; 
										  border-bottom: 1px solid #ccc;
										  color: #009244;
										}
										
.typography h3							{ font-size: 1.5em; line-height: 1.2em; clear: left; color: #006737; font-weight: bold; }
.typography h4							{ font-size: 1.3em; line-height: 1.2em; clear: both; color: #006737; }
.typography h5, .typography h6			{ font-size: 1.1em; }

.typography p							{ font-size: 1.2em; line-height: 1.6em; margin-bottom: 15px; text-align:justify;}
.typography ul, .typography ol			{ margin: 10px 0px; }
.typography li							{ font-size: 1.2em;  line-height: 1.4em; list-style: outside disc; margin-left: 60px; clear: right; text-align: justify;}
.typography ol li						{ list-style: outside decimal; }

.typography a:link, 
.typography a:visited					{ text-decoration: none; display:inline ;list-style: inside square;color: #006737;}
.typography a:hover						{ text-decoration: underline;color: #009244;}

small									{ font-size: 0.8em; font-style:italic; }
strong									{ font-weight: bold; }
em										{ font-style: italic; }

.noBorder								{ border: none !important;}
.TickList								{}
.TickList li							{ list-style-image:url(../images/Tick.png) !important;}
.WhiteTickList							{}
.WhiteTickList li						{ list-style-image:url(../images/white-tick.png) !important; color: #fff !important;}

.ArrowList								{}
.ArrowList li							{ list-style-image:url(../images/arrows.png) !important; border-bottom: 1px solid #e5e5e5; vertical-align:middle;}

.townList li, .postcodeList li			{ list-style: none; display: inline-block; margin-left:0px;  }
.postcodeList li						{width:140px;margin-left:0px;}
.townList li							{width:45%; margin-right:2%;}

.roundedCornersGradient					{ border-radius: 10px;
										  -moz-border-radius: 10px;
										  -webkit-border-radius: 10px;
										  background: #009244; /* Old browsers */
										  background: -moz-linear-gradient(top, #009244 0%, #006737 100%); /* FF3.6+ */
										  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009244), color-stop(100%,#006737)); /* Chrome,Safari4+ */
										  background: -webkit-linear-gradient(top, #009244 0%,#006737 100%); /* Chrome10+,Safari5.1+ */
										  background: -o-linear-gradient(top, #009244 0%,#006737 100%); /* Opera 11.10+ */
										  background: -ms-linear-gradient(top, #009244 0%,#006737 100%); /* IE10+ */
										  background: linear-gradient(to bottom, #009244 0%,#006737 100%); /* W3C */
										  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009244', endColorstr='#006737',GradientType=0 ); /* IE6-9 */
										} 


/*	Secondary Content 
------------------------------------ */

#secondaryContent p						{ font-size: 0.9em; line-height: 1.6em; margin-bottom: 10px; clear: both;}

#secondaryContent h2 					{ font-size: 1.3em; 
										  color: #fff; 
										  margin: 0px 0px 10px; 
										  padding: 5px 10px; 
										} 
										

#secondaryContent h4,
#secondaryContent h5,
#secondaryContent h6					{ line-height: 1.2em; font-size: 1em; }

#secondaryContent ul					{ margin-bottom: 20px;}
#secondaryContent li					{ list-style:inside disc; padding:0px; margin-left: 0px; }


#secondaryContent a:link,
#secondaryContent a:visited				{ color: #666; }
#secondaryContent a:hover				{ color:#006737; }
#secondaryContent .org					{ font-weight: bold; color: #F26521; }
.org, .adr, .tel						{ margin-bottom: 5px;  color: #FFF;}



/* --------------------------------------------------------------------------------------------- 
		DEFAULT SILVERSTRIPE CMS STYLES FOR TABLES/LINKS/IMAGE POSITIONING 
------------------------------------------------------------------------------------------------ */

/* LINK ICONS - shows type of file
------------------------------------ */
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf 									{ padding: 2px;
													  padding-left: 20px;
													  background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc 									{ padding: 2px;
													  padding-left: 20px;
													  background: url(../images/icons/page_word.png) no-repeat left center;
}

.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls 									{ padding: 2px;
													  padding-left: 20px;
													  background: url(../images/icons/page_excel.png) no-repeat left center;
}

.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive 								{ padding: 2px;
													  padding-left: 20px;
													  background: url(../images/icons/page_white_zip.png) no-repeat left center;
}

.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application 							{ padding: 2px;
													  padding-left: 20px;
													  background: url(../images/icons/application.png) no-repeat left center;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table 									{ margin: 10px 0px 0px 0px; color: #666; border: none; }
	.typography tr 									{ }
	
		.typography td 								{ padding:5px 10px 5px 0px; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left 									{ text-align: left; }
.typography .center 								{ text-align: center; }
.typography .right 									{ text-align: right; }

/* IMAGES 
-------------------------------------------- */
.typography img 									{ border: 1px solid #CCC; margin-bottom: 5px; margin-top:5px; }
	
	.typography img.right 							{ float: right;	margin-left: 20px;	}
	.typography img.left 							{ float: left; margin-right: 10px; }
	.typography img.leftAlone 						{ float: left;	margin-right: 100%;	}
	
	.typography img.center 							{ float: none;	margin-left: auto;	margin-right: auto;	display: block;	}