/* colour scheme
#d8dde5 - pale blue
# - 
# - 
# -
/* start page layout */
body{
	/*background:url(/site/images/decor_background_2.jpg) fixed;*/
	/*background:url(/site/images/decor_background.gif);*/
	background:#4b85bb url(/site/images/decor_background_bottom.jpg) left bottom repeat-x fixed;
	border:0;
	height:100%;
	margin:0;
	padding:0 0 1em 0}
#outer_container{
	background:url(/site/images/decor_background_horse.png) right bottom no-repeat fixed;
	height:100%}
#inner_container{
	margin-left:auto;
	margin-right:auto;
	min-width:823px;
	max-width:1000px;
	text-align:left;
	width:85%}
/* end page layout */
/* start generic styling */
body, form, input, table, textarea{
	font-family:trebuchet ms,arial, sans-serif}
/* end generic styling */
/* start accessibility bar styling */
#accessibility{
  	background:url(/site/images/decor_fader_white.png);
	border-radius:0 0 12px 12px;
	-khtml-border-radius:0 0 12px 12px;
	-moz-border-radius:0 0 12px 12px;
	-o-border-radius:12px;
	-webkit-border-radius:0 0 12px 12px;
	margin-bottom:3px;
	padding:0 8px 4px 8px;
	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}
/* start header styling */
#header{
  	background:url(/site/images/decor_fader_white.png);
	border-radius:12px;
	-khtml-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	clear:both;
	height:197px;
	overflow:hidden;
	padding:0;
	position:relative}
#logo{
	margin-left:auto;
	margin-right:605px;
	padding:3em 0;
	width:100%;
	text-align:center}
#logo_1{
  	background:url(/site/images/decor_scroll.gif) center -30px no-repeat;
	color:#666;
	font-family:Georgia;
	font-size:350%;
	font-style:italic;
	letter-spacing:-5px;
	padding-top:29px}
#logo_2{
  	background:url(/site/images/decor_scroll.gif) center 31px no-repeat;
	font-size:120%;
	padding-bottom:37px}
#header img{
	float:right}
#decor_header_jo{
	float:left}
/* start navigation styling */
#nav_main{
	font-size:80%;
	list-style-type:none;
	margin:14px 0 0 0;
	padding:0;
	text-align:right}
#nav_main li{
	display:inline;
	margin:0;
	padding:0}
#nav_main a{
  	background:#282828;
	filter:alpha(opacity=90);
	opacity:0.9;
	border-radius:6px 6px 0 0;
	-khtml-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:6px 12px 4px 12px;
	text-decoration:none;
	text-align:center}
#nav_main a:hover,#nav_main a:active,#nav_main a:focus,
#page_home #nav_home,
#page_about #nav_about,
#page_services #nav_services,
#page_diary #nav_diary,
#page_articles #nav_articles,
#page_gallery #nav_gallery,
#page_horses #nav_horses,
#page_contact #nav_contact,
#page_links #nav_links{
  	background:url(/site/images/decor_fader_white.png);
	filter:alpha(opacity=100);
	opacity:1.0;
	color:#333}
.subnav{
	font-size:80%;
	font-weight:bold;
	margin:22px -0.5em 1em 0;
	padding:0;
	text-align:right}
.subnav li{
	display:inline}
.subnav a{
  	background:url(/site/images/decor_scroll.gif) center 18px no-repeat;
	margin-left:5px;
	padding:0 0 22px 0}
/* end nav styling */
/* +++++ sponsor bar elements +++++ */
#sponsors{
	float:left;
	margin-right:-200px;
	width:200px}
#sponsors_decor{
  	background:url(/site/images/decor_scroll.gif) center 232px no-repeat;
	padding-bottom:31px}
#sponsors p{
	color:#666;
	font-size:80%;
	font-weight:bold;
  	text-align:center}
#sponsors a{
	color:#666 !important}
#sponsors .logo{
  	display:block;
	margin:0.5em 0;
	position:relative;
	width:100%}
#sponsors span{
	filter:alpha(opacity=70);
	opacity:0.7;
	position:absolute;
	width:100%;
	/*z-index:-1*/}
