/*
Style sheet for screen media
*/

*{ margin: 0; padding: 0; }
/*
page elements
*/
body {
	background-color: #333366;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: .75em;
	text-align: left;
}

#requestcatalog p {
	font: .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

#container {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0; 
	background: #333366 url("../images/background.gif") repeat-y top center;
	text-align: left;
}

#containermain {
	width: 820px;
	margin: 0 auto; 
	background: #CC9966 url("../images/background_old.gif") repeat-y top center;
	text-align: left;
}

#content {
	width: 790px;
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
}

/*
main page elements
*/

#content #leftcol {
  float: left;
  width: 550px;
  margin-left: 25px;
}
  
#content #rightcol {
	margin-right: 40px;
	/*
	font: bold 20px/22px helvetica, arial, sans-serif;
	color: #333366;
}  

#content #rightcol ul {
	display: block;
	list-style-image: url(bullet.gif);
}

#content #rightcol ul li {
	font: italic 18px/25px helvetica, arial, sans-serif;
	color: #333366;
}

#content #rightcol {
  float: right;
  width: 395px;
  /*margin: 35px;
  display: inline;*/
  }

#content h2, #content #leftcol h2 {
	font: bold 1.7em "Times New Roman", Times, serif;
	color: #333366;
	text-align: center;
}

#shows h3 {
	margin-bottom: 10px;
}

#shows h5, #herdsires h5, #femalesale h5 {
	font: bold 1em "Times New Roman", Times, serif;
	color: #000000;
	text-align:left;
	margin-bottom: 5px;
	margin-top: 10px;
}

#shows h3, #content h3, #femalesale h3, #content #leftcol h3 {
	font: bold 1.1em "Times New Roman", Times, serif;
	color: #000000;
	text-align: center;
}

#content h4, #content #leftcol h4 {
	font: 1em "Times New Roman", Times, serif;
	color: #000000;
	text-align: center;
}

#about h4, #viewcatalog h4, #bronco h4, #femalesale h4 {
	font: bold 1.05em "Times New Roman", Times, serif;
	color: #000000;
	text-align: left;
	margin-left:0px;
}

#femalesale p em {
	font-weight:bold;
	color:#F00;
}
/*
header elements
*/

h1 {
	top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font: small-caps bold 16px/20px helvetica, arial, sans-serif;
	color: #333366;
}

h2 { 
	margin-left: 20px;
	margin-right: 20px;
	/*margin-top: -20px;*/
	font: bold 1em "Times New Roman", Times, serif;
	color: #333366;
} 

#content #logo h1 {
    height: 100px;
	width: 300px;
	background: #CC9966 url("../images/logo.gif") no-repeat;
	float: left;
    display: inline;
    font-size: 1px;
    color: #CC9966;
    border: none;
	margin: 0 0 0 18px;
	}
#content #pageTop {
    height: 100px;
	width: 150px;
	float: right;
    display: block;
    color: #CC9966;
    border: none;
	margin-right: 5px;
	background: #CC9966 url("../images/pageheader_card.gif") no-repeat top left;
}

#herdsires h1, #forsale h1, #shows h1, #viewcatalog h1, #requestcatalog h1, #about h1, #salead h1, #bronco h1, #femalesale h1 {
    height: 100px;
	width: 600px;
	float: left;
    display: block;
    color: #CC9966;
    border: none;
	margin-left: 10px;
	font-size: 1px;
}

#about h1 {
    background: #CC9966 url("../images/aboutus.gif") no-repeat top left;
}

#herdsires h1 {
    background: #CC9966 url("../images/herdsires.gif") no-repeat top left;
	}

#forsale h1 {
    background: #CC9966 url("../images/forsale.gif") no-repeat top left;
}

#shows h1 {
    background: #CC9966 url("../images/shows.gif") no-repeat top left;
}

#viewcatalog h1 {
    background: #CC9966 url("../images/viewcatalog.gif") no-repeat top left;
}

#requestcatalog h1 {
    background: #CC9966 url("../images/requestcatalog.gif") no-repeat top left;
}

#salead h1 {
    background: #CC9966 url("../images/salead.gif") no-repeat top left;
}

#bronco h1 {
	background: #CC9966 url("../images/bronco.gif") no-repeat top left;
}

#femalesale h1 {
	background: #CC9966 url("../images/femalesale.gif") no-repeat top left;
}

#main h1 {
    height: 175px;
	width: 690px;
	background: #CC9966 url("../images/main.gif") no-repeat;
	float: none;
    display: block;
    text-indent:-9999px;
    color: #CC9966;
    border: none;
}

/*
link elements
*/

a:link, #footer ul li a:link { 
	color: #336699;
}
	
