/* 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. */
/* start page layout */
body{
	background:#fff url(/site/images/grass.jpg) repeat-x bottom center fixed;
	border:0;
	height:100%;
	margin:0;
	padding:0 0 1em 0}
#outer_container{
	background:url(/site/images/fader_top.jpg) repeat-x top left fixed}
#inner_container{
	margin-left:auto;
	margin-right:auto;
	min-width:750px;
	max-width:900px;
	text-align:left;
	width:80%}
/* end page layout */
/* start generic styling */
body, form, input, table, textarea{
	font-family:helvetica, arial, sans-serif}
/* end generic styling */
/* start header styling */
#accessibility{
  	background:url(/site/images/fader_block_white_major.png);
	border-radius:9px;
	-khtml-border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	margin-bottom:1em;
	padding:0 10px 2px 10px;
	text-align:right}
#accessibility a{
	color:#282828;
	font-size:70%;
	font-weight:bold;
	text-decoration:none}
#button1{
	float:left;
	padding-top:4px}
#button2,#button3{
	position:relative;
	top:-1px}
#header{
  	background:url(/site/images/fader_block_black_minor.png);
	border-top:2px solid #222;
	border-bottom:2px solid #444;
	padding:0 0 0 10px}
#header a{
	display:block;
	font-size:95%;
	font-weight:bold;
	text-decoration:none;
	width:100%}
#header li li a{
	font-weight:normal;
	font-size:100%}
#nav_1 a, #nav_2 a{
	color:#fff}
#nav_1 a:hover, #nav_2 a:hover{
	color:#ddd}
#nav_1{
	float:left;
	margin:0;
	padding:6px 0 0 0}
#button_1, #button_2{
	float:left;
	margin:0 10px 0 0}
#button_1 span.button_outer, #button_2 span.button_outer{
	border:1px solid #999;
	display:block;
	height:100px;
	width:260px;
	margin:5px 0 10px 0}
#button_1 span.button_outer{
	background:url(/site/images/nav_01.jpg) no-repeat}
#button_2 span.button_outer{
	background:url(/site/images/nav_02.jpg) no-repeat}
.button_inner{
	display:block;
	height:100px;
	width:260px}
.button_inner:hover{
  	background:url(/site/images/fader_block_white_minor.png)}
#nav_2{
  	background:url(/site/images/fader_block_black_minor.png);
	float:right;
	list-style-type:none;
	margin:0;
	padding:0}
#nav_2 li{
	border-bottom:1px solid #999;
	margin:0;
	padding:7px;
	width:175px /* may need altering as menu content changes */}
#nav_2 li.first{}
#nav_2 li.last{
	border-bottom:none !important}
.subnav{
	list-style-type:none !important;
	font-size:77%;
	margin:0;
	padding:0}
.subnav li{
	border-bottom:none !important;
	padding:2px 7px 0 7px !important;
	width:167px !important /* may need altering as menu content changes */}
.subnav_pippa, .subnav_stables{
	display:none}
.page_pippa .subnav_pippa{
	display:block}
.page_stables .subnav_stables{
	display:block}
/* end nav styling */
/* start main content styling */
#content{
  	background:url(/site/images/fader_block_white_major.png);
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	clear:both;
	color:#282828;
	margin:1em 0 2em 0;
	padding:2%;
	position:relative}
#content_inner{} 
h1{margin-top:0}
h2{margin-top:0.5em}
#content p, #content li, #content dd{
	line-height:140%;
	max-width:670px}
	/* +++++ home page elements +++++ */
	/* +++++ news page elements +++++ */
#news_pippa {
	float:left;
	width:49%}
#news_stables {
	float:right;
	width:49%}
#news_pippa, #news_stables {
	font-size:80%}
#news_pippa p, #news_stables p {
	display:none}
.intro, .outro, .diary_date {
	display:block !important}
.intro {
	font-size:175%;
	font-weight:bold;
	line-height:100% !important;
	margin-top:0}
.page_pippa .outro, .page_stables .outro{
	display:none !important}
#news_other{
	clear:both;
	margin:1em 0}
	/* +++++ diary page elements +++++ */
.diary_item .decor_right{
	margin-top:-2.75em}
.diary_date{
	border-bottom:1px solid #ccc;
	color:#444;
	margin:-0.75em 0 -0.5em 0;
	font-size:85%;
	font-weight:bold;
	width:45%}
	/* +++++ sponsor page elements +++++ */
.sponsor_item .right{
	margin-top:-2.75em}
	/* +++++ Gallery elements +++++ */
.gallery{
  	background:url(/site/images/fader_block_white_major.png);
	border:1px solid #ddd;
	clear:both;
	float:right;
	margin:1em 0 1em 1em;
	padding:3px 3px 303px 3px; /* bottom margin = height of [.gallery a:hover span, .gallery a:active span] + 41px !!# this is right!! */
	position:relative;
	font-size:90%;
	text-align:left;
	width:308px}
.gallery a{
	color:#282828;
	cursor:default;
	margin:0;
	padding:0;
	text-decoration:none !important}
.gallery a img{/*not vital but helps slow connects display correctly*/
	height:100px;
	width:100px}
.gallery span.gallery_photo_full img{/*not vital but helps slow connects display correctly*/
	height:auto; /*was 300px*/
	width:auto}
.gallery a:hover{/*needed for IE6*/
	background-color:transparent}
