﻿html
{
	overflow-y: scroll;
}
body
{
    color: #000;
    font-family: Calibri, Verdana, Tahoma, Arial, sans-serif;
    font-size: small;
    font-style: normal;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#container
{
    width: 100%;
	height: auto;
    text-align: left;
    background-image: url("../images/background.png");
    background-position: left top;
    background-repeat: repeat-x;
    padding-bottom: 10px;
}
#header
{
    width: 100%;
    background-color: White;
    padding: 0px;
    margin: 0px;
}
#headercontent
{
    width: 890px;
    height: 100px;
    padding: 10px;
    margin: 0px auto;
}
#title
{
    float: left;
    width: 890px;
    line-height: 100px;
    text-align: center;
    font-size: xx-large;
}
#navigation
{
    width: 100%;
    height: 33px;
    background-image: url("../images/navigationbar.png");
    background-position: left;
    background-repeat: repeat-x;
}
#navigationbar
{
    width: 910px;
    margin: 0px auto;
    overflow: hidden;
    line-height: 33px;
}
#content
{
    width: 890px;
    margin: 10px auto 0px auto;
    padding: 10px;
    background-color: #FFFFFF;
}
#horses
{
    width: 890px;
    margin: 10px auto 0px auto;
	overflow: hidden;
}
#footer
{
    width: 890px;
    margin: 0px auto;
    padding: 10px;
    font-size: small;
    background-color: #FFFFFF;
}
#footer-logos
{
    float: left;
    width: 890px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
#footer-left
{
    float: left;
    width: 445px;
    text-align: left;
}
#footer-right
{
    float: left;
    width: 445px;
    text-align: right;
}

/*************************/
/* Styles for Navigation */
/*************************/
#navigation ul
{
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
#navigation li
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#navigation a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 130px;
    text-align: center;
    vertical-align: text-bottom;
    font-size: small;
}
#navigation a:hover
{
    color: yellow;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 130px;
    text-align: center;
    vertical-align: text-bottom;
    font-size: small;
}
/****************************/
/* Styles for Documents Box */
/****************************/

#documents_box
{
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	width: 75px;
	text-align: center;
}

/*************************/
/* Styles for Our Horses */
/*************************/
.horse_entry
{
	width: 890px;
	height: 150px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
.horse_photo
{
	width: 120px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.horse_thumb
{
	width: 120px;
	height: 150px;
}
.horse_name
{
	position: relative;
	top: -25px;
	height: 25px;
	width: 120px;
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity=50);
	color: white;
	text-align: center;
	line-height: 25px;
	font-size: medium;
	font-weight: bold;
}
.horse_info
{
	float: left;
	width: 590px;
	height: 150px;
	margin-right: 10px;
	font-size: medium;
}
.horse_data
{
	float: left;
	width: 170px;
	height: 150px;
}
.horse_size
{
	height: 75px;
	width: 70px;
	line-height: 75px;
	font-size: medium;
	font-weight: bold;
	float: left;
	text-align: right;
}
.horse_size_text
{
	height: 75px;
	width: 100px;
	line-height: 75px;
	font-size: medium;
	font-weight: bold;
	float: left;
}
.horse_colour
{
	height: 75px;
	width: 70px;
	line-height: 75px;
	font-size: medium;
	font-weight: bold;
	float: left;
	text-align: right;
}
.horse_colour_text
{
	height: 75px;
	width: 100px;
	line-height: 75px;
	font-size: medium;
	font-weight: bold;
	float: left;
}

/******************/
/* General Styles */
/******************/

td.logos
{
    width: 200px;
    text-align: center;
    height: 100px;
}

img
{
    border-style: none;
}

.abbr
{
    cursor: help;
    border-bottom: 1px dashed #000;
}

p
{
    font-size: medium;
    margin-left: 25px;
}
li
{
    font-size: medium;
    margin-left: 25px;
}

h1
{
    font-size: xx-large;
    width: 100%;
    border-bottom: solid 1px #1E517D;
    color: #1E517D;
}
h2
{
    margin-left: 10px;
    font-size: x-large;
    width: 100%;
    color: #1E517D;
}
h3
{
    margin: 0px 0px 0px 10px;
	padding: 0px;
    font-size: x-large;
    width: 100%;
    color: #1E517D;
}

.instruction_text
{
    float: left;
    width: 530px;
    height: 350px;
    padding: 0px;
    margin: 0px 5px 20px 0px;
}
.instruction_map
{
    float: left;
    width: 350px;
    height: 350px;
    padding: 0px;
    margin: 0px 0px 20px 5px;
}

li.instruction
{
    line-height: 25px;
}