a:active, #footer ul li a:active { 
	color: #333366;
	text-decoration: none;
}
	
a:hover, #footer ul li a:hover { 
	color: #FFFFFF;
	text-decoration: none;
}


/*
menu elements
*/
#navcontainer {
	float: right;
	margin-right: 15px;
	}
	
#navcontainer ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 30px;
	text-indent: -9999px;
	}
#navcontainer li {
	margin: 0;
	padding: 0;
	}

#navcontainer ul a {
	text-decoration: none;
	display: block;
	width: 125px;
	height: 40px;
	}
#navcontainer .linkHome a {
	background: url("../images/menu_home.gif") no-repeat left top;
	}
#navcontainer .linkAboutUs a {
	background: url("../images/menu_aboutus.gif") no-repeat left top;
	}
#navcontainer .linkHerdSires a {
	background: url("../images/menu_herdsires.gif") no-repeat left top;
	}
#navcontainer .linkCattleForSale a {
	background: url("../images/menu_cattleforsale.gif") no-repeat left top;
	}
#navcontainer .linkShows a {
	background: url("../images/menu_shows.gif") no-repeat left top;
	}
#navcontainer .linkViewCatalog a {
	background: url("../images/menu_viewcatalog.gif") no-repeat left top;
	}
#navcontainer .linkRequestCatalog a {
	background: url("../images/menu_requestcatalog.gif") no-repeat left top;
	}
#navcontainer .linkBronco a {
	background: url("../images/menu_bronco.gif") no-repeat left top;
	}
#navcontainer .linkFemaleSale a {
	background: url("../images/menu_femalesale.gif") no-repeat left top;
	}

#navcontainer li a:hover {
	background-position: 0 -40px;
	}
/*#navcontainer li.linkForSale a:hover {
	background-position: 0 -36px;
	}*/
#containermain #navcontainer .linkHome a, #herdsires #navcontainer .linkHerdSires a, #forsale #navcontainer .linkCattleForSale a, #shows #navcontainer .linkShows a, #viewcatalog #navcontainer .linkViewCatalog a, #requestcatalog #navcontainer .linkRequestCatalog a, #about #navcontainer .linkAboutUs a, #bronco #navcontainer .linkBronco a, #femalesale #navcontainer .linkFemaleSale a {
	background-position: 0 -80px;
}
	
/*
image elements
*/


#thumbnail {
  width: 200px;
  float: left;
  margin: 0 5px 5px 0;
  }
  
#thumbnail_right {
  width: 300px;
  float: right;
  margin: 0 25px 20px 20px;
  }
  
#thumbnailbig {
  width: 300px;
  float: left;
  margin: 0 15px 15px 0;
  }

#thumbnailbig_right {
  width: 300px;
  float: right;
  margin: 0 5px 5px 0;
  }

#thumbnail p, #thumbnailbig p, #thumbnail_right p, #thumbnailbig_right p {
   text-align: center;
   margin: 0px 5px 5px 0;
   font: bold .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#clearboth {
	clear: both;
}
   
/*
footer elements
*/

#contact p {
	font-weight: bold;
	font-size: .75em;
}

#footer {
	width: 790px;
	margin-top: 5px;
	margin-bottom: 25px;
}

#footer p, #footer #saledate p, #footer ul li {
	color: #333366;
	text-align: center;
	/*margin-top: -20px;*/
	}
	
#footer p {
	font: .85em "Times New Roman", Times, serif;
}

#footer #saledate {
	margin: 0px;
	}
#footer #saledate p {
	font: italic .85em "Times New Roman", Times, serif;
}

#footer #cap {
	height: 15px;
	background: transparent;
	margin: 0px;
	}
	
#footer ul {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font: .7em "Verdana", Geneva, Arial, Helvetica, sans-serif;
} 



/*
form elements
*/
	/* -- reply form -- 
		#replyForm {margin: 1em 0; background: #eee; border: solid 1px #e6e6e6; padding: 10px;}
		#replyForm span {display: block; margin: 0; background: #f6f6f6; padding: 2px 4px; border: solid 1px #e6e6e6; border-width: 1px 0;}
		#replyForm label {width: 115px; float: left;}
		#replyForm .submit label {float: none; width: auto;}
		#replyForm h2, #replyForm p {display: inline;}
		#replyForm textarea {width: 420px;}
		#replyForm textarea.preview {width: 320px;}
		#preview {margin-right: 15px;}
		.submit input {float: left; border: solid 1px #419EC5; color: #fff; background: #4CBAE8; padding: 3px;}
		#text {clear: left;}*/


/*INPUT, TEXTAREA, .altButtonFormat, .altTextField, .radioStyle {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -20px;
	padding: 10px;
	text-indent: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	border: none;
}*/
