/*
The design and build of this website is copyrighted to Adventure Graphics, Sutton Coldfield, West Midlands, UK, B72 1SP. 
any intention or attempt to claim responsibility of the design or build of this website is a breach of copyright law.
<meta name="Author" content="Adventure Graphics, 0121 354 1010">
<meta name="Copyright" content="© Adventure Graphics 2008">
<meta name="Publisher" content="Adventure Graphics, www.adventuregraphics.co.uk">
<meta name="Designer" content="Adventure Graphics">
*/

body {
	background-color: #dfe2d1;
	margin: 0px;
	border: 0px none;
}

h1 {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #647130;
	margin-top: 0px;
	margin-bottom: 25px;
}
h2 {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff; /* a5a881 */
	margin-top: 0px;
	margin-bottom: 20px;
}
h3 {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #647130;
	margin-bottom: 8px;
}
h4 {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a5a881;
	margin-top: 0px;
	margin-bottom: 20px;
}
img {border: 0px;}

p {line-height: 18px;}
.leftlink {margin: 0px; color: #647130; font-size: 11px; font-weight: bold;}
.spaced {line-height: 20px;}
.novmargin {margin: 0px 0px 0px 0px;}
.float_right {float: right; padding-left: 25px;}
.float_left {float: left; padding-right: 25px;}
.align_right {float: right;}
.align_left {float: left;}

.darkgreen { font-family: 'Verdana', Arial, Helvetica, sans-serif; color: #647130; }
.medgreen { font-family: 'Verdana', Arial, Helvetica, sans-serif; color: #a5a881; }
.bggreen { font-family: 'Verdana', Arial, Helvetica, sans-serif; color: #dfe2d1; }
.formfield { font-family: 'Verdana', Arial, Helvetica, sans-serif; font-size: 10px; color: #666; }

/* Allows Div to stretch to full width of browser */
#full_screen_width {
	width: 100%;
	height: auto;
	background-color: #fff;
}
/* Allows Div to centre horizontal in browser */
#centre_container {
	width: 950px;
	height: auto;
	margin: 50px auto 0px;
	background: transparent;
}
/* Allows liquid background in FF */
#color_background_container {
	width: 950px;
	height: auto;
	float: left;
	margin: 0px;
	color: #666; /*#a5a881*/
	font-size: 11px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	padding-bottom: 50px;
	background-color: #fff;
	background-image: url('images/bg_strap_rings.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}
#color_background_container a:link {color: #a5a881; text-decoration: underline;}
#color_background_container a:visited {color: #a5a881; text-decoration: underline;}
#color_background_container a:hover {color: #647130; text-decoration: underline;}
#color_background_container a:active {color: #647130; text-decoration: underline;}

/* Start of Main Content Items */
#liquid_divider_container {
	width: 870px;
	height: auto;
	min-height: 500px;
	background-image: url('images/liquid_divide.gif');
	background-repeat: repeat-y;
	float: left;
	padding-left: 40px;
	padding-top: 15px;
}
#left_column {
	width: 230px;
	height: auto;
	background: transparent;
	float: left;
	padding: 0px;
	margin: 0px;
}
#left_column .image_link {
	width: 230px;
	height: auto;
	background: transparent;
}
#left_column .image_link_container {
	width: 230px;
	height: auto;
	background: transparent;
}
#left_column .image_link_text {
	width: 230px;
	height: auto;
	padding: 4px 0px 30px; 
	background: transparent;
}
#left_column a:link {color: #a5a881; text-decoration: none;}
#left_column a:visited {color: #a5a881; text-decoration: none;}
#left_column a:hover {color: #647130; text-decoration: none;}
#left_column a:active {color: #647130; text-decoration: none;}

#left_column .greenbox {
	width: 200px;
	color: #fff;
	background-color: #647130;
	padding: 15px;
}
#left_column .greenbox a:link {color: #fff; text-decoration: none;}
#left_column .greenbox a:visited {color: #fff; text-decoration: none;}
#left_column .greenbox a:hover {color: #fff; text-decoration: underline;}
#left_column .greenbox a:active {color: #fff; text-decoration: none;}

#right_column {
	width: 560px;
	height: auto;
	background: transparent;
	float: right;
	padding-right: 10px;
	margin: 0px;
}
#right_column .text_seperator {
	width: 560px;
	float: left;
	padding: 0px 0px 20px 0px;
}
#right_column .vids_dual {
	width: 560px;
	float: left;
	padding: 10px 0px 10px 0px;
}
#right_column .vids_single {
	width: 230px;
	float: left;
	padding: 0px;
}
#right_column .vids_spacer {
	width: 50px;
	background: transparent;
	float: left;
	padding: 0px;
}
#right_column .leftlink {
	width: auto;
	height: auto;
	float: left;
	padding: 10px 0px 0px 0px;
}
#right_column .rightlink {
	width: auto;
	height: auto;
	float: right;
	padding: 10px 10px 0px 0px;
}

#flash_vid_container{
	width: 550px;
	height: auto;
	background: transparent;
	float: left;
	padding: 0px 0px 15px;
	margin: 0px;
}
#img_1 {
	width: auto;
	height: auto;
	background: transparent;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header {
	width: 950px;
	height: 130px;
	background: transparent;
	padding: 0px;
	margin: 0px;
	float: left;
}
#logo_container {
	width: 256px;
	height: 90px;
	background: transparent;
	padding: 20px 0px 0px 40px;
	margin: 0px;
	float: left;
}

/* Start of Footer Options */
#footer {
	width: 950px;
	height: 50px;
	float: left;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-top: 10px;
	background: transparent;
}
#footer a:link {color: #000; text-decoration: none;}
#footer a:visited {color: #000; text-decoration: none;}
#footer a:hover {color: #647130; text-decoration: underline;}
#footer a:active {color: #647130; text-decoration: none;}

#footer .lefttext{
	width: auto;
	height: auto;
	float: left;
}
#footer .righttext{
	width: auto;
	height: auto;
	float: right;
}

/* Start of Navigation */
#nav_main {
	width: 600px;
	height: 40px;
	background: transparent;
	float: right;
	padding: 50px 10px 0px 0px;
	margin: 0px;
}

/* #breadcrumbs {
	width: 600px;
	height: 30px;
	background: transparent;
	float: right;
	padding: 25px 0px 0px;
	color: #ccc;
} Need to set #nav_main padding top to 50px and place inside div */

#nav_item {
	width: auto;
	height: 40px;
	background: transparent;
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav_spacer {
	width: 17px;
	height: 40px;
	background-image: url('images/nav_spacer.jpg');
	float: left;
	padding: 0px;
	margin: 0px;
}
#nav_container ul {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	background: url('images/button_over.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	float: left;
}
#nav_container ul li {
	text-align: center;
	float: left;
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#nav_container ul li a, .navcontainer ul li a.selected {
	width: auto;
	height: 28px;
	color: #000;
	float: left;
	text-decoration: none;
	padding-left: 0px;
	padding-top: 12px;
	background-color: #fff;
	display: block;
	text-align: center;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}
#nav_container ul li a:hover { 
	background-image: url('images/button_over.jpg'); 
	background-repeat: no-repeat;
	background-position: center;
	color: #000; 
}
#nav_container ul li a.selected {
	background-image: url('images/button_over.jpg');
	background-repeat: no-repeat;
	background-position: center;
	color: #000;
}