/****************************************************************************
* Search this file for an equals sign (=) to jump between grouped classes   *
*                                                                           *
* Last updated by Duncan Brown | www.duncanbrown.net: 28/11/2006            *
*                                                                           *
****************************************************************************/

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 76%; 
	/* Font sizing in ems. If you want to change anything size-wise, just change this. */
	/* Refer to http://www.thenoodleincident.com/tutorials/typography for details. */
	/* Note: funny thing happens at 75% and lower. Opera goes to a nice small size, but moz and ie pc change almost not at all. */
	/* It seems 76% is as small as you can go and stay the same across browsers. That's life. */
	text-align: center;
	background: #fff url(/includes/site_images/bg_top.gif) repeat-x;
}

* { /* Set ALL default values to zero */
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
img { 
	border: none;
}
.ClearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.FooterClearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.Hide {
	visibility: hidden;
	position: absolute;
}




/* Misc layout divs
=============================================================================================*/

div.FullWidthBG {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}	
div.ConstrainInnerContent {
	width: 801px; /*Gained a pixel on the left from somewhere*/
	margin: 0 auto;
	text-align: left;	
}
div.WoahaThere {
	float: left;
	width: 100%;
}
div#MainColumn {
	width: 474px;
	margin: 0 0 20px 0; 	
	/*background: #eee;*/
}
div#SideColumn {
	position: relative; /* Containing block - Give the included divs a starting point */
	float: right;
	width: 306px;
	margin: 0 0 20px -306px;
	/*background: #fbb;*/
}





div#Skip {
	background: transparent url(../img/site_images/bg_wrapper_skip.png) top center repeat-y;
}
	div#Skip a {
		visibility: hidden;
	}



/* Header (containing tab SideColumn and top 2 headings)
=============================================================================================*/

div#HeaderFullBG {
	background: transparent url(../img/site_images/bg_header_full.png) top center repeat-y;
	}
	div#HeaderFullBG div#Header {
		position: relative;
		background: transparent url(../img/site_images/bg_header.png) top left no-repeat;
		height: 77px;
		}
		div#HeaderFullBG div#Header h1 {
			position: absolute; /*From containing block*/
			top: 0px;
			right: 0px;
			width: 198px;
			height: 46px;
			text-indent: -99999px;
			display: block;	
			background: transparent url(../img/site_images/strapline.png) 0px 0px no-repeat;		
			}
			div#HeaderFullBG div#Header h1 a {
				display: block;	
				text-decoration: none;
				width: 100%;
				height: 100%;
				}	
			div#HeaderFullBG div#Header h1 a:hover {
				background: transparent url(../img/site_images/strapline.png) 0px -46px no-repeat;		
				}	
		div#HeaderFullBG div#Header h2 {
			position: absolute; /*From containing block*/
			top: 0px;
			left: 0px;
			width: 145px;
			height: 48px;
			text-indent: -99999px;
			display: block;	
			background: transparent url(../img/site_images/logo.png) 0px 0px no-repeat;		
			}
			div#HeaderFullBG div#Header h2 a {
				display: block;	
				text-decoration: none;
				width: 100%;
				height: 100%;
				}	
			div#HeaderFullBG div#Header h2 a:hover {
				background: transparent url(../img/site_images/logo.png) 0px -48px no-repeat;		
				}	
		
	
		/* Main Tab SideColumn
		======================================================================================*/
			
		div#HeaderFullBG div#Header ul#MainNav {
			position: absolute;
			top: 45px;
			left: 0px;
			font: normal 1.0em 'lucida grande',tahoma,sans-serif;
			/*height: 26px;*/
			list-style: none;
		}
		div#HeaderFullBG div#Header ul#MainNav li {
			float: left;
			/*height: 28px;*/
		}
		div#HeaderFullBG div#Header ul#MainNav li a {
			display: block;
			line-height: 26px;
			overflow: hidden;
			padding: 5px 20px 0;
			background: transparent url(../img/site_images/nav_bg_reg.gif) top right repeat-y;
			color: #fff;
			border-bottom: 1px solid #CFCFBD;
		}
		div#HeaderFullBG div#Header ul#MainNav li a:hover {
			background: #657F22;
			}
			div#HeaderFullBG div#Header ul#MainNav li a.Selected,
			div#HeaderFullBG div#Header ul#MainNav li a.Selected:hover {
				border-bottom: 1px solid #E4E4DA;
				background: transparent url(../img/site_images/nav_bg_selected.png) top right repeat-y;
			}
			div#HeaderFullBG div#Header ul#MainNav li a.Selected {
				color: #342D27;
			}
			div#HeaderFullBG div#Header ul#MainNav li a.Selected:hover {
				color: #657F22;
			}