#sponsors a:hover span{
	filter:alpha(opacity=100);
	opacity:1.0;
	/*z-index:1*/}
#sponsors #absorbine{
	height:106px}
#sponsors #absorbine span{
  	background:url(/site/images/logo_absorbine.gif) center top no-repeat;
	height:106px}
#sponsors #blue_chip{
	height:149px}
#sponsors #blue_chip span{
  	background:url(/site/images/logo_blue_chip.gif) center top no-repeat;
	height:149px}
#sponsors #bossy_bibs{
	height:160px}
#sponsors #bossy_bibs span{
  	background:url(/site/images/logo_bossy_bibs.gif) center top no-repeat;
	height:160px}
#sponsors #buffera{
	height:81px}
#sponsors #buffera span{
  	background:url(/site/images/logo_buffera.gif) center top no-repeat;
	height:81px}
#sponsors #dalmar{
	height:67px}
#sponsors #dalmar span{
  	background:url(/site/images/logo_dalmar.gif) center top no-repeat;
	height:67px}
#sponsors #poly_pads{
	height:41px}
#sponsors #poly_pads span{
  	background:url(/site/images/logo_poly_pads.gif) center top no-repeat;
	height:41px}
#sponsors #sealskinz{
	height:150px}
#sponsors #sealskinz span{
  	background:url(/site/images/logo_sealskinz.gif) center top no-repeat;
	height:150px}
#sponsors #snuggy_hoods{
	height:88px}
#sponsors #snuggy_hoods span{
  	background:url(/site/images/logo_snuggy_hoods.gif) center top no-repeat;
	height:88px}
#sponsors #sueme{
	height:125px}
#sponsors #sueme span{
  	background:url(/site/images/logo_sueme.gif) center top no-repeat;
	height:125px}
/* start main content styling */
#content{
  	background:url(/site/images/decor_fader_white.png);
	border-radius:12px 0 12px 12px;
	-khtml-border-radius:12px 0 12px 12px;
	-moz-border-radius:12px 0 12px 12px;
	-webkit-border-radius:12px 0 12px 12px;
	color:#282828;
	margin:4px 0 1em 0;
	padding:1em;
	overflow:hidden;
	position:relative}
#content_inner{	
	border-left:1px solid #ccc;
	position:relative;
	left:218px;
	min-height:1289px;
	margin-top:-22px;
	padding:0 218px 0 1em}
#content_inner p{
	line-height:125%;
	max-width:525px}
#content_inner li, #content_inner dd{
	line-height:125%;
	max-width:510px}
	/* +++++ home page elements +++++ */
#home_boxes{
	clear:right;
	margin-top:2.5em;
	text-align:center}
#home_diary,#home_gallery{
  	background:url(/site/images/decor_scroll.gif) center -30px no-repeat;
	float:left;
	padding-top:30px;
	text-align:left;
	width:47%}
#home_diary{
	border-right:1px solid #ccc;
	padding-right:1em;
	margin-right:1em;}
#home_boxes h2{
	margin:0.5em 0;
	text-align:center}
#home_boxes .diary_date{
	border:none;
	font-weight:bold;
	margin-bottom:-0.5em}
	/* +++++ diary page elements +++++ */
.diary_item .decor_right{
	margin-top:-2.75em}
.diary_date{
	border-bottom:1px solid #ccc;
	color:#555;
	width:525px}
	/* +++++ sponsor page elements +++++ */
.facebook{
  	background:url(/site/images/logo_facebook.png) right top no-repeat;
	padding: 0 45px 45px 0}
.twitter{
  	background:url(/site/images/logo_twitter.png) right top no-repeat;
	padding: 0 45px 45px 0}
	/* +++++ Gallery elements +++++ */
.gallery{
	border:1px solid #ccc;
	padding:5px 5px 361px 5px; /* bottom margin = max image height + standard padding */
	position:relative;
	text-align:left;
	width:500px}
.gallery a{
	cursor:default;
	margin:0;
	padding:0;
	text-decoration:none !important}
.gallery a img{/*not vital but helps slow connects display correctly*/
	height:51px;
	width:51px}
