body.horse { color: #000000;
	font-family: verdana, arial, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;   	
 	background-color: #000000;
	background-repeat: no-repeat;
    	background-attachment: scroll;
	}
body.horse-single { color: #000000;
	font-family: verdana, arial, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;   	
 	background-color: #000000;
	background-repeat: no-repeat;
    	background-attachment: scroll;
    	}

table    {font-size: 15px;}

table.pedigree {font-size: 13px;}
 
table.pedigreeoutside {border-style: solid;
			border-color: #000000; }
 
a	 { text-decoration: none }
a:link   { color: #255547;
	   font-weight: bold }
a:visited{ color: #255547;
	   font-weight: bold }
a:hover  { color: #a58e00;
    	   text-decoration: underline; }
h3    {font-size: 20px; font-weight:bold;}
h4    {font-size: 16px; font-weight:bold; text-decoration: underline;}

/* Step 10 - Clearing the float */
#menu {display:block; width:133px; height:225px;}
/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}
/* Step 4 and 7 - make the list horizontal and giving a 1px gap
#menu li {float:center; margin-right:1px;} */
/* Step 5 - Adding the initial images */
#menu li.list1 {background:transparent url(images/menuhome.gif) no-repeat center;}
#menu li.list2 {background:transparent url(images/menuabout.gif) no-repeat center;}
#menu li.list3 {background:transparent url(images/menuourhorses.gif) no-repeat center;}
#menu li.list4 {background:transparent url(images/menuforsale.gif) no-repeat center;}
#menu li.list5 {background:transparent url(images/menucontact.gif) no-repeat center;} 
#menu li.list6 {background:transparent url(images/menulink.gif) no-repeat center;} 
/* Step 6 - General link styling */
#menu a {display:block; width:133px; height:0; padding-top:25px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:25px; he\ight:0;}
/* Step 8 - Adding the background images to the link tags */
#menu a#item1 {background:transparent url(images/menuhomeover.gif) -150px -90px  no-repeat;}
#menu a#item2 {background:transparent url(images/menuaboutover.gif) -150px -90px no-repeat;}
#menu a#item3 {background:transparent url(images/menuourhorsesover.gif) -150px -90px no-repeat;}
#menu a#item4 {background:transparent url(images/menuforsaleover.gif) -150px -90px no-repeat;}
#menu a#item5 {background:transparent url(images/menucontactover.gif) -150px -90px no-repeat;}
#menu a#item6 {background:transparent url(images/menulinkover.gif) -150px -90px no-repeat;}
/* Step 9 - Adding the :hover style */
#menu a#item1:hover {background-position:center center; z-index:50;}
#menu a#item2:hover {background-position:center center; z-index:50;}
#menu a#item3:hover {background-position:center center; z-index:50;}
#menu a#item4:hover {background-position:center center; z-index:50;}
#menu a#item5:hover {background-position:center center; z-index:50;}
#menu a#item6:hover {background-position:center center; z-index:50;}
* html #menu a:hover {height:25px; he\ight:0;}

SPAN { }
.contact{line-height: 125%}
.horsename{font-size: 16px;
	   font-weight : bold;}
.horsenamepagetitle{font-size: 18px;
	   font-weight : bold;}
.horsedetails{font-size: 13px;}
.visitus{font-size:13px;}
.closewindow{font-size:10px;}
.detaillinks{font-size:10px;
	     font-weight:bold;}
.copy{font-size: 9px;}
.click{font-size: 8px;
       font-style: italic;}
.picturetitle{font-size: 15px; 
	      font-weight: bold;}
.picturepedigree{font-size: 10px;} 
/*
//.onme{color: #a58e00; text-decoration: underline; font-size: 7pt;}
//.offme{color: black ; text-decoration: none; font-size: 7pt;}
//.outline{TEXT-TRANSFORM: uppercase; font-weight: bold}
//.outlinehover{TEXT-TRANSFORM: uppercase; color: #a58e00; text-decoration: underline;font-weight: bold}
*/