/* CSS Document */
body { background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#000000; text-align:center; }
h1, .cms-heading-content { font-size:145%; font-weight:normal; padding-top:0px; margin-top:0px; color:#990000; }
h2 {font-size:100%; font-weight:bold; padding-bottom:0px; padding-top:0px; margin-top:0px;margin-bottom:3px; color:#990000;}
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; height:60px;  }

clear:after { content:"."; visibility:hidden; clear:both; display:block; height:0; }

body.cms-display .cms-text-content, body.cms-display .cms-heading-content { padding:0; }

/* div styles */
div#container { width:750px; background-color:#FFFFFF; margin:10px auto; text-align:left; }
div#logo { height:65px; width:750px; }

div#header-img {
	width:294px;
	height:65px;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(/images/header-darci-brahma.jpg);
	float:right;
}
	body.home div#header-img { background-image:url(/images/header-darci-brahma.jpg); }
	body.what-we-do div#header-img { background-image:url(/images/header-shikoba.jpg); }
	body.who-we-are div#header-img { background-image:url(/images/horse_racing.gif); }
	body.opportunities div#header-img { background-image:url(/images/header-darci-race.jpg); }
	body.race-days div#header-img { background-image:url(/images/header-race-day.jpg); }
	body.news div#header-img { background-image:url(/images/header-horse-racing.jpg); }
	body.contact div#header-img { background-image:url(/images/header-horse-racing-legs.jpg); }

div#nav {
	font-size:100%;
	font-family:Arial,  "Trebuchet MS" , Helvetica, sans-serif;
	font-weight:bold;
	height:34px;
	width:680px;
	padding:0 0 0 70px;
	background:transparent url(../images/red_square.gif) top left no-repeat;
	position:relative;
	z-index:101;
}
	a.home {
		position:absolute;
		top:8px;
		left:40px;
	}
	
	div#nav ul {
		margin:0;
		float:left;
		padding:0;
	}		
		div#nav li {
			float:left;
			list-style:none;
			margin:0 15px;
			#margin:0 10px;
			padding:0;
		}
			div#nav li a {
				line-height:33px;
			}
				div#nav a:link, div#nav a:visited {
					color:#333333;
					text-decoration:none
				}
				
				div#nav a:hover, div#nav a:active, body.home div#nav li.home a, body.what-we-do div#nav li.what-we-do a, body.who-we-are div#nav li.who-we-are a, body.opportunities div#nav li.opportunities a, body.race-days div#nav li.race-days a, body.news div#nav li.news a, body.punters div#nav li.punters a, body.contact div#nav li.contact a {
					color:#993333;
					text-decoration:none
				}

div#page { width:750px; background-color:#FFFFFF; text-align:left; /*min-height:350px;*/ }
/*div#page * { display:none; }*/
div#content { width:438px; /*position:relative;*/ text-align:left; padding:30px 15px 30px 30px; float:left; }
	body.home div#content { padding-top:15px; }
div#content a:visited, div#content a:link { color:#000000; text-decoration:underline}
div#content a:hover, div#content a:active { color:#993333; text-decoration:underline}

div#newsflash { background-color:#99cc66; width:437px; }
div#newsflash h2 { padding-top:21px; overflow:hidden; background:url(../images/newsflash.gif) no-repeat #99cc66; height:0px !important; height /**/:21px; }
div#newsflash li { list-style:url(../images/news_li.gif); }
div#innerwrap { margin:0px 5px; }
div#innerwrap h2{ font-size: 14px; color:#000000; }

