@charset "UTF-8";
/* Windrush Farms CSS Document */ 

  
Branding Section
/*----------------------------------------------*/

body, html {
	background-image: url(../images/leather4_bg.jpg);
	/*background:#ff8c00 url('images/leather4_bg.jpg') top left repeat;*/
	background-attachment: fixed;
	/*background-color: #FF8C00;*/ }

* {
	margin:0;
	padding:0; }

body {
	font-size: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ }

.oneColFixCtrHdr #container {
	width: 625px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #FFEBCA;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */ }

.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ }

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.oneColFixCtrHdr #container #location {
	margin-bottom: 3px;
	font-size: 9.75px; }




Main Content
/*----------------------------------------------*/

.oneColFixCtrHdr #mainContent {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto; }

.oneColFixCtrHdr #mainContent h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 20px;
	padding-top: 20px;
	margin-left: 30px;
	margin-bottom: 15px; }
	
.oneColFixCtrHdr #mainContent h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 16px;
	padding: 15px 0 15px 30px;
	margin-bottom: -10px; }
	
.oneColFixCtrHdr #mainContent h3 {
	border-bottom: 1px solid #473624;
	  color: #7e3823;
	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: 20px;
	  width: 575px;
	  padding: .50em 0 .50em .50em;
	  margin: 23px 20px 5px 20px; }
	  
.oneColFixCtrHdr #mainContent h4 {
	  color: #003366;
	  font-size: 14px;
	  font-weight: bold;
	  margin-left: 30px;
	  margin-bottom: 15px; }   

.oneColFixCtrHdr #mainContent p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #473624;
	font-size:12px;
	margin-left: 30px;
	margin-right: 30px;
	padding: .75em 0 .75em 0; }


	
.oneColFixCtrHdr #mainContent strong {
	color: #3C2000; 
	font-weight: bold;
	font-size: 13px; }
	
.oneColFixCtrHdr #mainContent img src {
	padding: 1em 5em 1em 1em;
	margin-left: 30px;
	margin-right: 30px; }
	
a:link, a:active {
	text-decoration: underline;
	color: #7e3823;
	background-color: transparent; }
	
a:hover, a:visited {
	text-decoration: underline;
	color: #003366;
	background-color: transparent; }
	
.oneColFixCtrHdr #mainContent ul, li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7E3823;
	font-size:12px;
	margin-left: 30px;
	margin-right: 10px;
	padding: .75em 0 .50em 0;
	list-style-image: none; }
	
#recipecut ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7E3823;
	font-size:12px;
	margin-left: 30px;
	margin-right: 10px;
	padding: .75em 0 .50em 0; }
	
#recipecut li {
	list-style-image: url(../images/cut_red.png); }

#starburst ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7E3823;
	font-size:12px;
	margin-left: 30px;
	margin-right: 10px;
	padding: .75em 0 .50em 0; }
	
#starburst li {
	list-style-image: url(../images/asterisk_orange.png); }
	
#greenarrow ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7E3823;
	font-size:12px;
	margin-left: 30px;
	margin-right: 10px;
	padding: .75em 0 .50em 0; }
	
#greenarrow li {
	list-style-image: url(../images/bullet_go.png); }
	
#award ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7E3823;
	font-size:12px;
	margin-left: 30px;
	margin-right: 10px;
	padding: .75em 0 .50em 0; }
	
#award li {
	list-style-image: url(../images/award_star_bronze_2.png); }
	
#bigtext {
	color: #3C2000; 
	font-weight: bold;
	font-size: 16px; }
	


Secondary Content
/*----------------------------------------------*/

#dataTable {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #473624;
	padding: 2em 5em 2em 5em;
	border-collapse: collapse; }
	
#dataTable th {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-weight: bold; }

#dataTable td {
	font-size: 12px;
	color: #473624; }

hr {
	background-image: url(../images/content_divider.jpg);
	width: 585px;
	margin: 10px 20px 10px 20px; }