.gallery span.gallery_photo_full img{
	height:auto;
	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,.gallery a:focus span.gallery_photo_full{/*CSS for enlarged span*/
  	background:#fff;
	border-top:1px solid #ccc;
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:5px 0;
	height:350px;
	width:100%;
	text-align:center;
	text-decoration:none;
	visibility:visible;
	z-index:1}
.gallery a:hover span.gallery_photo_full span,.gallery a:focus span.gallery_photo_full span{
  	background:url(/site/images/decor_fader_white.png);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#282828;
	font-weight:bold;
	font-size:75%;
	padding:3px 5px;
	position:absolute;
	bottom:10px;
	left:5px;
	text-align:right;
	width:490px}
.gallery_instructions{
  	background:url(/site/images/decor_fader_white.png);
	border-top:1px solid #ccc;
	color:#555;
	font-weight:bold;
	font-size:90%;
	padding-top:10px;
	position:absolute;
	bottom:0;
	left:0;
	height:350px;
	text-align:center;
	width:100%;
	z-index:0}
	/* +++++ event page elements +++++ */
.horse, .event, .pos, .total{
	font-weight:bold}
	/* +++++ list elements +++++ */
ul{list-style:square;
	margin-left:15px;
	padding-left:0}
ol{margin-left:15px;
	padding-left:0}
.wider li{
	margin-bottom:1em}
.wider ul{
	padding:1em 0 0 1em}
.wider ul li{
	margin-bottom:0.5em}
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;
	font-weight:bold}
#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: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%;
	margin-bottom:1em;
	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/decor_fader_white.png);
	border:solid 2px #ccc;
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	bottom:-15px;
	right:10px;
	width:auto}
	/* +++++ other elements +++++ */
.alert{
	background:#ffff00}
.author{
	color:#555;
	font-weight:bold}
.boxed_item{
	background:url(/site/images/decor_scroll.gif) center -30px no-repeat;
	padding:15px 0 25px}
.five2five{/*applies to boxed_items only*/
	width:525px}
cite{
	font-weight:bold}
.back2top{
	clear:right;
	margin-bottom:-1em;
	text-align:right}
.back2top a{
	color:#888 !important;
	font-size:80%;
	font-weight:bold}
.back2top a:hover{
	color:#888 !important}
#content .clear{
	clear:right}
.decor_right{
	clear:right;
	float:right;
	margin:0 0 1em 2em;
	padding:0 0 5px;
	position:relative}
.decor_right div{
	font-weight:bold;
	font-size:80%;
	padding:0 5px;
	text-align:right;
	width:190px}/*image width - 2 x padding*/
.decor_text{
	border-left:1px solid #ccc;
	padding-left:10px;
	font-size:80%;
	width:190px}
.decor_inline{
	width:525px}
.decor_inline div{
  	font-weight:bold;
	font-size:80%;
	padding:0 5px;
	text-align:right;
	width:515px}/*image width - 2 x padding*/
.decor_top{
  	background:url(/site/images/decor_scroll.gif) center -30px no-repeat;
	display:block;
	height:30px;
	margin:1em 0}
.decor_bottom{
  	background:url(/site/images/decor_scroll.gif) center 0 no-repeat;
	display:block;
	height:30px;
	margin:1em 0}
.hidden{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden}
/*.lighten{
	filter:alpha(opacity=95);
	opacity:0.95}*/
th.horsename{
	vertical-align:middle}
td.horsename{
	font-weight:bold}
.noTOPmargin{
	margin-top:0}
a.right{
	float:right}
img.right{
	padding:0 0 1em 2em;
	float:right}
p.right{
	text-align:right}
sup{font-weight:normal;
	vertical-align:top}
/* end main content styling */
/* start footer styling */
#footer{
  	background:url(/site/images/decor_fader_white.png);
	border-radius:12px;
	-khtml-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	color:#222;
	font-weight:bold;
	font-size:90%;
	line-height:140%;
	padding:0 2% 1em 2%;
	position:relative}
#footer_1, #footer_2{
	float:left;
	width:250px}
#footer a{
	color:#555}
#footer a:visited{
	color:#222}
#copyright{
	padding:1em 2% 0 0;
	position:absolute;
	top:0;
	right:0;
	text-align:right}
#simius{
	clear:both;
	text-align:right}
/* end footer styling */