/*
 * Backgrounds
 * ------------------------
 * Topnav       :   #ceba7e
 * Sidenav      :   #cfbf83
 * Sidenav:hover:   #4b4027
 * H2           :   #d2cfbe
 * H3           :   #ccc
 * Gallery H3   :   #aaa89b
 * odd          :   #ede3c0
 * even         :   #d2cfbe
 * newspic      :   #cfc080
 * table thead  :   #e6e1b3
 * banner       :   #cfbf83
 *
 * Borders
 * ------------------------
 * Topnav       :   #635c40
 * Topnav       :   #dbca9e
 * Home         :   #d2cfbe
 * Home thumb   :   #aaa
 * Stallion Table:   #aaa89b
 * News pic     :   #ccc
 * News Table   :   #cfbf83
 * Note         :   #4b4027
 * Pedigree     :   #cfbf83
 * Pedigree     :   #e6e1b3
 * Enquiry      :   #4b4027
 * Stallion     :   #5f5025
 * 
 */

a.top
{
	background: transparent url("/_images/top.gif") no-repeat left center;
	padding-left: 21px;
}

#wrapper
{
	clear: both;
	padding: 0px;
	margin: 0px auto 0.75em;
	border: none;
	background: #fff;
	width: 650px;
}

#container
{
}

#topnav
{
	text-align: center;
	padding: 0;
}

body.popup #topnav
{
	width: 100%;
	padding: 2px 0;
	background: #000;
}

#sidenav
{
	float: left;
	width: 160px;
	margin: 0 6px 0 0;
	padding: 0;
}

#content
{
}

#main
{
	margin: 0 0 0 0;
	padding: 8px 0 0;
	font-size: 1.2em;
}

#main.withside
{
	margin: 0 0 0 166px;
	padding: 8px 0 0 8px;
}

#footer
{
	clear: both;
	padding: 1em 0 0.1em;
	margin: 0;
	border-top: 1px solid #333;
	background: #fff;
	text-align: center;
	width: 650px;
}

#topnav img
{
	padding: 0 0;
	vertical-align: bottom;
}

#topnav div.nav
{
	padding: 0;
	background: #ceba7e;
	height: 2.3em;
	text-align: center;
	border-right: 1px solid #635c40;
	border-bottom: 1px solid #635c40;
	border-left: 1px solid #dbca9e;
	width: 648px;
}

#topnav ul
{
	width: auto;
	list-style: none;
	margin: 0 0 0 0.5em;
	padding: 0;
	white-space: nowrap;
}

#topnav ul li
{
	float: left;
	margin: 0;
	font-size: 12px;
	padding: 0;
	white-space: nowrap;
	font-weight: bold;
	border-left: 2px solid #000;
}

#topnav ul li.first
{
	border-left: none;
}

#topnav ul li a
{
	float: left;
	display: block;
	margin: 0;
	padding: 1px 9px;
	white-space: nowrap;
}

html>body #topnav ul li a {width:auto;}

#topnav a:link, #footer a:link
{
	color: #300;
}

#topnav a:hover
{
	text-decoration: none;
}

#footer div.bottomlinks
{
	padding: 6px;
	background: #000;
	color: #fff;
}

#footer div.bottomlinks a
{
	color: #fff;
}

#footer p
{
	font-size: 1em;
}

#sidenav ul
{
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style: none; 
    line-height: 1.3em;
}

#sidenav ul li
{
	padding: 0;
	margin: 1px 0 0;
	font-size: 11px;
}

#sidenav ul li.image
{
	padding: 0;
	vertical-align: bottom;
}

#sidenav ul li a.navlink
{
	padding: 2px 2px 2px 4px;
	margin: 0;
	display: block;
	background: #cfbf83;
	color: #4b4027;
	font-weight: normal;
}

#sidenav ul li a.navlink:hover
{
	background: #4b4027;
	color: #cfbf83;
	text-decoration: none;
}

#sidenav ul li.image a img
{
	padding: 0;
	margin: 0;
}

