body {
background-color: #FAFBE5;
font-size: 11px;
font-family: Trebuchet MS, Arial, SunSans-Regular, Sans-Serif;
color:#333;
padding:0px;
margin:0px;
}
a {
color: #7E302A; 
text-decoration:none;
font-weight:bold;
}

h1 {
font-size: 11px;
text-transform:uppercase;
margin:0px;
padding:0px; }

h2 {
font-size:16px;
color: #7E302A;
font-family: 'Arial Narrow', SunSans-Regular, Sans-Serif;
text-transform: uppercase;
padding: 5px 10px;
margin:0px;}

form {
margin: 0;
padding: 0;
}

input, textarea, select {
font-size:10px;
}

.loading { 
	text-align: center;
	position: absolute; 
	padding-top: 280px;  
	height: 100%; 
	width: 100%; 
	color:white; 
	font-size: 10px; 
}

/* ----------container to center the layout-------------- */
#container {

width: 789px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
/* commented backslash hack v2 \*/
#container {

width: 780px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
/* end hack */

/* ----------container to center the layout (home page) ----- */
#containerHome {
background: transparent url(../images/bg-content.jpg) top left repeat-y;
width: 789px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
/* commented backslash hack v2 \*/
#containerHome {
background: transparent url(../images/bg-content.jpg) top left repeat-y;
width: 780px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
/* end hack */

/* ----------banner for flash-------------- */
#banner {
background-color: #FAFBE5;
text-align: center;
padding: 0px;
margin: 0px;
}

/* -----------------right content--------------------- */
#homeright
{
	position: relative;
	left: 10px;
}

*html #homeright
{
	left: 3px;
}


#right 
{
padding: 0px;
width: 318px;
margin-left: 462px;
margin-right: 0px;
margin-bottom:-20px;
}
*html #right {
margin-left: 459px;
margin-bottom:0px;
}
div#right { 
min-height:350px;
height:expression(this.scrollHeight > 350 ? "auto":"350px"); 
}
#right h1.title-featuredhorse {
background: transparent url(../images/title-featuredhorse.gif) top left no-repeat;
width: 108px;
height: 15px;
margin-bottom: 10px;
margin-left: 50px;
text-indent: -10000px;
}
#right p, .image {
margin-left: 50px;
}
#right p {
width: 200px;
margin-bottom: -11px;
}
#right h2 {
color: #000;
font-weight: bold;
margin-left: 41px;
font-size:11px;
margin-bottom: -15px;
}
*html #right h2 {
margin-bottom: -23px;
}


/* --------------content------------- */
#content {
float: left;
width: 442px;
margin: 0px;
padding: 0 0 0 20px;
}
*html #content {
width: 439px;
}
#content h1.title-main {
background: transparent url(../images/title-main.gif) top left no-repeat;
width: 215px;
height: 17px;
float:right;
padding-right: 30px;
margin-bottom: 15px;
text-indent: -10000px;
}
*html #content h1.title-main {
padding-right: 27px;
padding-right: 49px;
}
#content p {
padding: 5px 0px;
line-height: 14px;
}
*html #content p {
margin-top: -5px;
margin-bottom: 12px;
}
*html .line {
display:block;
margin-top: 25px;
}
#content h1.title-latestnews {
background: transparent url(../images/title-latestnews.gif) top left no-repeat;
width: 83px;
height: 15px;
margin-bottom: 10px;
text-indent: -10000px;
}
#content h1.title-search {
background: transparent url(../images/title-search.gif) top left no-repeat;
width: 52px;
height: 15px;
margin-bottom: 10px;
text-indent: -10000px;
}

/* -----------contentINT--------------------------- */
#contentINT {
float: left;
width: 742px;
margin: 0px;
padding: 0 0 0 20px;
}
*html #contentINT {
width: 739px;
}
#contentINT p {
padding: 5px 0px 5px 10px;
line-height: 14px;
}
*html #contentINT p {
margin-top: -5px;
margin-bottom: 12px;
}

/* -----------contentINT--------------------------- */
.NewsDate {
	font-weight:bold;
}

/* -----------footer--------------------------- */
#homefooter 
{
	margin-left: 40px;
	height: 120px;
	background-color: #FAFBE5;
}

#footer {
background: transparent url(../images/bg-btm.jpg) top left no-repeat;
clear: both;
width: 780px;
height: 38px;
margin: 0px 0px 0px -20px;
padding: 0 0 20px 0;
text-align: center;
}
#footer p {
font-size: 11px;
padding-top: 10px;
}
#footer a {
color: #fff;
padding-left: 15px;
}
#footer a:hover {
color: #fff;
text-decoration:underline;
}
.copyright {
background-color: #FAFBE5;
margin-top: -20px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 10px;
font-weight: normal;
text-transform: none;
color: #000;
}

/* ------------ Horse List -------------*/
.HorseListItem
{
	border: none;
	margin-top: 5px;
	padding: 3px 0px 0px 15px;
	background-image: url(../images/listitemback.jpg);
	background-repeat: no-repeat;
	height: 98px;
}

.HorseListItemTitle
{
	width: 610px;
	border: none;
}

.HorseListItemName
{
	font-size: 16pt;
	margin: 5px 0px 0px 4px;
}

.HorseListItemSummary
{
	margin-left: 8px;
	margin-top: 2px;
	font-weight: bold;
	font-size: 10pt;
}

