/* start of:colour scheme
1 color: # d4e1c8 - the light green in the logo,main colour for sub-elements (table headers,backgrounds etc) 
2 color: # 67953f - the darker green used for nav.  can't be much lighter as need to retain contrast for wcag.
3 color: # ddf1f8 - the sky blue use for the background and the horse-shoes
4 color: # 444    - a gray used for body text,table cell boreder etc.
/* end of:colour scheme */
/* start page layout */
body{
	background:#ddf1f8 url(/site/images/grass.jpg) repeat-x bottom fixed;
	border:0;
	height:100%;
	margin:0;
	padding:0}
#outer_container{
	background:url(/site/images/sky.jpg) repeat-x top left fixed}
#inner_container{
	margin-left:auto;
	margin-right:auto;
	min-width:700px;
	max-width:1000px;
	text-align:left;
	width:85%}
/* end page layout */
/* start generic styling */
body,form,input,table,textarea{
	font-family:arial,helvetica,sans-serif}
/* end generic styling */
/* start header styling */
#header{
	position:relative;
	padding:1%}
#logo{background:url(/site/images/logo.png) no-repeat;
	margin:0;
	height:103px;
	width:363px}/* height and width must be same as logo dimensions */
#header p{
	color:#fff;
	font-size:125%;
	font-weight:bold;
	padding:1%;
	position:absolute;
	bottom:0;
	right:0;
	text-align:right}
#header a{
	color:#fff}
/* end header styling */
/* start nav styling */
#nav,#nav_jumps{
	background:#67953f;
	border-top:1px solid #85b957;
	border-bottom:1px solid #85b957;
	margin:0 0 1em 0;
	padding:0;
	text-align:center;
	width:100%}
#nav ul,#nav_jumps ul{
	margin:0;
	padding:0}
#nav li,#nav_jumps li{
	display:inline;
	line-height:1.6 !important;
	margin:0;
	padding:0}
#nav a,#nav_jumps a{
	color:#fff !important;
	font-size:110%;
	padding:0.23em 3% !important;
	text-decoration:none}
#nav a:hover,#nav a:active,#nav_jumps a:hover,#nav_jumps a:active{
	background:#85b957 url(/site/images/icon_arrow_nav.gif) no-repeat 6px 50%;
	color:#fff}
/* end nav styling */
/* start main content styling */
#content{
	background:#fff;
	color:#444;
	margin:1em 0;
	padding:2%}
#content_inner{} 
h1{margin:0}
h2{margin-top:0.5em}
#content p,#content li,#content dd{
	line-height:135%;
	max-width:670px}
	/* +++++ home page elements +++++ */
.hp_caption{	
	color:#888;
	margin:0 0 -1em 0;
	padding:0;
	max-width:none;
	text-align:right;
	font-size:75%}
div.home{
	padding:1em 0 0.5em 0;
	float:right;
	width:35%}
h1.home{
	margin:0.4em 0 0 0}
	/* +++++ jump type selection page elements +++++ */
#jump_type{
	text-align:center}
#ccj,#sj{
	float:left;
	margin-bottom:1em;
	width:50%}
#ccj h2,#sj h2{
	margin:0 0 0.25em 0}
	/* +++++ stock page elements +++++ */
.stock_item{
	background:url(/site/images/fader_rtol.png) repeat-y top right;
	border-top:1px solid #b6cd9f;
	margin:1em 0;
	padding:1em 1em 0 0}
.stock_item img{
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	float:right;
	margin-top:8px;
	margin:0 0 1em 1%;
	width:300px}
.stock_item table{
	background:#fff;
	margin:0;
	padding:0}
.stock_item th{
	width:20%}
	/* +++++ feedback page elements +++++ */
.feedback{
	border-bottom:1px solid #d4e1c8;
	clear:both;
	margin:0 0 1em 0}
.feedback blockquote{
	background:url(/site/images/quoteopen.gif) no-repeat top left;
	margin-left:0;
	padding:25px 0 0 0;
	text-indent:35px;
    width:55%} 
