/* COLEYCHELLE FARM STYLESHEET
----------------------------------------------- */
body {
	margin: 0; 
	padding:0; 
	background:#E2E2E2 url(/images/bg-body.gif) repeat-x left top;
	text-align:center;
	font:76% Arial, Helvetica, sans-serif; 
	color:#3E3E3E;}	

img { border:none;}

.clear { clear: both; font-size:1px; line-height:0px;}
	
/* TEXT
----------------------------------------------- */		
h1 {font-size:1.6em; }	
h2 {font-size:1.4em; }
h3 {font-size:1.2em;}	
	
/* LINKS
----------------------------------------------- */	
a:link, a:visited { color:#94A66D; text-decoration:underline;}	
a:hover, a:active { color:#94A66D; text-decoration:none;}	

/* SKIP NAVIGATION
----------------------------------------------- */
#skip-navigation { position:absolute; width: 80%; top:-300px; left:0;}
#skip-navigation a { position: absolute; top:0;}

/* FORM
----------------------------------------------- */
form { margin:0; padding:0;}
input, select { font:11px Arial, Helvetica, sans-serif;}

/* IMAGE REPLACEMENT 
----------------------------------------------- */
.replace { position:absolute; left:0; top:0; display:block;}

/* LOGO 
----------------------------------------------- */
#logo { position:relative; float:left; width:207px; height:138px; margin:0; padding:0; font-size:16px;}
#logo em { width:207px; height:138px; background:transparent url(/images/logo.jpg) no-repeat left top; cursor:pointer; }
/* Hides from IE5-mac \*/
#logo {overflow:hidden;} 
/* End hide from IE5-mac */

/* PAGE LAYOUT
----------------------------------------------- */	
#container { width:761px; margin:0 auto; padding-top:10px; background:#94A66D url(/images/bg-container.gif) no-repeat left top; color:#3E3E3E; text-align:left; font-size:1em; }
#masthead { float:right; width:554px; background-color:#3E3E3E;  }
#content { width:761px; background:url(/images/bg-content.gif) repeat-y left top; }
#footer {background:url(/images/bg-footer.gif) repeat-x left top; padding:18px 10px 48px 10px; color:#FFF;}

/* MASTHEAD
----------------------------------------------- */	
#masthead img#header { width:554px; height:107px;}

#nav { margin:0; padding:0; list-style:none; background-color:#3E3E3E; }
#nav a { padding: 0 10px 9px 10px; height:31px; line-height:31px; font-weight:bold; color:#FFF; text-transform:uppercase; text-decoration:none; text-align:center;}
#nav a:hover { color:#94A66D; background:url(/images/navigation-border.gif) repeat-x left bottom;}	

#nav li li a { display:block; width:150px; padding:0; padding-left:5px; height:21px; line-height:21px; text-align:left; border-bottom:1px solid #FFF; background-color:#F7F0E1; color:#778651; }

#nav li li a:hover { background:#94A66D; color:#FEFBED;}

#nav li { float:left;  position:relative; text-align:center; cursor:default; background-color:#3E3E3E;}
#nav li ul { display:none; position:absolute; top:100%; left:0; margin:0; padding:0; list-style:none;}
#nav li>ul { top:auto; left:auto;}

#nav li li { display:block; width:150px; line-height:21px; float:none; background-color:#F7F0E1;}

#nav li:hover ul, #nav li.over ul { display:block;}

#nav li div { }

hr { display:none;}

/* CONTENT
----------------------------------------------- */	
#left-column { float:left; width:207px}

#left-column h3 { margin:6px 0 5px 0; text-transform:uppercase;}
#left-column p { margin:5px 0;}
#left-column h3, #left-column p, #left-column img { margin-left:25px; margin-right:20px;}
#left-column .hr { background-color:#DFE5D4; line-height:1px; font-size:1px; margin:0 7px 0 10px;}
#left-column img.frame { width:149px; height:112px; padding:4px; background:url(/images/photo-left-frame.gif) no-repeat}

#Signup_Header {
	margin:0; 
	padding:0; 
	color:#343D0F; 
	font-size:1.1em; 
}
#Signup_Form {
	padding: 0 0 10px 0;background:#A2B180 url(/images/bg-newsletter.gif) repeat-x left bottom; border-top:1px solid #B8C49D;
}
#Signup_Form fieldset {
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#Signup_Form br {
    display: none;
}
#Signup_Form .qfrow {
	clear: left;
    margin:0;
    margin-top:5px;
	padding: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 1.0em;
}
#Signup_Form .qfrow .qflabel {
	float: left;
	width: 40%;
	font-weight: bold;
}
#Signup_Form .qfrow .qfelement label {
	clear: both;
    width: 40%;
	font-weight: bold;
}
#Signup_Form .qfrow br {
    display: inline;
}
#Signup_Form input.emailAddress, #Signup_Form input.fullName { 
	width:100px; 
	margin-bottom:2px; 
	border:1px solid #A6B38A; 
	background:#81915F url(/images/bg-input-field.gif) repeat-x left top; 
	color:#222;
	font-size: 1.0em;
}

