/* CSS Document */
	
	
	
	html {
	height: 100%;
	overflow-y:scroll;
	}
	
	
	
	body {
	background-color:  #000000;
	background-image:url(/assets/whitby-bgnd13.jpg); 
	background-repeat: repeat-x;
	background-attachment:scroll;
	margin:0px;
	margin-bottom: 0px;
	position:relative;
    height:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}
	
	
	td{
	text-align: center;
	}	
	
	
	
/*/////////////////////////////////TEXT STYLES//////////////////////////*/

.border{ 
   border:3px solid #FFF;
   margin:5px;
}

	
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 5px;
color:#FFFFFF;}

.capt{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
text-align:center;
padding: 2px;
color:#FFFFFF;}

.horse{
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 5px;
color:#6CF;
margin: 5 0 5 20px;}
.horse a:link{color:#FFFFFF; text-decoration:underline; font-size:14px; font-weight:bold;}
.horse a:visited{color:#FFFFFF; text-decoration:underline; font-size:14px;}
.horse a:hover{color:#FFFFFF; text-decoration:underline; font-size:14px;}
.horse a:active{color:#FFFFFF; text-decoration:underline; font-size:14px;}
	

/*/////////////////////////////////LINK STYLES//////////////////////////*/	
a {
color: #FFFFFF;}

a:link {
text-decoration: underline;
color:#FFFFFF;}

a:visited {
text-decoration: underline;
color:#FFFFFF;}
		
a:hover {
text-decoration: none;
color: #FFFFFF;}
	
a:active {
text-decoration: underline;
color:#FFFFFF;}
	
/*/////////////////////////////////Heading STYLES//////////////////////////*/	
	h1{
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color:#009cb2;
	line-height: 12px;
	margin: 10 0 0 10px;
	}
	
	h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
	}
	
	h3{
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color:#6CF;
	line-height: 16px;
	margin: 20 0 0 10px;
	}
	
	h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color:#000000;
text-decoration: underline;}
	
	
/*//////////////DIV STYLES///////////////////////*/

#thumb{
	vertical-align: top;
	text-align:center;
	}

#horse{
	vertical-align: text-top;
	padding-left: 10px;	
	margin-top:0px;
	}

#name{
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	color:#33CCFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
	margin-top:0px;
	padding-left: 5px;
	text-align:left;
	}
#info{
	vertical-align: text-top;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 5px;
	text-align:left;
	}	


.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
	
		#horse-thumb{
    margin: 0px;
	padding: 10px;
	width:400px;
	height:120px;
	background-color:#666666;
	border:none;
	text-decoration:none;
	}
	
	.horsethumb{
	padding: 0px 15px 10px 2px;
	margin-right: 10px;
	margin-left: 0px;
	text-align:left;
	border:none;
	}
	
	
#DarkTable {
	width:935px;
	margin:10 0 0 20px;
	padding: 20px;
	background-color:#242424;}


	
	#buttons{
	vertical-align: top;
	z-index: 36;
	position: absolute;
	width: 995px;
	height: 40px;
	top: 160px;
	left: 5px;
		 }	


	#logo{
	z-index: 40;
	position: absolute;
	top: -2px;
	left: 52px;
	width: 365px;
	height:180px;
		 }
	
	
	#nav{
	vertical-align: top;
	z-index: 3;
	position: absolute;
	top: 271px;
	left: 395px;
	height: 148px;
	}

	
	#container{
		position: relative;
		width: 1020px;
		height: 100%;
		}	
	
	
	#mainContent{
	vertical-align: text-top;
	padding-left: 0px;
	padding-right: 0px;
	font-size:12px;
	color:#FFFFFF;
	z-index: 1;
	top: 213px;
	position: absolute;
	width: 1012px;
	background-image:url(/assets/Whitby-mc.png);
	background-repeat:repeat;
	left: 0px;

		}	
	
	#footer{
	width: 1012px;
	background-image:url(/assets/Whitby-mc.png);
	background-repeat:repeat;
	vertical-align:bottom;
		}	
	
	#header{
	z-index: 3;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 1013px;
		}
	

	
.footertxt{color: #06474f; font-family:Verdana, Geneva, sans-serif; size:12px; line-height:14px; font-weight:bold; padding: 20px;}	
.footertxt a:link{color: #06474f; text-decoration:underline;}
.footertxt a:visited{color: #06474f; text-decoration:underline;}
.footertxt a:hover{color: #06474f; text-decoration:underline;}
.footertxt a:active{color: #06474f; text-decoration:underline;}


	#staff{
	width:360px;
	height: 200px;
	background-color:#F0F0F0;
	border:none;
	padding:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;	}
	

.BackBtn{color: #ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding:20px; line-height:20px; margin:30 0 20 0px; text-decoration:none; font-weight:bold; text-align:left;}	
.BackBtn a:link{color: #ffffff; text-decoration:none;  background-color:#009cb2;  height: 20px;  width: 200px;}
.BackBtn a:visited{color: #ffffff; text-decoration:none;  background-color:#009cb2;}
.BackBtn a:hover{color: #ffffff; text-decoration:none; background-color:#369;}
.BackBtn a:active{color: #ffffff; text-decoration:none; background-color:#369;}