/* Home Bar (containing main top images)
=============================================================================================*/

div#HomeBarFullBG {
	background: #fff url(../img/site_images/bg_homebar_full.png) top center repeat-x;
	}
	div#HomeBarFullBG div#HomeBar {
		padding: 10px 0 0 0;
		background: transparent url(../img/site_images/bg_header_boxes.gif) 0px 10px no-repeat;
		}	
		div#HomeBarFullBG div#HomeBar div#Introduction {
			width: 474px;
			height: 219px;
			text-indent: -9999px;	
			margin: 0 0 0 0; 	
			background: transparent url(../img/site_images/intro.jpg) 4px 4px no-repeat;
			}
		div#HomeBarFullBG div#HomeBar div#HomeFeature { /*Currently the shop/caravan image */
			position:relative; /* Containing block - Give the included divs a starting point */
			float: right;
			width: 306px;
			height: 219px;
			margin: 0 0 10px -306px; /*The bottom padding is different from FF to IE - serve IE a different value*/
			}
			div#HomeBarFullBG div#HomeBar div#HomeFeature img {
				padding: 4px;
			}


/* Main Content Section (containing the container, plus left and right cols)
=============================================================================================*/

div#MainContentFullBG {
	background: transparent url(../img/site_images/bg_main_container_full.png) top center repeat-y;
	}
	div#MainContentFullBG div#MainContent {
		margin: 0 auto;
		padding: 24px 10px 0 10px;
		text-align: left;
		background: transparent url(../img/site_images/bg_content_top.png) top left no-repeat;
	}	
	
	
	
	
div#MainContentFullBG ul {
	margin: 1em 0;
	padding: 10px 0;
	background: #fff url(../img/site_images/bg_content_topZZZ.png) top left no-repeat;	
	border: 1px solid #BAD684;
	color: #574C00;
	font: normal 1em geneva,'lucida grande',tahoma,sans-serif;
	}
div#MainContentFullBG ul li {
	margin: 12px 10px;
	padding: 0 3px 3px 34px;
	list-style-type: none;
	background: url(../img/site_images/bullet.gif) 0 0 no-repeat;
}	
	
	
div#MainContentFullBG img {
	padding: 3px;
	border: 1px solid #BAD684;
}

div#MainContentFullBG p {
	margin: 3px 0 20px 0;
	padding: 0px;
	font: normal 1em geneva,'lucida grande',tahoma,sans-serif;
	color: #6a6a6a; /*574C00*/
	line-height: 16px;
}
	

div#MainContentFullBG a:link {
		color: #6B0018;
	}
div#MainContentFullBG a:visited {
		color: #6B0018;/*BD7864*/
	}
div#MainContentFullBG a:focus,
div#MainContentFullBG a:hover,
div#MainContentFullBG a:active {
		color: #cc0000;
	}	
	
	/*Dark reddy brown - 950021*/
	/*Lighter reddy brown - BD7864*/
	/*Light green - 75AD0A*/
	/*Lighter green - 7FB11F*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	










/****************************************************************************
* Footer                                                                    *
****************************************************************************/

