/* @override 
	http://tinarana.site/scripts/learn.css
	http://tinaranastud.com/scripts/learn.css
*/

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #5a0101;
}
div, p, ul, h1, h2, h3, h4, img, form, input{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	clear:both;
	font-size:0;
	line-height:0;
	}
	
/************************************** body ***************************/

#container{
	width: 758px;
	height: 100%;
	border: 7px solid #fff;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color:#000;
}

#header{
    width: 758px;
    height:150px;
    border-bottom: 1px solid #fff;
	background: url(../images/header.jpg) no-repeat;
}

#menucontainer{
	width: 700px;
	height: 22px;
	float: left;
	text-align: center;
	white-space: nowrap;
	margin-left: 57px;
	margin-top: 10px;
}


#main #headline, #mainindex #headline {
	width: 100%;
	padding: 20px 0px 10px 0px;
	
}

/* @group Top Menu */

#menubar, #menubar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menubar a {
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 0.7em;
	height: 16px;
	border-right: 1px solid #FFF;
}

#menubar li { /* all list items */
	float: left;
	text-align: center;	
	width: 5em; /* width needed or else Opera goes nuts */
}
#menubar li:hover, #menubar li.hover { /* To help IE rendering */
	position:static;
}
#menubar li ul { /* second-level lists */
	position: absolute;
	border: 1px solid #000;
	background: #CCC;
	width: 11em;
	padding: 5px 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menubar li:hover ul, #menubar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#menubar li ul li {
	width: 11em;
	margin: 0px;
	clear: both;
	text-align: left;
}
#menubar li ul li:hover {
	background-color: #5a0101;
}
#menubar li ul li a {
	width: 8em;
	font-size: 0.7em;
	padding: 3px;
	cursor: pointer;
	border-right: 0px none #FFF;
	color: #000;
}
#menubar li ul li a:hover, #menubar li.activepage ul li a:hover {
	color: #FFF;
}

#menubar li.activepage a {
	color: #852a25;
}
#menubar li.activepage ul li a {
	color: #000;
}


/* @end */

#content{
	width: 758px;
	height:100%;
	clear: both;
	float: left;
	background-color: #e9e2d5;
}
#topimage{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}#topimage2{
	border-top: 1px solid #fff;
}
#breadcrumb{
	background-color: #fff;
	color: #999;
	font-size: 10px;
	height: 15px;
	padding-top: 6px;
	text-align: left;
	padding-left: 13px;
	margin: 0px;
}
#main{
	height: 100%;
	width:722px;
	float: left;
	background-color: #fff;
	margin-left: 13px;
	margin-top: 13px;
	padding: 5px;
}
#mainindex{
	height: 100%;
	width:544px;
	float: left;
	background-color: #fff;
	margin-left: 67px;
	margin-top: 13px;
	padding-top: 30px;
	padding-right: 40px;
	padding-left: 40px;
}
#mainindex table {
	text-align: left;
	font-size: 8pt;
	margin: 0px;
	width: 100%;
	position: relative;
	left: 0px;
	font-size: 11px;
	line-height: 18px;
	color: #666;
}
/* @group News */

#article{
	height: 100%;
	text-align: left;
	color: #666;
	font-size: 11px;
	min-height: 125px;
}
.thumb{
	float: left;
	padding-top: 4px;
	margin-right: 10px;
	border: 1px solid #e9e2d5;
	padding: 5px;
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}

#article p{
	line-height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
#article a{
	color: #666;
	text-decoration: none;
}
#article a:hover{
	text-decoration: underline;
}

.readmore {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	display: block;
	color: #666;
	text-indent: 10px;
	text-align: left;
	background: url(../images/progeny-title.gif) repeat-x;
	height: 34px;
	clear: left;
	padding-left: 10px;
}
.newstitle{
	font: 17px/26px Georgia, "Times New Roman", Times, serif;
	color: #666;
}

/* @end */

/* @group Progeny */

#progeny{
	text-align: left;
	color: #666;
	font-size: 11px;
	min-height: 195px;
	height: 100%;
	border-bottom: 1px solid #e9e2d5;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.picframe{
	border: 1px solid #e9e2d5;
	padding: 5px;
	float: left;
	margin-right: 10px;
}

#progeny p{
	margin-top: 0px;
	line-height: 18px;
	padding-right: 10px;
}
.noframe{
	border: 0;
}

.reverse {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	display: block;
	color: #666;
	text-indent: 10px;
	text-align: left;
	background: url(../images/progeny-title.gif) repeat-x;
	height: 32px;
	padding-top: 6px;
	clear: left;
}

/* @end */

/* @group Stallion */

#horsename{
	height: 25px;
	text-align: left;
	text-indent: 25px;
	font-size: 14px;
	padding-top: 4px;
	background: #e9e2d5 url(../images/inspector-top.gif) no-repeat;
	line-height: 18px;
}
#details{
	border: 1px solid #e9e2d5;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}

#FullText{
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	padding: 5px;
}

.beige{
	background-color: #e9e2d5;
	height: 4px;
	margin-bottom: 1px;
	margin-top: 1px;
}
.beigetitle{
	background-color: #e9e2d5;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: left;
	text-indent: 0;
	font-size: 14px;
	padding: 5px;
}
.blue{
	background-color: #eeeeee;
	border:  1px solid #e4e4e4;
	font-size: 12px;
	text-align: left;
	padding: 10px 20px;
	color: #5d0402;
	line-height: 18px;
	font-weight: normal;
}
#Pedigree {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
}
td.color1 {
	height: 20px;
}
td.colorx {
	height: 20px;
	border-bottom: 1px solid #999;
}

/* @end */

#mainindex p, #main p {
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding: 0px 5px 8px 5px;
	text-align: left;
	
	
}
#mainindex p a, #main p a{
	color: #5d0402;
}

#quicklinks{
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
	color: #043f51;
	font-size:10px;
}
#quicklinks a{
	color: #043f51;
}
#quicklinks a:hover{
	color: black;
}

/* @group Bottom Menu */

#lowmenu, #lowmenuindex{
	font-size: 10px;
	float: left;
	color: #5a0101;
	height: 100%;
	width: 722px;
	text-align: center;
	margin-bottom:5px;
	background-color: #fff;
	border-top: 1px solid #e9e2d5;
	padding-top: 8px;
}

#lowmenuindex{
	width: 546px;
}

#lowmenu a, #lowmenuindex a{
	color:#5a0101; text-decoration:none;}   
#lowmenu a:hover, #lowmenuindex a:hover{
	color: black; }

/* @end */

/* @group Footer */

#footer{
	width: 758px;
	clear: both;
	position: relative;
	background-color:#FFFFFF;
}
.footertext{
	font-size: 11px;
	padding-top: 0.55em;
	padding-left: 1.5em;
	color: #545454;
	text-align:left;
	line-height: 16px;
}

.neville{
	font-size: 10px;
	padding-top: 4px;
	color: #b5afa7;
}
.neville a{
	color: #b5afa7;
	text-decoration:none;
}

.neville a:hover{
	color:#fff;
	text-decoration:none;
}

/* @end */

#print {
	float: right;
	width: 100px;
	text-align: right;
	padding-top: 0px;
	background-color: #fff;
	margin: 0px;
}
#print a {
	text-decoration: none;
	color: #5d0402;
}
#print a:hover, #print a.hover {
	text-decoration: none;
	color: #000;
}