@charset "utf-8";
body  {
	font:100% Arial, Helvetica, sans-serif;
	background: #f3f2f2;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
.twoColElsRtHdr #container {
	width: 100%;  /* this width will create a container that will fit the full browser window if text is left at browser default font sizes */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColElsRtHdr #header { /* Header container */
	padding: 0px 0px 0px 0px; /* order: Top - Right - Bottom - Left */
	margin: 10px auto 0px auto; /* order: Top - Right - Bottom - Left */
	width: 980px;
	height: 206px;
	text-align: center;
}
.twoColElsRtHdr #supported { /* Company Logo/Logo's and Header/Title */
	padding: 0px 0px 0px 0px; /* order: Top - Right - Bottom - Left */
	margin: 0px auto; /* order: Top - Right - Bottom - Left */
	width: 980px;
	overflow: hidden;
}
.twoColElsRtHdr #content { /* middle section - The Main & News Content container */
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	width: 980px;
	text-align: center;
}
.twoColElsRtHdr #mainContent { /* middle section - The Main Content - Body Messages */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 660px;
	float: left;
}
.twoColElsRtHdr #newsContent { /* middle section - News Content container */
	background: #8d7f83;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	width: 300px;
	float: right;
	
}
.twoColElsRtHdr #footer { /* Company house logo's and contacts */
	background: #db2223;
	padding: 40px 10px;
	margin: 10px auto 0px auto;
	width: 960px;
	text-align: center;
}
/*********************************************************************************************************************************************************/
/**************************************************************************** HEADER Section */
.twoColElsRtHdr #headerArea1 { /* Company Logo/Logo's and Header/Title */
	background: url(../images/GFGB_logo.png) no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 140px;
	height: 206px;
	float: left;
	text-align: left;
	overflow: hidden;
}
.twoColElsRtHdr #headerArea2 { /* Company Logo/Logo's and Header/Title */
	background: url(../images/GFGB_header-bkground.png);
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 840px;
	height: 206px;
	float: right;
}
.twoColElsRtHdr #LEP { /* Company Logo/Logo's and Header/Title */
	background: url(../images/WoE-LEP_logo.png) no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 130px 0px 0px auto;
	width: 315px;
	height: 70px;
	float: right;
	text-align: left;
}
/**************************************************************************** SUPPORTED Section */
.twoColElsRtHdr #supportArea1 { /* House Company logo */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 80px;
	float: left;
	text-align: left;
}
.twoColElsRtHdr #supportArea2 { /* Testimonials */
	padding: 30px 0px 0px 20px;
	margin: 0px;
	width: auto;
	float: right;
	text-align: left;
}
.twoColElsRtHdr #bristolPost { /* Bristol Post supported section */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 134px;
	height: 80px;
	float: left;
	text-align: left;
}
.twoColElsRtHdr #bpA2 { /* strap text */
	padding: 30px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float: right;
	text-align: left;
	width: 826px;
}
.twoColElsRtHdr #bathChronicle { /* The Bath Chronicle supported section */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 312px;
	height: 80px;
	float: left;
	text-align: left;
}
.twoColElsRtHdr #bcA2 { /* strap text */
	padding: 36px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 648px;
	float: right;
	text-align: left;
}
.twoColElsRtHdr #wdPress { /* Western Daily Press supported section */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 417px;
	height: 80px;
	float: left;
	text-align: left;
}
.twoColElsRtHdr #wdpA2 { /* strap text */
	padding: 28px 0px 0px 20px;
	margin: 0px;
	width: 543px;
	float: right;
	text-align: left;
}
.twoColElsRtHdr #swBusiness { /* SouthWest Business supported section */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 519px;
	height: 80px;
	float: left;
	text-align: left;
}
.twoColElsRtHdr #swbA2 { /* strap text */
	padding: 35px 0px 0px 20px;
	margin: 0px;
	width: 441px;
	float: right;
	text-align: left;
}
/**************************************************************************** MAIN CONTENT Section */
.twoColElsRtHdr #imageIntro { /* Main Image - 660width */
	background:url(../images/GFGB-intro-img.jpg);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 660px;
	height: 464px;
}
.twoColElsRtHdr #imageintroStories { /* Main Image - 660width */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 660px;
}
.twoColElsRtHdr #textIntro { /* Introduction Text - 660width */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 660px;
	text-align: left;
}
.twoColElsRtHdr #columnArea { /* Sub Text & Images & Videos - 2 Columns - 660width */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 660px;
	height: auto;
	overflow: hidden;
}
.twoColElsRtHdr #columnArea2 { /* Sub Text & Images & Videos - 2 Columns - 660width */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 660px;
	height: auto;
	clear: both;
}
.twoColElsRtHdr #column1 { /* Column area 1 - 320width */
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 0px 0px;
	width: 320px;
	text-align: left;
	float: left;
}
.twoColElsRtHdr #column2 { /* Column area 2 - 320width */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 320px;
	float: right;
}
.twoColElsRtHdr #column3 { /* Column area 1 - 320width */
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	width: 320px;
	text-align: left;
	float: left;
}
.twoColElsRtHdr #videoArea { /* Column area 2 - Video - 320width */
	background: #000000 url(../images/sample-image_video.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 320px;
	height: auto;
	text-align: left;
}
.twoColElsRtHdr #videoTitle { /* Column area 2 - Title - 320width */
	padding: 10px;
	margin: 0px 0px 0px 0px;
	width: 300px;
	text-align: center;
	background: #000000;
}
.twoColElsRtHdr #subVideos { /* Column area 2 - Title - 320width */
	padding: 5px;
	margin: 2px 0px 10px 0px;
	width: 310px;
	text-align: center;
	background: #8d7f83;
}
.twoColElsRtHdr #subVideos1 { /* Column area 2 - Title - 320width */
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 10px 0px;
	width: 310px;
	text-align: center;
	background: #8d7f83;
}
.twoColElsRtHdr #testimonials { /* Column area 2 - Title - 320width */
	padding: 5px 0px 5px 0px;
	margin: 2px 0px 0px 0px;
	width: 320px;
	text-align: center;
	background: #8d7f83;
}
.twoColElsRtHdr #formTitle { /* Column area 2 - Title - 320width */
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
	width: 320px;
	text-align: left;
}
.twoColElsRtHdr #formArea { /* Column area 2 - Title - 320width */
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 320px;
	text-align: left;
}
.twoColElsRtHdr #dontMiss { /* Column area 2 - Title - 320width */
	background: url(../images/GFGB-dontmiss_bkg.png) repeat-y;
	padding: 5px 10px 10px 10px;
	margin: 20px 0px 0px 0px;
	width: 300px;
	text-align: left;
}
.twoColElsRtHdr #dontMiss2 { /* Column area 2 - Title - 320width */
	background: url(../images/GFGB-dontmiss_bkg2.png) repeat-y;
	padding: 10px 10px 10px 50px;
	margin: 5px 0px;
	width: 250px;
	text-align: left;
}
/**************************************************************************** COLOUR TABS */
.twoColElsRtHdr #bkg1Yellow { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-d2a273.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
}
.twoColElsRtHdr #bkg2Yellow { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-fdcf41.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1YellowL { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-d2a273.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: left;
}
.twoColElsRtHdr #bkg2YellowL { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-fdcf41.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1YellowR { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-d2a273.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: right;
}
.twoColElsRtHdr #bkg2YellowR { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-fdcf41.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1Blue { /* #7993A5 */
	background: url(../images/GFGB-colour-bkg-7993a5.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
}
.twoColElsRtHdr #bkg2Blue { /* #0D9DDB */
	background: url(../images/GFGB-colour-bkg2-0d9ddb.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1BlueL { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-7993a5.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: left;
}
.twoColElsRtHdr #bkg2BlueL { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-0d9ddb.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1BlueR { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-7993a5.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: right;
}
.twoColElsRtHdr #bkg2BlueR { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-0d9ddb.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1Green { /* #B1A763*/
	background: url(../images/GFGB-colour-bkg-b1a763.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
}
.twoColElsRtHdr #bkg2Green { /* #BAD739 */
	background: url(../images/GFGB-colour-bkg2-bad739.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1GreenL { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-b1a763.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: left;
}
.twoColElsRtHdr #bkg2GreenL { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-bad739.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1GreenR { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-b1a763.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: right;
}
.twoColElsRtHdr #bkg2GreenR { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-bad739.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1Red { /* #AF7871*/
	background: url(../images/GFGB-colour-bkg-af7871.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
}
.twoColElsRtHdr #bkg2Red { /* #E76B61 */
	background: url(../images/GFGB-colour-bkg2-e76b61.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1RedL { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-af7871.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: left;
}
.twoColElsRtHdr #bkg2RedL { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-e76b61.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
.twoColElsRtHdr #bkg1RedR { /* #D2A273 */
	background: url(../images/GFGB-colour-bkg-af7871.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	width: 310px;
	text-align: left;
	float: right;
}
.twoColElsRtHdr #bkg2RedR { /* #FDCF41 */
	background: url(../images/GFGB-colour-bkg2-e76b61.png) repeat-y;
	padding: 10px;
	margin: 10px 0px 0px 30px;
	width: 260px;
	text-align: left;
}
/**************************************************************************** NEWS CONTENT Section */
.twoColElsRtHdr #newsLatest { /* Latest News section - updated Daily */
	background: #8d7f83;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	width: 280px;
}
.twoColElsRtHdr #newsArchive { /* News Archive - previous stories */
	background: #8d7f83;
	padding: 10px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
	width: 280px;
}
.twoColElsRtHdr #newsarchiveTitle { /* News Archive - previous stories */
	background: #8d7f83 url(../images/GFGB-archive-tab.png);
	padding: 3px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 265px;
	height: 18px;
	text-align:right;
}
.twoColElsRtHdr #newsarchiveStories { /* News Archive - previous stories */
	background:#FFFFFF;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	width: 270px;
}
/**************************************************************************** Application Form Section */
.twoColElsRtHdr #buttonAF { /* Latest News section - updated Daily */
	padding: 10px;
	margin: 0px 0px 10px 0px;
	width: 280px;
	float: right;
}
.twoColElsRtHdr #button2AF { /* Latest News section - updated Daily */
	padding: 0px 10px;
	margin: 10px 0px;
	width: 280px;
	float: right;
}
/**************************************************************************** How To Enter Section */
.twoColElsRtHdr #how2Enter { /* How to Enter */
	background: #7993A5;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	width: 300px;
	float: right;
}
.twoColElsRtHdr #h2eA2 { /* How to Enter */
	padding: 10px;
	margin: 0px 0px 0px 0px;
	width: 280px;
	float: right;
	text-align: left;
}
.twoColElsRtHdr #how2Enter2 { /* How to Enter */
	background: #7993A5;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 300px;
	float: right;
}
.twoColElsRtHdr #h2eA3 { /* How to Enter */
	padding: 10px;
	margin: 0px 0px 0px 0px;
	width: 280px;
	float: right;
	text-align: left;
}
/**************************************************************************** Going for Growth - side logo */
.twoColElsRtHdr #gfgbSide { /* Going for Growth - side */
	padding: 0px 10px 0px 0px;
	margin: 20px 0px 0px 0px;
	width: 290px;
	float: right;
	text-align: right;
}
.twoColElsRtHdr #supportSide { /* Going for Growth - side */
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 10px 0px;
	width: 300px;
	float: right;
	text-align: left;
}
/**************************************************************************** Going for Growth - words image */
.twoColElsRtHdr #wordSlides { /* Going for Growth - side */
	padding: 0px 0px 0px 0px;
	margin: 60px 17px 60px 17px;
	width: 166px;
	float: right;
	text-align: left;
}
/**************************************************************************** FOOTERS Section */
.twoColElsRtHdr #footerCompanyLogo { /* Company house logo's for Footer section */
	background: #db2223;
	padding: 10px;
	margin: 10px auto 0px auto;
	width: 960px;
	text-align: center;
}
.twoColElsRtHdr #footerContact { /* ???contacts??? */
	background: #db2223;
	padding: 10px;
	margin: 10px auto 0px auto;
	width: 960px;
	text-align: center;
}
/*********************************************************************************************************************************************************/

/*********************************************************************************************************************************************************/
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