.HorseListItemAge
{
	margin-left: 5px;
}

.HorseListItemImage
{
	float: left;
	padding-left: 11px;
	padding-top: 4px;
}

.HorseListItemForSale
{
	float: right;
	vertical-align: top;
	position: relative;
	top: -23px;
	left: -20px;
	top: 0px;
	left: 0px;
	border: none;
}

.HorseListPager
{
	font-weight: bold;
	font-size: 10pt;
}

.HorseListSort
{
	text-align: right;
}

/* ------------ Horse Details -------------*/
.bloodlineall { POSITION: relative; height: 500px; width: 400px; border: none; background-repeat: no-repeat; }

.bloodlinedam { background-image: url(../images/bloodlineback2.gif); top: -515px; }

.bloodlinesire { background-image: url(../images/bloodlineback.gif); top: -1px; }

.bloodlineitem { FONT-SIZE: 10pt; font-weight: bold; Z-INDEX: 1; VERTICAL-ALIGN: middle; COLOR: black; FONT-FAMILY: arial; TEXT-ALIGN: center; }

.bloodlineitem A:hover { Z-INDEX: 500; BACKGROUND-COLOR: #ffffff; background-image: url(../images/bloodlinehover.gif); }

.bloodlineitem A SPAN.HorseDesc { DISPLAY: none }

.bloodlineitem A:hover SPAN.HorseDesc { PADDING: 5px; BORDER: none; DISPLAY: block; Z-INDEX: 500; LEFT: -15px; WIDTH: 146px; CURSOR: pointer; COLOR: #000000; POSITION: absolute; TOP: -39px; HEIGHT: 89px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; background-image: url(../images/bloodlinehover.gif); }

.bloodlineitem img { cursor: default; }

.BloodlineItemNoPage { font-weight: bold; }

#HorseDetailTab
{
}

.HorseDetailTop
{
	background-image: url(../images/HorseDetailBack.gif);
	background-repeat: repeat;
	height: 100%;
	padding: 12px 10px 10px 10px;
}

.HorseDetailForSale
{
	float: right;
	vertical-align: top;
	position: relative;
	width: 135px;
	text-align: center;
	padding-bottom: 3px;
}

#HorseDetailName
{
	color: #7E302A;
	font-size: 16pt;
	font-weight: bold;
}

#HorseDetailGender
{
	font-size: 9pt;
	font-weight: bold;
}

#HorseDetailColor
{
	font-size: 9pt;
	font-weight: bold;
}

#HorseDetailFoaled
{
	font-size: 9pt;
	font-weight: bold;
}

#HorseDetailRegNum
{
	font-size: 9pt;
	font-weight: bold;
}

#HorseDetailSummary
{
	font-size: 10pt;
}

#HorseDetailDetails
{
	font-size: 10pt;
}

#HighlightBroodmareTitle
{
	padding-left: 60px;
	font-weight: 900;
	font-family: Arial Narrow;
	text-transform: uppercase;
	font-size: 13pt;
	color: #7E302A;
	margin-bottom: 15px;
}

.HighlightDiv
{
	padding-left: 60px;
	padding-right: 60px;
}

.HighlightListItemName
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
	color: Black;
}

#HighlightListItemImage
{
	border-style: groove;
	border-width: 8px;
	border-color: #7E302A;
}

.HorseMaintName
{
	width: 280px;
}

.HorseMaintSummary
{
	width: 640px;
}

.ContactUsName
{
	width: 200px;
}

.ContactUsEmail
{
	width: 200px;
}

.ContactUsSubject
{
	width: 280px;
}

.ContactUsMessage
{
	width: 380px;
}

/* ------------ Float Left -------------*/
#imagefloat3, #imagefloat4
{
	border: dashed 1px blue;
	border: none;
	float:left;
	clear:left;
	padding:0px;
	margin: 0px;
}

#imagefloat3
{
	width: 0px;
	height: 200px;
	font-size: 1px;
	line-height: 1px;
}

#imagefloat4
{
	width: 320px;
	height: 140px;
	font-size: 1px;
	line-height: 1px;
	padding: 9px;
}


/* ------------ Float Right -------------*/
#imagefloat1, #imagefloat2, #imagefloat5, #imagefloat6
{
	border: dashed 1px green;
	border: none;
	float:right;
	clear:right;
	padding:0px;
	margin: 0px;
}

#imagefloat1
{
	width: 0px;
	height: 60px;
	margin: 0 0 0 15px;
	font-size: 1px;
	line-height: 1px;
}

#imagefloat2
{
	width: 160px;
	height: 150px;
	margin: 0 0 0 15px;
	font-size: 1px;
	line-height: 1px;
	padding-top: 10px;
}

#imagefloat5
{
	width: 0px;
	height: 285px;
	margin: 15px 0 0 15px;
	padding-left: 15px;
	padding-top: 15px;
	font-size: 1px;
	line-height: 1px;
}

#imagefloat6
{
	width: 160px;
	height: 160px;
	margin: 0 0 0 15px;
	font-size: 1px;
	line-height: 1px;
}

.imgborder
{
	border-style: ridge;
	border-width: 5px;
	border-color: #7E302A;
}

.imgthinborder
{
	border-style: solid;
	border-width: 1px;
	border-color: #7E302A;
}