body.overview #sidenav li.overview a, body.record #sidenav li.record a, 
body.pedigree #sidenav li.pedigree a, body.sireline #sidenav li.sireline a, 
body.femaleline #sidenav li.femaleline a, body.progeny #sidenav li.progeny a,
body.compatibility #sidenav li.compatibility a, body.nomination #sidenav li.nomination a,
body.sales #sidenav li.sales a, body.conformation #sidenav li.conformation a,
body.video #sidenav li.video a
{
	background: #4b4027;
	color: #cfbf83;
}

h2
{
	margin: 0.5em 0;
	padding: 0.2em;
	font-weight: normal;
	text-align: center;
	font-size: 1.6em;
	background: #d2cfbe;
    line-height: 1.3em;
}

h3
{
	margin: 0 0 0.5em;
	padding: 0.2em;
	background: #ccc;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
    line-height: 1.3em;
}

h3.strong
{
	font-weight: bold;
}

h4
{
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 1em;
}

.home h2
{
	margin: 0.2em 0;
	padding: 0.2em;
	background: #fff;
	color: #5e5326;
}

.overview h2
{
	background: #ccc;
}

.overview h3
{
	margin: 0;
}



table#home
{
	margin-bottom: 0.5em;
	width: 100%;
	border: 1px solid #d2cfbe;
}

table#home td
{
	width: 33%;
	padding: 0;
	vertical-align: top;
	background: #d2cfbe;
}

table#home td h3
{
	margin: 0 0 6px;
	padding: 0.25em;
	color: #5e5326;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	border-bottom: 4px solid #fff;
	background: #d2cfbe;
    line-height: 1.3em;
}

table#home td p
{
	margin-top: 0.5em;
}

table#home td div.intro
{
	margin: 10px 4px 4px 8px;
	font-size: 1.1em;
	font-weight: bold;
}

table#home td p span.tesio
{
	font-weight: bold;
}

table#home td div.title
{
	margin: 10px 4px 0 8px;
	color: #000;
	font-weight: bold;
	height: 5em;
	font-size: 1.1em;
    line-height: 1.3em;
}

table#home td div.date
{
	margin: 0px 4px 0 0;
	font-size: 0.85em;
	font-weight: normal;
}

table#home td div.body
{
	margin: 1em 4px 2px 8px;
	color: #000;
	height: 9em;
}

table#home td div.thumbnail
{
	margin: 0px auto;
	padding: 2px 24px;
	width: 100px;
	border: 1px solid #aaa;
	text-align: center;
	background: #fff;
}

table#home td.breaking
{
	background: #000 url("/_images/home/royalgem-panel.gif") no-repeat left 2.2em;
	color: #fff;
}

table#home td.breaking h3
{
	background: #5e5326;
	color: #fff;
}

table#home td.breaking div.title
{
	color: #fff;
}

table#home td.breaking a
{
	color: #fff;
}

div#slideshow
{
	width: 650px;
	height: 195px;
	overflow: hidden;
}

div#slideshow div
{
	display: none;
	width: 650px;
	height: 195px;
}

div#slideshow div.first
{

}





table.stallions
{
	width: 100%;
	border: 1px solid #aaa89b;
	background: #d2cfbe;
}

table.stallions td
{
	width: 50%;
	padding: 0;
	border: 1px solid #aaa89b;
	vertical-align: top;
}

table.stallions div.name
{
	margin: 12px 0 6px 0;
	font-weight: bold;
	color: #5e5326;
	text-align: center;
	font-size: 1.3em;
}

table.stallions div.servicefee
{
	clear: both;
	margin: 16px 0 0;
	text-align: center;
}

table.stallions div.image
{
	clear: both;
	float: left;
	padding: 10px;
	margin: 6px;
	width: 100px;
	background: #fff;
}

table.stallions div.content
{
	float: right;
	width: 164px;
	margin: 6px 6px 0 0;
}

table.stallions div.details
{
	margin: 4px 0 12px;
	text-align: center;
}