body.home div.cms-summariser-large { color: #000000; }
	body.home ol.cms-summariser-items { padding-left: 5px; }
	body.home div.cms-summariser-large div.thumbnail { display: none; }

div.img-caption { float:right; margin:0 0 6px 6px; width:165px; }
div.img-caption img { display:block; margin:0 0 0.25em; }
div.img-caption span { font-size:0.8em; display:block; text-align:center; }

div#right { width:200px; /*position:relative;*/ float:right; padding:30px 30px 30px 15px; }
div#right a:visited, div#right a:link { color:#E3789C; text-decoration:underline}
div#right a:hover, div#right a:active { color:#F9CBD8; text-decoration:underline}

div#facebook { margin-bottom:20px; }

div#box1 { padding:10px; background-color:#669933; color:#FFFFFF; font-size:90%; }
div#box1 h1 {font-size:130%; font-weight:bold; padding:0px; margin:2px; color:#FFFFFF;}
div#box1 a:visited, div#box1 a:link, div#box1 a:active { color:#FFFFFF; text-decoration:underline}
div#box1 a:hover { color:#99CC66; text-decoration:underline}

body.cms-edit div#box1 .cms-text-content { color:#000; }

div#box2 { padding:10px; background-color:#99CC66; color:#FFFFFF; font-size:90%;}
div#box2 h1 {font-size:130%; font-weight:bold; padding:0px; margin:2px; color:#FFFFFF;}
div#box2 a:visited, div#box2 a:link, div#box2 a:active { color:#FFFFFF; text-decoration:underline}
div#box2 a:hover { color:#669933; text-decoration:underline}

div#box3 { padding:10px; background-color:#993333; color:#FFFFFF; font-size:90%;}
div#box3 h1 {font-size:130%; font-weight:bold; padding:0px; margin:2px; color:#FFFFFF;}
div#box3 a:visited, div#box3 a:link, div#box3 a:active { color:#FFFFFF; text-decoration:underline}
div#box3 a:hover { color:#CC6666; text-decoration:underline}

.box1border { border:1px solid #99CC66; }
.box2border { border:1px solid #669933; }
.box3border { border:1px solid #CC6666; }

div#footer { clear:both;width:750px; background-color:#CCCCCC; font-size:80%; text-align:center; }
div#footer a:visited, div#footer a:link { color:#000000; text-decoration:underline}
div#footer a:hover, div#footer a:active { color:#993333; text-decoration:underline}

hr.double, hr.cms-separator-content { border-top: 4px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right:0px; border-left:0px; color: #ffffff; background-color: #fff; height: 6px; }

div#banner {
	width:690px;
	margin:25px auto 0;
	text-align:center;
	font-size:1.2em;
	text-transform:uppercase;
	background:#650b14 url(../images/banner-bg2.jpg) top left repeat-x;
	display:none;
}
	div#banner .wrapper { background:transparent url(../images/banner-bg.jpg) -6px 0 no-repeat; }
	
	div#banner a { color:#fff; text-decoration:none; }
	
	div#banner p { margin:0; padding:0; }
	
	div#banner .cms-text-content { margin:0; color:#fff; background:transparent url(../images/banner-bg.jpg) 684px 0 no-repeat; }
	
	body.home div#banner { display:block; }

/* classes */
.border, body.cms-display .cms-image-content img, body.cms-display .cms-imagetext-content img { border:1px solid #CCCCCC; padding:3px; /*margin-left:5px;*/}
.smallfont { font-size:85%; font-style:italic; }
.form { width:250px; }
.smform { width:150px; }

.button { font-size:90%; padding:2px; }
.button_active { font-size:90%; padding:2px;}

h3 { font-size:100%; font-weight:bold; padding:0; margin:0; color:#000000; }
.performance { font-style:italic; }
h3.performance { margin:10px 0 0px; font-size:110%; }
p.performance { margin-top:0; }

div.cms-pagesummariser-display ol li h5 { margin-bottom:0; font-size:1.125em; color:#990000; }

.small { font-weight:normal; font-size:80%;}
.button {background-color:#333; color:white; border:1px solid #900; padding:2px 6px; #padding:0 2px; font-size:100%;}
.active {background-color:#999999; color:white; border:0px; width:50px; height:20px; font-size:100%;}

/* Display mode */
body.cms-display div#banner .cms-text-content { line-height:40px; min-height:40px; }

.cms-summariser-small { display: none; }

/* Edit mode */
body.cms-edit div#box1 a:visited, body.cms-edit div#box1 a:link, body.cms-edit div#box1 a:active { color:#333; }

body.cms-edit div#banner .cms-text-content { color:#333; background:#fff; }

body.cms-edit div#banner a { color:#333; }

/*\*/
/* html div#nav li { margin:0 10px; }*/
/**/