#Signup_Form h3 {
	font-weight: bold;
	margin:8px 0 0 26px; 
	color:#3E3E3E; 
}
#Signup_Form .submitButton {
	font-weight: bold;
	width: 60px;
	margin: 0; 
	background-color:#3E3E3E; 
	border:1px solid #A5AE8E; 
	color:#A1B07F; 
}
#main { float:right; width:520px; padding:15px 15px 38px 15px}
#main h2 { font-size:1.6em; margin:0 0 15px 0;}
#main h3 { font-size:1.4em; margin:0; }
#main h4 { font-size:1.2em; margin:0 0 3px 0;}
#main ul { margin:6px 0 24px 0; padding-left:0; list-style:none; }
#main li { margin:0 0 0 21px; padding-left:17px; background:url(/images/li-check.gif) no-repeat 0 2px; padding-bottom:2px;}
#main img.frame-right { float:right; width:208px; height:175px; margin-left:5px; padding:4px; background:url(/images/photo-main-frame.gif) no-repeat}
#main img.frame {border: 1px solid #ccc; padding: 2px;}
#main ul li h3 {margin-top: 20px;}
#main.homepage {
background-image: url(/images/gate_horse.jpg);
background-color: #fff;
background-position: left bottom;
background-repeat: no-repeat;
height: 580px;
}
.foalingDate {
text-align: right;
font-weight: bold;
}
.zebra { 
font-size: 95%;
border-collapse: collapse;
border: thin solid #3E3E3E;
}
.zebra caption {
font-weight: bold;
font-size: 150%;
}
.zebra TH {
background-color: #3E3E3E;
color: #fff;
}
.zebra TH, .zebra TD { 
border-top: thin solid #3E3E3E; 
border-bottom: thin solid #3E3E3E; 
padding: 0.3em;
vertical-align: top;
}
.alternative .even  { 
background-color: #fff;
color: #4e4e4e;
}
.alternative { 
background-color: #e8e8e8;
}
.alternative .even .biography a { 
color: #fff;
}
#main form {
    margin: 0;
    padding: 0;
}
#main form fieldset {
    border: none;
    padding: 10px 0 10px 0;
    margin: 0;
}
#main form fieldset.hidden {
    border: 0;
}
#main form fieldset legend {
    font-weight: bold;
}
#main form label {
    margin: 0 0 0 5px;
}
#main form label.qflabel {
    display: block;
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right;
}
#main form input, #main form textarea, #main form select {
    width: auto;
    border: 1px solid #3E3E3E;
    font:100% Arial, Helvetica, sans-serif; 
}
#main form textarea {
    overflow: auto;
    width: 300px;
}
#main form br {
    clear: left;
}
#main form div.qfelement {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}
#main form span.error, #main form span.required {
    color: red;
}
#main form div.error {
    width: 300px;
    border: 1px solid red;
    padding: 5px;
}
#contactdetails {
	margin: 10px;
	padding: 10px;
	border: 1px solid #3E3E3E;
	background:#A2B180 url(/images/bg-newsletter.gif) repeat-x left bottom;
}
#contactdetails a {
	color: #3E3E3E;
}
#columnOne {
	width: 220px;
}
#columnTwo {
	width: 220px;
	float: right;
}
.zero-top { margin-top:0;}
.clear-faux { height: 1px; width:761px; clear:both; background-color:#FFF; line-height:1px; font-size:1px;}
.hr {height: 1px;}
/* FOOTER
----------------------------------------------- */	
#footer p { margin:0; padding:0;}
#footer a:link, #footer a:visited { color:#FFF; text-decoration:none;}
#footer a:hover, #footer a:active { text-decoration:underline;}

#copyright { width:400px; float:left;}
#designed-by { width:300px; float:right; text-align:right;}