body{
margin:0;
padding:0;
line-height: 1.5em;
text-align: center;
background: #000000 url("../images/bkgrd.jpg") top left repeat-x;
font-size: .9em;
font-family: Arial, san serif;
}

b{font-size: 110%;}
em{font-color: #505050;}

#maincontainer{
width: 1040px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsectionwrap{
height: 150px; /*Height of top section*/
width: 1040px;
margin: 0 auto;
}

#topsection {
	height: 150px;
	width: 1040px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
height: 150px;
width: 1040px;
background: #000000 url("../images/head.jpg") top left no-repeat;
}

#topsection h1 span {
	display: none;
}

#contentwrapper{
float: left;
width: 100%;
text-align: center;
margin: 0 auto;
}

#contentcolumn{
margin: 0 55px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
text-align: left;
}

#contentcolumn h1#home {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_home.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#about {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_about.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#herdsires {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_herdsires.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#bullsale {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_bullsale.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#contactus {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_contactus.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#thankyou {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_thankyou.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#forsale {
	width: 790px;
	height: 75px;
	background: #ffffff url("../images/header_forsale.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
}

#contentcolumn h1#home span, #contentcolumn h1#about span, #contentcolumn h1#bullsale span, #contentcolumn h1#herdsires span, #contentcolumn h1#contactus span, #contentcolumn h1#thankyou span, #contentcolumn h1#forsale span {
	display: none;
}

#contentcolumn p {
	margin-top: 0;
	margin-left: 10px;
	margin-right: 5px;
	padding-bottom: 5px;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -1040px; /*Set margin to that of -(MainContainerWidth)*/
background: #000000;
}

#rightcolumn{
float: left;
width: 50px; /*Width of right column*/
margin-left: -55px; /*Set left margin to -(RightColumnWidth)*/
/*background: #FDE95E;*/
}

#rightcolumn h1 {
	margin:0;
	height: 300px;
	width: 50px;
	background: #000000 url("../images/sidebar.jpg") top right no-repeat;
}

#rightcolumn h1 span {
	display: none;
}
	

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: left;
padding: 4px 0;
}

#footer p{
	line-height: 120%;
	padding: 0;
	font-size: .8em;
	margin-left: 5px;
}

#logowrap {
	float: left;
	width: 75px;
	height: 150px;
}

#footertext {
	margin-left: 160px;
	margin-top: 10px;
	width: 100%;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.floatrightbdr {
	float: right;
	margin: 5px;
	border-width: 3px; 
 	border-style: solid; 
 	border-color: #700023;
}

.floatright {
	float: right;
	margin: 5px;
}

.floatleft {
       float: left;
       margin: 5px;
}


img {
	border-width: 3px; 
 	border-style: solid; 
 	border-color: #700023;
	margin: 5px;
}

img.noborder {
	border-style: none; 
}

img.floatrightnobdr {
	float: right;
	margin: 5px;
	border-style: none;
}

#imgdiv {
	width: 100%;
        text-align: center;
}

h2 {
	font-size: 1.4em;
	color: #d8272d;
	text-align: center;
	padding:0;
	margin-top: 10px;
	margin-bottom: 0px;
}

h3 {
	font-size: 1.2em;
	color: #700023;
	margin-left: 5px;
	padding:0;
	margin-top: 10px;
	margin-bottom: 0px;
}

h4 {
	font-size: 1em;
	padding:0;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.clearright {
	clear: right;
}

.clearleft {
	clear: left;
}

.clearboth {
	clear: both;
}

/*Menu - Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	/*border-color: #94AA74;*/
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	color: #000000;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url("../images/arrowred.gif") 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	text-align: left;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #ffffff;
}

.arrowgreen li a:hover{
	color: #bdbdbd;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #8dfd8d;
	background-position: 100% -64px;
}

/*
form elements
*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
/*clear: left;*/
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

table.data {
	width: 780px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 5px;
}


td.header {
	background-color: #700023;
	border: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: .9em;
	color: #fff;
}


td.bull { 
	border-bottom: 1px #700023 dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: .75em;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px; 
}