.feedback blockquote p{
    background:url(/site/images/quoteclose.gif) no-repeat bottom right;
	margin-bottom:0;
	padding:0 40px 30px 30px} 
.feedback img{
	float:right;
	margin:0 0 1em 0;
    width:40%;
	max-width:300px}
.feedback p.cite{
	padding-left:30px}
.feedback p.cite_sub{
	color:#888;
	font-size:90%;
	margin-top:-0.5em;
	padding-left:30px}
	/* +++++ event page elements +++++ */
.date{
	white-space:nowrap}
	/* +++++ list elements +++++ */
ul{list-style:square;
	margin-left:2.5em;
	padding-left:0}
ul.wider li{
	margin-bottom:1em}
ul.shoe{
	margin-left:0}
ul.shoe li{
  list-style:none;
  background:url(/site/images/icon_horseshoe.gif) no-repeat left top;
  padding-left:4em}
ol{margin-left:2.5em;
	padding-left:0}
dl{margin:0;
	padding:0}
dt{font-weight:bold}
dd{margin-left:15px}
	/* +++++ link elements +++++ */
a:link,a:visited,a:hover,a:active{
	text-decoration:none}
a:hover,a:active{
	text-decoration:underline}
a img{
	border:none !important}
#content a{
	color:#014c9d}
#content a:visited{
	color:#4f7e1e}
#content a.external{
	background:url(/site/images/icon_external.gif) no-repeat center right;
	padding-right:15px}
	/* +++++ table elements +++++ */
table{
	background:#dedede;
	font-size:90%;
	margin:1em 0}
caption{
	font-weight:bold;
	margin-bottom:0.5em}
th{background:#b6cd9f;
	padding:0.5em;
	vertical-align:top}
td{background:#fff;
	padding:0.5em;
	vertical-align:top}
table ol,table ul{
	font-size:100%;
	margin:0.5em 0 0.5em 1.5em;
	padding:0}
	/* +++++ form elements +++++ */
form{
	background:#e8e9e3;
	border:solid 1px #3d3d34;
	margin:1em 0 1em 0;
	padding:0 1em 1em 1em}
form dd{
	margin-top:0.25em;
	margin-bottom:0.75em}
input,textarea{
	background-color:#fafbf5 !important;
	border:solid 1px #3d3d34;
	font-size:100% !important;
	padding:4px}
input{
	width:30%}
textarea{
	width:65%}
.submit{
	background-color:#fafbf5 !important;
	border:solid 1px #3d3d34;
	cursor:pointer;
	width:auto}
	/* +++++ other elements +++++ */
cite{
	font-weight:bold}
.back2top{
	border-top:dashed 1px #444;
	margin-top:2em;
	text-align:right}
.back2top a{
	padding:2px 4px 2px 4px;
	position:relative;
	top:5px}
.clear{
	clear:both}
.decor_right{
	float:right;
	margin:0 0 1em 2em;
	width:25%}
.decor_right img{
	width:100%}
.decor_right div{
	color:#888;
	text-align:right;
	font-size:75%;}
.hidden{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden}
img.right{
	padding:0 0 1em 2em;
	float:right}
.sub_text{
	color:#888;
	font-size:75%}
/* end main content styling */
/* start footer styling */
#footer{
  	background:url(/site/images/fader_footer.png);
	color:#222;
	font-weight:bold;
	font-size:90%;
	line-height:135%;
	padding:1px 2% 1px 2%}
#footer p{
	margin-bottom:0;}
#footer a{
	color:#555}
#footer a:visited{
	color:#222}
#simius{
	text-align:right;
	height:4em;
	width:100%}
#simius_b{
	position:absolute;
 	left:0;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden}
#simius:hover #simius_b,#simius:active #simius_b{
	position:relative;
 	left:0;
 	top:5px;
 	width:auto;
 	height:auto}
#simius_b a{
	border-right:1px solid #555;
	display:block;
	float:right;
	padding:0.5em}
#simius_b #simius_last{
	border-right:none;
	padding-right:0}
#simius a:hover{
	text-decoration:none !important}
/* end footer styling */