.photocredit {
	text-align: right;
	padding-right: 65px;
	font-size: 9px;
	color: #473624; }
	
.photocredit-left {
	text-align: left;
	padding-right: 65px;
	font-size: 9px; }


#location {margin-bottom:10px;}

.hrule {
	border-bottom: 1px solid #473624; }
	
	



.c21,#contentCol .c21,#jump .c21 {width:95%;border:none;;border-left:1px solid #ccc;border-top:1px solid #ccc;margin:0 0 20px 15px;padding:0;} 

.c21 th,#contentCol .c21 th,#jump .c21 th {font-size:75%;vertical-align:top;text-align:left;padding:5px 5px;border:none;border-right:1px solid #666;border-bottom:1px solid #ccc}

.c21 th.c21Hdr,#contentCol .c21 th.c21Hdr,#jump .c21 th.c21Hdr {text-align:left;padding:5px 5px;background-color:#eeefe1;border-right:1px solid #ccc;border-bottom:1px solid #ccc}  

.c21 td,#contentCol .c21 td,#jump .c21 td {font-size:75%;vertical-align:top;padding:5px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#000}

.c21 th.c21Blank,#contentCol .c21 th.c21Blank,#jump .c21 th.c21Blank {border-top:none;background-color:#eeefe1}

#contentCol .c21 td .c10Left,#dContent .c21 td .c10Left,#jBody .c21 td .c10Left {vertical-align:middle;padding:1px 4px;font-size:90%;font-weight:bold;color:#3f3f3f;white-space:nowrap;border-right:none;border-bottom:none}

#contentCol .c21 td .c10Right,#dContent .c21 td .c10Right,#jBody .c21 td .c10Right {vertical-align:middle;padding:1px;font-size:90%;border-left:none;border-right:none;border-bottom:none}

.c21 caption,#contentCol .c21 caption,#jump .c21 caption {padding:10px 10px;border-top:1px solid #666;border-right:1px solid #ccc;border-left:1px solid #ccc;background-color:#d4d7b4;font-size:95%;font-weight:bold;text-align:left}

.c21bgColor1 {background-color:#f9f5e4} /* yellow */
.c21bgColor2 {background-color:#e8e9d9} /* green */
.c21bgColor3 {background-color:#eaeaea} /* grey */






Main Nav
/*----------------------------------------------*/
	

#nav {list-style-type:none; margin:0; padding:0; position:absolute; top:150px; left:0; width:625px; height:31px;}
#nav li {float:left; position:relative; margin:0; padding:0;}
#nav li a {height:0; padding-top:39px; display:block; overflow:hidden;}
#nav li a:hover {}
#nav li a:visited {}

#nav li ul {list-style-type:none; display:none; position:absolute; top:38px; left:0;}
#nav li:hover ul, #nav li.over ul{display:block;}
#nav li ul {margin:0; padding:0;}
#nav li ul li {float:none;}
#nav li ul li a {display:block; border-top:1px solid #662d1c; color:#fff; text-decoration:none; height:auto; margin:0; padding:8px 0 8px 14px; background-color:#7e3823;} /* base color for sub-nav items */
#nav li ul li a:hover {text-decoration:underline; background-color:#c55837;} /* rollover color for sub-nav items */

/* 2nd level list items */
#nav li ul ul {margin:-38px 0 0 0;}
#nav li ul ul#goats, #nav li ul ul#recipes {margin-left:121px;}
#nav li ul ul#forsale {margin-left:110px;}
#nav, #nav ul {padding:0; margin:0; list-style:none; line-height:1;}
#nav li:hover ul ul, #nav li.over ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.over ul {left:auto;}


#nav li#nav_1, #nav li#nav_1 ul {width:90px;}
#nav li#nav_2, #nav li#nav_2 ul {width:121px;}
#nav li#nav_3, #nav li#nav_3 ul {width:100px;}
#nav li#nav_4, #nav li#nav_4 ul {width:110px;}
#nav li#nav_5, #nav li#nav_5 ul {width:105px;}
#nav li#nav_6, #nav li#nav_6 ul {width:99px;}

ul#nav a#btn_home {background:url(../images/nav_images/btn_home.gif);}
ul#nav a#btn_home:hover {background:url(../images/nav_images/btn_over_home.gif);}
ul#nav a#btn_boergoats {background:url(../images/nav_images/btn_boergoats.gif);}
ul#nav a#btn_boergoats:hover {background:url(../images/nav_images/btn_over_boergoats.gif);}
ul#nav a#btn_kelpies {background:url(../images/nav_images/btn_kelpies.gif);}
ul#nav a#btn_kelpies:hover {background:url(../images/nav_images/btn_over_kelpies.gif);}
ul#nav a#btn_forsale {background:url(../images/nav_images/btn_forsale.gif);}
ul#nav a#btn_forsale:hover {background:url(../images/nav_images/btn_over_forsale.gif);}
ul#nav a#btn_events {background:url(../images/nav_images/btn_events.gif);}
ul#nav a#btn_events:hover {background:url(../images/nav_images/btn_over_events.gif);}
ul#nav a#btn_links {background:url(../images/nav_images/btn_links.gif);}
ul#nav a#btn_links:hover {background:url(../images/nav_images/btn_over_links.gif);}





Footer
/*----------------------------------------------*/

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 30px 0 0 0; }
	
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #473624;
	font-size: 11px;}


Box Styles
/*----------------------------------------------*/





Form Styles
/*----------------------------------------------*/