/**
 * Style sheet for the sitewide layout.
 *
 * This accounts for equal height columns and was taken from:
 *   http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks 
 *   NOTE: The styles inserted by TypoLight cause problems with equal column layout in
 *         IE7 and need to be removed before this method will work.
 */

body {
   margin: 20px;
   background: #015300 url('../tl_files/FUW/site_layout_images/bg.png') repeat-x scroll 0 0;
   font-family: Sans, Arial;
}

/* Clears floats */
div.clear {
   width: 100%;
   height: 0px;
   clear: both;
}

/* An invisible element */
.invisible {
   display: none;
}

/* An error message */
.error {
   color: #FF0000;
}

/* Pagination links */
.pagination {
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}
.pagination p {
   height: 30px;
   font-weight: 600;
}
.pagination ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   display: inline;
}
.pagination ul li {
   display: inline;
   margin-right: 5px;
   margin-left: 5px;
}

/* Image captions */
.caption {
   font-size: 10pt;
   text-align: center;
}

/* No borders for images by default */
img {
   border: none;
}

h1,h2,h2,h4,h5,h6 {
   color: #808080;
}

h1 {
   margin: 5px 0px 0px 0px;
   padding: 0px;
}

td {
   padding: 5px;
}

#header {
   background: transparent url('../tl_files/FUW/site_layout_images/banner_bg.png') repeat-x scroll 0 0;
}

#header .inside {
   height: 233px;
   background: transparent url('../tl_files/FUW/site_layout_images/banner.png') no-repeat scroll 0 0;
}

/* Banner Search */
#BannerSearch {
   /* height: 50px; */
   height: 40px;
   text-align: right;
   padding-top: 20px;
   padding-right: 20px;
}
#BannerSearch .formbody input#keywords,
#BannerSearch .formbody input#submit {
   vertical-align: middle;
}

/* Insurance Web Advert */
#bannerWebAd {
   text-align: right;
   padding-right: 20px;
}

/* Site title */
#headerTextSiteTitle {
   width: 79%;
   float: left;
   padding-left: 0.5%;
}

#headerTextSiteTitle p {
   font-weight: 600;
   margin: 0px;
   padding: 0px;
}

/* For Welsh Farmer button */
#WelshFarmerButton {
   text-align: center;
}

/* Language switcher */
div.mod_changelanguage {
   width: 19%;
   float: right;
   text-align: right;
   padding-right: 0.5%;
}

div.mod_changelanguage ul {
   margin: 0px;
   padding: 0px;
   display: inline;
   list-style-type: none;
}

div.mod_changelanguage ul li {
   display: inline;
   font-weight: 600;
   margin: 0px 3px 0px 3px;
}

div.mod_changelanguage ul li p {
   display: inline;
}

/* Position header text and language switcher at base of header */
#headerTextSiteTitle, div.mod_changelanguage {
   margin-top: 22px;
}

/* Wrapper div wraps all of the site content */
#wrapper {
   min-width: 800px;
   width: 100%;
}

/* Container wraps only the three main columns */
#container {
   width: 100%;
   margin-top: 10px;
   position: relative;
   overflow: hidden;
}

/* Column backgrounds */
#rightBg {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
   background-color: #bfdbbe;
}

#mainBg {
   clear:left;
	float:left;
	width:100%;
	position: relative;
	right: 20%;
   background: #FFFFFF url('../tl_files/FUW/site_layout_images/column_border.png') scroll repeat-y top right;
}

#leftBg {
	float:left;
	width:100%;
	position:relative;
	right: 60%;
	background: #bfdbbe url('../tl_files/FUW/site_layout_images/column_border.png') scroll repeat-y top right;
}

/* The columns themselves */
#left {
	float:left;
	width: 18%;
	position:relative;
	left: 80%;
	overflow:hidden;
}

#main {
	float:left;
	width: 56%;
	position: relative;
	left: 84%;
	overflow: hidden;
}

#right {
	float:left;
	width: 20%;
	position:relative;
	left: 86%;
	overflow:hidden;
}

#rightBanner {
   text-align: center;
   margin: 10px auto;
}

#footer {
   height: 22px;
   background: transparent url('../tl_files/FUW/site_layout_images/footer_bg.png') repeat-x scroll 0 0;
   margin-top: 10px;
}

#footer .inside {
   padding-top: 2px;
   text-align: center;
   /* font-weight: 600; */
   font-size: 10pt;
}

#footer ul {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
}

#footer ul li {
   display: inline;
}

#footer p {
   display: inline;
}