table.stallions ul
{
	list-style: square;
	margin: 0.5em 0 0 1em;
	padding: 0;
}

table.stallions li
{
	margin: 0 0 0.3em;
	padding: 0;
	font-size: 0.9em;
}

table.stallions span.intro
{
	font-weight: bold;
	font-size: 1.1em;
}



table#gallery
{
	width: 100%;
	background: #fff;
}

table#gallery td
{
	width: 25%;
	padding: 0;
	border: 3px solid #aaa89b;
	vertical-align: top;
	background: #fff;
	text-align: center;
}

table#gallery td h3
{
	margin: 0 0 6px;
	padding: 0.5em;
	background: #aaa89b;
	color: #5e5326;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

table#gallery td img
{
	margin: 6px auto;
}

div.servicefee span.price
{
	font-weight: bold;
}

div.odd
{
	background-color: #ede3c0;
}

div.even
{
	background-color: #d2cfbe;
}

* html div.odd {height: 1%;}
* html div.even {height: 1%;}
/* fixes missing content in IE */
/* The Peekaboo bug */


div.partner
{
	float: left;
	width: 43%;
	margin: 1em;
}

div.partner:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.partner div.name
{
	font-weight: bold;
}

div.newsItem
{
	padding: 0.4em 0.4em 0.4em 0;
	margin: 0 0.5em 0.8em;
	clear: both;
}

div.newsItem p
{
	text-indent: 1.2em;
}

div.newsItem div.title
{
	font-size: 1.3em;
	font-weight: bold;
}

div.newsItem div.date
{
	font-style: italic;
	color: #666;
}

div.newsItem div.newspic
{
	float: right;
	width: 324px;
	margin: 0 0em 0.5em 0.5em;
	padding: 0px;
	border: 1px solid #ccc;
	font-size: 0.9em;
	background: #cfc080;
}

div.newsItem div.newspic p
{
	text-indent: 0;
	margin: 0 0.5em 2px 0.8em;
	line-height: 1.3em;
}

div.newsItem div.newspic img
{
	padding: 2px;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

#main div.newsItem div.body h1
{
	margin: 0.5em 0 0;
	font-weight: bold;
	font-size: 105%;
}

#main div.newsItem div.body h2
{
	margin: 0.5em 0 0;
	font-weight: bold;
	text-align: center;
	font-size: 105%;
}

#main div.newsItem div.body h3
{
	margin: 0.5em 0 0;
	text-align: center;
	font-size: 95%;
	font-weight: normal;
}

#main div.newsItem div.body table
{
	clear: right;
	margin: 0.5em auto;
	width: 80%;
	border: 1px solid #cfbf83;
}

#main div.newsItem div.body table td
{
	padding: 2px;
	vertical-align: top;
}

#main div.newsItem div.body table thead td
{
	background: #e6e1b3;
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px solid #cfbf83;
}


div.newsListItem
{
	clear: both;
	padding: 4px 4px 4px 0;
	margin: 0 0 2px 0;
}

div.newsListItem div.title
{
	font-weight: bold;
}

div.newsListItem div.date
{
	font-style: italic;
	color: #666;
	font-size: 0.9em;
}

div.newsListItem div.body
{
	font-size: 0.95em;
	line-height: 1.3em;
}

div.newsListItem div.title, div.newsListItem div.date, div.newsListItem div.body 
{
	margin-left: 112px;
}

div.newsListItem div.thumbnail
{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 6px 0 4px;
	padding: 0;
}

div.newsListItem img.thumbnail
{
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}

div.newsListItem:after
{
	margin: 0 0 2px;
	content: "."; 
	display: block; 
	height: 1px;
	clear: both;
	visibility: hidden;
}


table#home div.newsListItem div.title, table#home div.newsListItem div.date
{
	margin-left: 8px;
}

table#home div.newsListItem div.thumbnail
{
	float: left;
	width: 64px;
	height: 64px;
	margin: 16px 8px 4px 4px;
	padding: 0;
}



div.salesListItem
{
	clear: both;
	padding: 4px 4px 4px 0;
	margin: 0 0.5em 2px;
}

div.salesListItem:after
{
	margin: 0 0 2px;
	content: "."; 
	display: block; 
	height: 1px;
	clear: both;
	visibility: hidden;
}

div.salesListItem div.colour
{
	font-size: 0.9em;
}

div.salesListItem div.breeding, div.salesListItem div.price
{
	font-weight: bold;
	font-size: 0.95em;
}

div.salesListItem div.body
{
	font-size: 0.9em;
	line-height: 1.3em;
}

div.salesListItem div.colour, div.salesListItem div.breeding, 
div.salesListItem div.price, div.salesListItem div.body, div.salesListItem div.pedigree 
{
	margin-left: 112px;
}

div.salesListItem div.thumbnail
{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 6px 0px 4px;
	padding: 0;
}

div.salesListItem img.thumbnail
{
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}



div.saleItem
{
	padding: 4px 4px 4px 0;
	margin: 0 0.5em 0.8em;
	line-height: 1.3em;
	clear: both;
}

div.saleItem div.colour
{
	font-size: 0.9em;
}

div.saleItem div.breeding, div.saleItem div.price
{
	font-weight: bold;
	font-size: 0.95em;
}

div.saleItem div.body
{
	font-size: 0.9em;
}

div.saleItem div.salepic
{
	float: right;
	width: 404px;
	margin: 0 0em 0.5em 0.5em;
	padding: 0px;
	border: 1px solid #ccc;
	font-size: 0.9em;
}

div.saleItem div.salepic img
{
	padding: 2px;
}




div.otherstories
{
	clear: both;
	padding: 0.3em 0;
	margin-bottom: 2px;
	font-weight: bold;
	text-align: center;
	background: #ccc;
}

div.overview
{
	margin: 4px 0 6px;
	padding: 0.2em 0.4em;
	border: 1px solid #cfbf83;
}

div.overview div.image
{
	float: left;
	margin: 0;
	padding: 12px 12px 6px 6px;
	width: 136px;
}

* html div.overview {height: 1%;}
/* fixes missing content in IE */
/* The Peekaboo bug */

div.overview div.info
{
	padding: 10px;
	margin: 0 6px 12px;
}

div.overview dl.info
{
	float: right;
	margin: 16px 0;
	width: 306px;
	height: 80px;
}

div.overview dl.info dt
{
	float: left;
	clear: both;
	width: 90px;
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
}

div.overview dl.info dd
{
	margin-left: 94px;
}

div.overview ul.overview
{
	clear: right;
	margin: 12px 0 0;
	padding: 0 0 0 2em;
}

div.overview ul.overview li
{
	padding: 0;
	margin: 0 0 0.8em;
}

div.booked
{
	margin: 0;
	padding: 0;
	margin-right: 1em;
	float: right;
	color: #d80e16;
	font-weight: bold;
}

div.dam
{
	margin: 1em 0;
}

div.smallpic
{
	width: 200px;
	margin: 5px;
	float: left;
	text-align: center;
	font-size: 0.90em;
}

div.smallpic:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	float: none;
}

div.bigpic
{
	width: 400px;
	text-align: center;
	font-size: 0.90em;
}

div.note
{
	width: 90%;
	margin: 0.5em 0 1em;
	padding: 0.5em 1em;
	background: #e6e1b3;
	border: 1px solid #4b4027;
}

div.banner
{
	width: 100%;
	background: #cfbf83;
	text-align: center;
}

div.details
{
}

div.details:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	float: none;
}