.gallery a span.gallery_photo_full{/*hides the bigger span until required*/
	display:block;
	position:absolute;
	left:-10000px}
.gallery a:hover span.gallery_photo_full{/*CSS for enlarged span*/
	/*border:2px solid #aaa;*/
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding-top:5px;
	height:303px;
	width:100%;
	text-align:center;
	text-decoration:none;
	visibility:visible;
	z-index:50}
.gallery a:hover span.gallery_photo_full span{
  	background:url(/site/images/fader_block_white_major.png);
	color:#000;
	font-weight:bold;
	padding:0.25em 2%;
	position:absolute;
	bottom:10px;
	left:0;
	text-align:right;
	width:94%}
.gallery_instructions {
	color:#888;
	font-weight:bold;
	padding:10px 60px;
	position:absolute;
	text-align:center}
[if lte IE 6.0].gallery a:hover span.gallery_photo_full{/*CSS for enlarged span*/
	margin-top:-300px}
	/* +++++ event page elements +++++ */
.horse, .event, .pos, .total{
	font-weight:bold}
	/* +++++ sitemap elements +++++ */
#sitemap{
	list-style:none}
#sitemap ul{
	list-style:none;
	margin-top:0.5em;
	margin-bottom:0.5em}
	/* +++++ list elements +++++ */
ul{list-style:square;
	margin-left:2.5em;
	padding-left:0}
ol{margin-left:2.5em;
	padding-left:0}
.wider li{
	margin-bottom:1em}
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:#350}
#content a:visited{
	color:#037}
#content a.external{
	background:url(/site/images/icon_external.gif) no-repeat center right;
	padding-right:15px}
	/* +++++ table elements +++++ */
table{
	font-size:90%;
	margin:1em 0}
caption{
	font-weight:bold;
	margin-bottom:0.5em}
th{padding:0.5em;
	vertical-align:top}
td{padding:0.5em;
	vertical-align:top}
td p{
	margin-top:0}
table ol, table ul{
	font-size:100%;
	margin:0.5em 0 0.5em 1.5em;
	padding:0}
.vertical_table th{
	text-align:right}
	/* +++++ form elements +++++ */
#contact_form{
	border:	2px solid #ccc;
	float:right;
	font-size:90%;
	padding:1em 1em 0 1em;
	position:relative;
	width:48%}
form{
	margin:0;
	padding:0}
form dd{
	margin:0.2em 0 0.5em 0}
input, textarea{
	border:solid 1px #ccc;
	font-size:100% !important;
	padding:3px}
input{
	width:50%}
textarea{
	width:98%}
.submit{
  	background:url(/site/images/fader_block_white_major.png);
	border:solid 2px #ccc;
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	bottom:-15px;
	right:10px;
	width:auto}
	/* +++++ other elements +++++ */
.addthis{
	position:absolute;
	top:9px;
	right:2%}
.alert{
	background:#ffff00}
#atoz{
	margin:1em 0}
.boxed_item{
  	background:url(/site/images/fader_corner_top_left.png) no-repeat top left;
	border:2px solid #ccc;
	border-radius:9px;
	margin-bottom:2em;
	padding:0 1em;
	-khtml-border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px}
.boxed_item h2{
  	width:70%}
.boxed_item .back2top{
	margin-top:0;
	margin-bottom:-0.5em}
cite{
	font-weight:bold}
.back2top{
	clear:both;
	margin-top:2em;
	text-align:right}
.back2top a{
	color:#888 !important;
	font-size:80%;
	font-weight:bold;
	position:relative;
	top:2px}
.back2top a:hover{
	color:#888 !important}
.clear{
	clear:both}
.decor_right{
	float:right;
	margin:0 0 1em 2em;
	position:relative;
	width:33%;
		max-width:250px}
.decor_right img{
	width:100%}
.decor_right div{
  	background:url(/site/images/fader_block_white_major.png);
	color:#000;
	font-weight:bold;
	padding:0.25em 2%;
	position:absolute;
	bottom:10px;
	left:0;
	text-align:right;
	width:94%}
.decor_right div.hb{
  	background:none;
	color:#888;
	font-weight:normal;
	font-size:70%;
	padding:0.25em 2%;
	position:absolute;
	bottom:-15px;
	left:0;
	text-align:right;
	width:94%}
.hidden{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden}
th.horsename{
	vertical-align:middle}
td.horsename{
	font-weight:bold}
img.right{
	padding:0 0 1em 2em;
	float:right}
.page_nav{
	border:2px solid #ccc;
	border-radius:9px;
	-khtml-border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	list-style:none;
	margin:-0.5em 0 -1em;
	padding:0.5em 0.5em 0.5em 1.5em}
sup{font-weight:normal;
	vertical-align:top}
/* end main content styling */
/* start footer styling */
#footer{
  	background:url(/site/images/fader_block_white_major.png);
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	color:#222;
	font-weight:bold;
	font-size:90%;
	line-height:140%;
	padding:1px 2% 1px 2%;
	position:relative}
#footer p{
	margin-bottom:0}
#footer a{
	color:#555}
#footer a:visited{
	color:#222}
#copyright{
	padding:1em 2% 0 0;
	position:absolute;
	top:0;
	right:0}
#simius{
	text-align:right;
	height:6em;
	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:1em 0.5em}
#simius_b #simius_last{
	border-right:none;
	padding-right:0}
/* end footer styling */