@charset "utf-8";

body {
	font: medium Verdana, Arial, Helvetica, sans-serif;
/*	background: #630;*/
background:#663;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

/* outerDiv allows us to have a repeating wood pattern behind the main background photo */
#outerDiv {
	width:1000px;
	display:block;
	padding:0;
	margin: 0 auto;
	background-image:url(images/wood.jpg);
	background-repeat:repeat;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 0;
	border-right: 0;
}

#container {
/*	position:absolute;
	top:0px;*//*This works for positioning the background at top, but doesn't allow us to use clear:both	*/
	float:left;
	margin: 0 auto;	
	border:0;
	padding: 0;
	width: 1000px;  
	text-align: left; 
	background-image:url(images/buckle-page.jpg);
	background-repeat:no-repeat;
	display:block;
}

#header {
	position:relative;
	padding: 0;
	margin:0;
	border:0;
}

#mainContent {
	position:relative;
	padding: 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 35px 31px 0px 34px;
	background: #FFFFFF;
	border:0;
}

#mainContent p {
	padding: 0px 20px;
}

h1 {
	text-align:right;
	margin: 0;
	padding: 0;
	font:Tahoma, Geneva, sans-serif;
	font-size:30px;
	font-style:bold;
	color:#630;
}

blockquote {
	font-size:16px;
	font-style:italic bold;
}

div.hr {
  height: 10px;
  background: #fff url(images/rope.jpg) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

#creditFooter {
	clear:both;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
/*	background: #630;*/
	margin: 0px 0px; 
	padding: 5px 10px;
	text-align: center; 
}

#creditFooter p {
	margin: 0; 
	padding: 10px 0; 
}

#copyright {
	font-size: 12px;
	font-weight:normal;
}

#footer {
		margin: 0px 31px 0px 34px;
		padding: 10px 0px;
		background-color:#FFF;
		border:none;
		text-align: center;
		font-weight:bold;
}

.featureImg {
	font-size:10px;
	text-align:right;
	display:block;
	margin: 10px 15px 10px 15px;
}

.featureText {
	font-size:18px;
	text-align:left;
	padding: 20px 20px;
	color:#630;
}

.horseName {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	padding: 10px;
	color:#630;
}

.fltRt{
	float:right;
	clear: right;
}

.fltLft{
	float:left;
	clear:left;
}

.clrFlt {
	clear:both;
}