div.center
{
	text-align: center;
}


table.pedigree
{
	margin: 0.5em auto;
	border: 1px solid #cfbf83;
	width: 99%;
}

table.pedigree td
{
	border: 1px solid #e6e1b3;
	font-size: 0.8em;
	line-height: 1.3em;
}

table.pedigree td.a
{
	font-size: 1.2em;
}

table.pedigree td.b
{
	font-size: 1.1em;
}

table.pedigree td.c
{
	font-size: 1em;
}

table.pedigree td.d
{
	font-size: 0.9em;
}

table.record, table.sireline, table.sales, table.news
{
	margin: 0.5em auto;
	border: 1px solid #cfbf83;
	width: 99%;
}

table.record td, table.sireline td, table.sales td, table.news td
{
	padding: 2px;
	vertical-align: top;
	font-size: 0.9em;
}

table.record thead td, table.sireline thead td, table.sales thead td, table.news thead td
{
	background: #e6e1b3;
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px solid #cfbf83;
}

table.record tfoot td, table.sireline tfoot td, table.sales tfoot td, table.news tfoot td
{
	background: #e6e1b3;
	font-weight: bold;
	vertical-align: bottom;
	border-top: 1px solid #cfbf83;
	border-bottom: none;
}

table.sireline tbody td
{
	width: 50%;
}