div#FooterFullBG {
	background: #443C33 url(../img/site_images/bg_footer.gif) repeat-x;
	padding: 20px 0 0 0;
}
	div#FooterFullBG h4 {
		color: #fff;
	}
	div#FooterFullBG a:link {
		color: #75AD0A;
	}
	div#FooterFullBG a:visited {
		color: #EED8AF;
	}
	div#FooterFullBG a:focus,
	div#FooterFullBG a:hover,
	div#FooterFullBG a:active,
	div#WrapperTopOfPage div#ContainerTopOfPage a:hover {
		color: #fff;
	}	

	div#FooterFullBG div#Footer {
			padding: 0;
			background: #000 url(../img/site_images/bg_footer_boxes.gif) 0px 0px no-repeat;
		}
		div#FooterFullBG div#Footer p,
		div#FooterFullBG div#Footer address {
			font-size: 0.95em;
			font-style: normal;
			color: #BAD684;
			line-height: 1.3em;
		}
		div#FooterFullBG div#Footer div#WankStain { 	
			background: transparent url(../img/site_images/bg_footer_borders.gif) bottom left no-repeat;
		}		
		div#FooterFullBG div#Footer div#FooterMainCol {
			height: auto;
			width: 474px; /*Extra pixel needed for the 801 problem?*/
			margin: 0 0 1px 0; /* Allows lower BG with the fake borders to show through */					
		}
		div#FooterFullBG div#Footer div#FooterSideCol {
			position:relative; /* Containing block - Give the included divs a starting point */
			float: right;
			width: 306px; 
			margin: 0 0 1px -306px; /* Allows lower BG with the fake borders to show through */	
		}
		div#FooterFullBG div#Footer div#FooterMainCol div.Col {
			float: left;
		}
		div#FooterFullBG div#Footer div#FooterMainCol div#One {
			width: 150px;
			padding: 10px 10px 0 10px;
		}			
		div#FooterFullBG div#Footer div#FooterMainCol div#Two {
			width: 270px;
			padding: 10px 0 0 0;
		}			
		div#FooterFullBG div#Footer div#FooterMainCol div#Three {
			width: auto;
			padding: 10px 0 10px 10px;
		}
		div#FooterFullBG div#Footer div#FooterMainCol div#Three p.Last {
			padding: 5px 0 0 0;			
		}						
			
div#WrapperTopOfPage {
	width: 100%;
	margin: 0 auto;
	border-top: 40px #443C33 solid;
	border-bottom: 200px #231D17 solid;
	text-align: right !important;
	background: #443C33 url(../img/site_images/bg_topofpage_fullZZZ.gif) top center no-repeat;
	}
	div#WrapperTopOfPage div#ContainerTopOfPage {
		width: 800px;
		padding: 0 0 10px 0;
		margin: 0 auto;
		}
		div#WrapperTopOfPage div#ContainerTopOfPage a {
			color: #75AD0A;
			font-size: 0.95em;	
		}




		
/****************************************************************************
*  sIFR CSS styles                                                          *
****************************************************************************/		


div#HomeBarFullBG div#HomeBar #HomeFeature h3 {
	padding: 0 0 6px 4px;	
	color: #0A0A0A;
	}	
		
#Header h2 {
	color: #BAD684;
}
#Header h3 {
	color: #BAD684;
}
		
		
		
#MainColumn h3,	
#SideColumn h3 {
	padding: 0 0 15px 0;
	letter-spacing: 1px;
	color: #0A0A0A;
}	
		
#Footer h4 {
	font-size: 1.9em;
	padding: 0 0 5px 0;
	color: #0A0A0A;
}



		
#MainColumn h4,
#SideColumn h4 {
	font: normal 1.3em geneva,'lucida grande',tahoma,sans-serif;
	padding: 0 0 5px 0;	
	}
	#SideColumn h4 span {
		font-size: 0.8em;
		color: #c5c5c5;
	}
	/*#MainColumn h4 a {
	color: #75AD0A;
	}
	#SideColumn h4 a {
	color: #950021;
	}/





/****************************************************************************
*  These are standard sIFR styles... do not modify                          *
****************************************************************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*************************************
* = sIFR decoys                      *
*************************************/

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #MainColumn h3,
.sIFR-hasFlash #SideColumn h3 {	
	visibility: hidden;
	font-size: 26px;
	letter-spacing: 1px;
	padding: 0 0 15px 0;
}
.sIFR-hasFlash #HomeFeature h3 {	
	visibility: hidden;
	font-size: 15px;
	letter-spacing: -1px;
	padding: 0 0 6px 4px;
}
.sIFR-hasFlash #MainColumn h4ZZZ,
.sIFR-hasFlash #SideColumn h4ZZZ {
	visibility: hidden;
	font-size: 20px;
	letter-spacing: -1px;
	padding: 0 0 9px 0;	
}
.sIFR-hasFlash #Footer h4 {	
	visibility: hidden;
	font-size: 19px;
	letter-spacing: -1px;
	padding: 0 0 5px 0;
}