@charset "ISO-8859-1";

body
	{
	background-color:#BCC8CD;
	background-image:url(img/Feathery.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-attachment:scroll;
	margin:0px;
	height:100%;
	vertical-align:top;
	}
body, input, textarea, select, option { font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, "Sans serif"; }

a:link { color:#CE6F11; }
a:visited { color:#CE6F11; }
a:hover { color:#7A0808; }
a:active { color:#7A0808; }

.link { color:#CE6F11; cursor:pointer; text-decoration:underline; }
.linkHover { color:#7A0808; cursor:pointer; text-decoration:underline; }


h1,h2,h3,h4,h5,h6 { margin:10px 10px 5px 10px; }
h1 { font-weight:normal; font-size:180%; }
h2 { font-weight:normal; font-size:110%; background-image:url(img/Header.bmp); background-repeat:repeat-x; }
h3 { font-weight:normal; font-size:90%; background-image:url(img/Header.bmp); background-repeat:repeat-x; }
h4 { font-weight:normal; font-size:85%; }
h5 { font-weight:normal; font-size:85%; }
h6 { font-weight:normal; font-size:85%; }

p { font-size: 80%; text-align: left; margin: 5px 10px 5px 10px; padding: 0; }

table { margin:5px auto 5px auto; padding:0; }
table p { font-size:100%; }
table { empty-cells:hide; clear:right; }
th, td { font-size:80%; font-weight:normal; text-align:left; vertical-align:top; margin:0 0 5px 0; }
th, td { border-top:1px dotted #DE9F60; }
table h2 { font-size:120%; }
table h3 { margin: 5px 0; font-size: 110%; }
.tableNoLine { border-top:0; }
/*table, th, td { border:1px dotted green; }*/  /* Used to help outline tables during debugging */
ol, ul { font-size:80%; text-align:left; margin:5px 10px 5px 10px; }
ol { list-style-type:lower-roman; }
ul { list-style-type:disc; }
li { margin:0 10px 0 15px; }

form { }
form td { color:#CE6F11; vertical-align:top; }
td form { color:#CE6F11; vertical-align:top; }
form h2 { margin-left:0; margin-right:0; }

.normal { font-size:80%; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }
.inline { display:inline; }
.left { text-align:left; }
.center { text-align:center; margin-left:auto; margin-right:auto; }
.right { text-align:right; }
.colHeader { text-align:center; vertical-align:bottom; }

.altRow     { background-color:#F5EFE0; }
.comment    { font-style:italic; color:#606060; }
.emphasis   { font-weight:bold; }
.note       { font-style:italic; color:#DE9F60; }
.strongNote { font-style:italic; color:#CE6F11; }
.optional   { color:#404040; }
.required   { }
.warning    { color:#E06000; font-weight:bold; }

.title { color:#FFFfFF; margin:80px 40px 10px 40px; }
a.title { margin:0; }
a.title:link { color:#FFFFFF; text-decoration:none; }
a.title:visited { color:#FFFFFF; text-decoration:none; }
a.title:hover { color:#FFFFFF; text-decoration:none; }
a.title:active { color:#FFFFFF; text-decoration:none; }
.subtitle { color:#FFFFFF; background-image:none; margin:10px 40px 60px 40px; }

.sidebar { float:right; clear:right; width:225px; background-color:#FFFFFF; border:1px dashed #CE6F11; margin:10px; padding:5px; }

.horseAd { clear:left; }
.horseAd img { float:left; width:100px; padding:10px; border:0; }
.horseAd h3 { font-size:100%; font-weight:bold; margin:10px 0 5px 0; padding:0px 5px 0 5px; }
.horseAd a:link { color:#000000; text-decoration:none; }
.horseAd a:visited { color:#000000; text-decoration:none; }
.horseAd a:hover { color:#000000; text-decoration:none; }
.horseAd a:active { color:#000000; text-decoration:none; }

.male   { background-image: url(img/Male_small.png);   background-position: center center; background-repeat: no-repeat; }
.female { background-image: url(img/Female_small.png); background-position: center center; background-repeat: no-repeat; }
.sold { color:#008000; font-weight:bold; font-style:italic; }

.imageSidebar { float:left; width:150px; margin:10px; background-color:white; border:1px dashed #CE6F11; }
.mainImage { width: 140px; display:block; text-align:center; margin:5px auto 5px auto; border:none; }
.thumbnail { text-align:center; }
.thumbnail table { width:90%; text-align:center; margin-left:auto; margin-right:auto; }
.thumbnail tr { width:100%; text-align:center; }
.thumbnail td { width:20%; text-align:center; }
.thumbnail img { width:60px; display:block; margin:5px auto 5px auto; border:0; }
.missingThumb { width:60px; height:45px; margin:5px auto 5px auto; border:2px dashed #CE6F11; }
/* TODO: Fix vertical alignment */
.missingThumb p { text-align:center; vertical-align:middle; margin:auto; font-size:100%; }


#main
	{
	width:945px;
	/*height:100%;  position:relative;  margin:0 auto auto auto;*/
	position:absolute;  left:50%;  margin-left:-473px;
	background-color:#FFFFFF;
	background-image:url(img/MastheadWithHorse.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:scroll;
	padding:0;
	}

#content { clear:both; padding:10px; }
#content p { background-image:url(ParaTop.bmp); background-repeat:repeat-x; border-bottom:1px solid #808080; }

#navpanel
	{
	float:right;
	width:310px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	margin:0; padding:35px 40px 5px 10px;
	}
#navpanel a { text-decoration:none; }
#navpanel ul { list-style-type:none; margin:10px 0px 5px 30px; }
#navpanel li
	{
	width:100%;
	border-bottom:1px dotted #808080;
	margin:0; padding:10px 5px 0px 5px;
	font-size:100%;
	}

.footer
	{
	clear: both;  width: 100%;
	background-color: #FEFEFD;
	background-image: url(img/Footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 0; padding: 0;
	border: 0;
	color: #404040;
	overflow: auto;
	}