html { overflow-y: scroll;} /* Show a vertical scrollbar in IE to prevent content 'twitches' */

div {margin:0;}
body {
	background-color:#FFFFFF;
	/*
	background-image:url(../images/page_background.gif);
	background-repeat:no-repeat;
	background-position:center 80px;
	*/
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:1.5em;
	/* center the content in IE 5 */
	text-align:center;
}
/* Text settings & margin settings for headings etc */
p {
	margin-top:0;
	margin-bottom:1.5em;
}

div.details p{
	line-height: 1.5em;
}

div.newsHeader {
	border: 0;
	border-bottom: 1px solid #E4E4E4;
	margin-top: 1.5em;
	background-image:url(../images/bkg_featurepanel.jpg);
	background-repeat:repeat;
	margin: 0;
	margin-bottom: 0.25em;
	padding:0.5em;

}

div.newsHeader h2 {
	display:inline;
	margin-right: 4em;
}

p.feature {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-top:0.5em;
	margin-bottom:1.5em;
	padding-right: 24px;
	padding-left: 24px;
	border-left: 4px solid #7DB383;
	border-right: 4px solid #7DB383;
	clear:both;
}

p.help {
	width: auto !important;
	font-size: 0.9em;
	color:#234124;
	text-align: left !important;		
	margin-left: 32px;
	margin-right: 32px;
	
}

p.help strong {
	font-size: 1.1em;
	font-weight: normal;	
}

p.footNote {
	font-size: 85%;
	color: #504C4B;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top:0;
	margin-bottom:1.0em;
	border: 0;
	border-bottom: 0px solid #DDD;
}

div#footer p.footNote {
	font-size: 85%;
	color: #504C4B;
	padding: 0;
	margin: 0;
	border: 0;

}

a:link {
color: #2B572B;
}
a:visited {
color: #3D8C3D;
}
a:hover {
color: #7DB383;
}
a:active {
color: #A56B48;
}

/* Container that positions everything in the middle of the page */
div#container {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	/* fix the text alignment */
	text-align:left;
}

/* Header and navigation */
div#header {
	width:100%;
	height:112px;
	background-image:url(../images/header_background.gif);
	background-repeat:no-repeat;
	float:left;
}
div#header h1 { text-indent:-10000em; margin:0; padding:0;}

div#nav {
	width:100%;
	text-align:center;
	float:left;
}
div#nav ul {
	width: 100%;
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:1.5em;
	float:left;
	border:2px solid #CFCFCF;
	border-left:0;
	border-bottom:0;
	border-right:0;
}
div#nav li {
	float:left;
	margin:0;
	padding:0;	
	width:auto;
	margin-right:16px;
	padding-bottom:9px;
	margin-top: -2px;
}
div#nav li a {
	display:block;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	border:2px solid #999999;
	border-left:0;
	border-right:0;
	padding:.2em;
	
}
div#nav li a:hover {
	color:#000000; 
	background-color:#e4efe1; 	
}
div#nav li a:link {color:#000000;}
div#nav li a:active {color:#000000;}
div#nav li a:visited {color:#333;}
div#nav li.active {
	background-image:url(../images/nav_active.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}
/* The footer */
div#footer {
	float:left;
	width:100%;
	padding:75px 3em 1.5em 3em;
	border:0;
	background-image:url(../images/footer_background.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div#footer p { margin-bottom:1em;}
/* The columns */
div.colLeft, div.colRight {
	float:right;
}
div.colLeft {
	width:180px;
	padding-right:8px;
	text-align:left;
}
div.colRight {
	width:390px;
	margin-left:8px;
	padding-left:8px;
}
div.colFull {
	float:left;
	width:100%;
}
div.colFull img {margin-bottom:1.5em;}

img#imgBanner {
	border: 1px solid #AAA;
}

hr {
	width:100%;
	height:0px;
	border-top:0px solid #cccccc;
	clear:both;
}

div.photos {
	text-align:left;
}

div.photos img {
	border:3px solid #000000;
	margin-bottom:1.5em;
	
}

img.imgFull {
	border:3px solid #000000;
	margin-bottom:1.5em;
}
p.blurb {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:1.3em;
}

/* Headings */
h1, h2 {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	letter-spacing: -0.0525em;
	font-weight:normal;
	color:#424242;
}

h1 { 
	font-size:2.4em; 
	line-height:1.2em;
	padding-bottom: 0em;
	overflow:visible;
	margin-bottom:0.5em;
}

img.left, img.right {border:1px solid #000000;}
img.left {float:left; margin-right:.5em;}
img.right {float:right; margin-left:.5em;}

/* featurePanel - an inset panel for showing brief details on one horse */

div.featurePanel {
	float: left;
	font-size: 80%;
	margin-top:1.5em;
	margin-bottom:1.5em;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	border-left: 4px solid #EEE7DD;
	border-right: 4px solid #EEE7DD;
}

div.featurePanel div.colLeft {
	float:left;
	width: 170px;
	text-align:left;
}

div.featurePanel div.colRight {
	width: 360px;
	float:right;
}

div.featurePanel a {
	float: right;
}

/* Styling for L-user error messages: */
div#userMessage {
	padding: 0.5em;
	padding-left: 48px;
}

#userMessage h2, #userMessage h3, #userMessage p{
	display: inline;
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#userMessage p{
	margin-left: 0;
	padding-left: 0;
	margin-right: 2em;
}

.error {
	padding-top: 0.5em;
	background-repeat: no-repeat;
	background-position: 0.5em 0.75em;
	border-top: 4px solid #DE2723;
}

.warning {
	padding-top: 0.5em;
	background-repeat: no-repeat;
	background-position: 0.5em 0.75em;
	border-top: 4px solid #FFDE02;
}

.success {
	padding-top: 0.5em;
	background-repeat: no-repeat;
	background-position: 0.5em 0.75em;
	border-top: 4px solid #4AB900;
}

.info {
	padding-top: 0.5em;
	background-repeat: no-repeat;
	background-position: 0.5em 0.75em;
	border-top: 4px solid #0076F4;
	background-color: #FFF;
}


/* 	
	----------------------------------------------------------------------
	CARAMEL CREDIT LINK
	Styled paragraph and coloured link.
	---------------------------------------------------------------------- 
*/
#caramel {
	font-size:0.8em;
	margin-top:1em;
}
#caramel a:hover{color:#0099ff;}