table.sales td
{
	line-height: 1.4em;
}

table.news thead td
{
	font-weight: normal;
}

table.sales tbody td
{
	border-bottom: 1px solid #e6e1b3;
}

table.news td
{
	width: 50%;
	border: 1px solid #e6e1b3;
}

table.news td.colour1
{
	background-color: #ede3c0;
}

table.news td.colour2
{
	background-color: #d2cfbe;
}

table.news div.title
{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
}

table.news div.date
{
	font-style: italic;
	color: #666;
	font-size: 0.9em;
}

table.news div.body
{
	line-height: 1.4em;
}

table.news div.title, table.news div.date, table.news div.body 
{
	margin-left: 112px;
}

table.news div.thumbnail
{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 6px 0 4px;
	padding: 0;
}

table.news img.thumbnail
{
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}



td.right
{
	text-align: right;
}

td.center
{
	text-align: center;
}

fieldset.enquiry, fieldset.mating
{
	float: left;
	padding: 0.8em 0 0.3em;
	margin: 0 0 0.8em;
	border: 2px solid #4b4027;
	width: 90%;
}

fieldset.enquiry legend
{
	display: none;
}

fieldset.mating legend
{
	padding: 0 0.2em 0 0.2em;
	margin: 0 1em 0 0.5em;
	font-weight: bold;
}

ul.dam
{
	list-style: none;
	margin: 0 0 0 1em;
	padding: 0 0 0 0em;
}

ul.dam li
{
	margin: 0 0 0 1.5em;
	text-indent: -1.5em;
}

ul.dam li li
{
	font-size: 100%;
}

ul.sire
{
	list-style: none;
	margin: 0 0 0 1em;
	padding: 0 0 0 0em;
}

ul.sire li
{
	margin: 0 0 0.8em 1.5em;
	text-indent: -1.5em;
}

ul.sire li li
{
	font-size: 100%;
}

ul.overview
{
	margin: 0 1.5em 0 0;
}

ul.overview li
{
	margin: 0 0 0.8em 0;
}

dl.contact
{
	float: right;
	width: 298px;
	margin: 0 8px 1em 0;
}

dl.contact dt
{
	float: left;
	clear: both;
	width: 128px;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-style: italic;
	text-align: right;
}

dl.contact dd
{
	margin: 0 0 0.5em 132px;
	padding: 0;
}

dl.links
{
	margin-left: 4em;
}

dl.links dt
{
	margin-top: 0.8em;
}

dl.links dd
{
}

div.gallerypic
{
	width: 524px;
	margin: 10px auto 0;
	padding: 0px;
	border: 1px solid #ccc;
}

div.gallerypic img
{
	padding: 2px;
}

body.about p
{
	text-indent: 1.2em;
	padding-left: 1.2em;
	padding-right: 1.6em;
	line-height: 1.3em;
}

span.stoneybridge
{
	font-weight: bold;
}

span.name, span.gr, span.can, span.l, span.champ, span.j, span.won, span.h, span.win, span.place
{
	font-weight: bold;
}

span.small
{
	font-size: 60%;
}

p.noimage
{
	padding: 4em 1em;
	font-size: 1.2em;
	text-align: center;
}

p.close, p.top, p.moreinfo
{
	clear: both;
	text-align: right;
	margin: 1em 0 0.2em;
	font-size: 0.9em;
}


div.stallions
{
	position: relative;
	background: #000;
	padding: 16px 16px 12px 16px;
	height: 288px;
	height: 327px;
	width: 618px;
}

ul.stallions
{
	width: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

ul.stallions li
{
	padding: 0;
	width: 148px;
	height: 35px;
	margin-bottom: 4px;
	font-size: 14px;
	border: 1px solid #5f5025;
	color: #fff;
}

* html ul.stallions li
{
	width: 138px;
}

ul.stallions li a
{
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px;
}

* html ul.stallions li a
{
	padding: 9px 0 9px 10px;
}

div.stallions a:visited
{
	color: #fff;
}

div.stallions li.currentbutton
{
	background: #5f5025;
	width: 162px;
}

div.stallions div.stallion
{
	position: absolute;
	top: 16px;
	left: 180px;
	width: 450px;
	height: 279px;
	height: 318px;
	border: 2px solid #5f5025;
	color: #fff;
	padding: 0;
	height: 320px;
}

div.stallion div.name
{
	margin: 12px 0 6px 0;
	font-weight: bold;
	color: #c1ad6e;
	text-align: center;
	font-size: 2em;
}

div.stallion div.name a
{
	color: #c1ad6e;
}

div.stallion div.servicefee
{
	position: absolute;
	top: 260px;
	left: 32px;
	margin: 0;
	font-size: 1.1em;
}

div.stallion div.image
{
	position: absolute;
	top: 72px;
	left: 40px;
	padding: 10px;
	width: 100px;
	background: #fff;
}

div.stallion div.content
{
	float: right;
	width: 260px;
	margin: 34px 6px 0 0;
}

div.stallion div.details
{
	position: absolute;
	top: 260px;
	right: 16px;
	margin: 0;
	text-align: right;
}

div.stallion div.details a
{
	color: #c1ad6e;
}

div.stallion ul
{
	list-style: square;
	margin: 0.5em 0 0 1em;
	padding: 0;
	line-height: 1.5em;
}

div.stallion li
{
	margin: 0 0 0.3em;
	padding: 0;
}

div.stallion span.intro
{
	font-weight: bold;
	font-size: 1.2em;
}

div.stallions div.stallion
{
	display: none;
}

table.searchpages
{
	border: 1px solid #cfbf83;
}

span.sitename
{
	color: #5e5326;
}

span.buttonname
{
	color: #102a59;
}

span.currentpage
{
	padding: 0.2em 0.3em;
	background: #cfbf83;
	font-weight: bold;
	color: #fff;
}


div.foalings div.day
{
	margin: 0 0 1.8em;
}

div.foalings div.date
{
	font-weight: bold;
}

div.foalings div.foal
{
	margin: 0 0 0.6em;
	line-height: 1.3em;
}


div.description
{
	clear: both;
	overflow: hidden;
	height: 1.3em;
	padding: 0;
	margin: 0;
}

div.description a.showdescription
{
	display: block;
}


a.g1match, img.g1match
{
	display: block;
	width: 124px;
	margin: 2em auto 1em;
}


/*
 * Tweaks for various IE flavours
 */

.ie5 #topnav div.nav
{ width: 650px; }

.ie5 div.stallions
{ width: 650px; }

.ie5 div.stallions li.currentbutton
{ width: 148px; }

.ie5 div.stallions div.stallion
{ height: 321px; }

.ie6 div.stallions li.currentbutton
{ width: 152px; }

.ie5 table.pedigree, .ie5 table.record, .ie5 table.sireline, .ie5 table.sales
{ width: 470px; }

.ie5 fieldset.enquiry, .ie5 fieldset.mating
{ width: 520px; }