body{
	background-color: #fcf4e6;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #522b13; /* brown */
	text-align: justify;
}
a:link {color: #522b13}
a:visited {color: #522b13}
a:active {color:#522b13}
a:hover {text-decoration: underline; color:#522b13}
h1{font-size: 32px; margin-top: 0;}
h2{font-size: 26px;}
h3{
	font-size: 12px;
	font-variant: small-caps;
	font-weight: normal;
	
	text-align: left;
	color: #522b13
}

#leftSide h2, #leftSide h3{
	font-weight: bold;
}
img.floatleft{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	border: 3px solid #fcb336;
}
p.indent{
	padding-left: 15px;
}
.pStyle p{
	margin-top: 1px;
	margin-bottom: 1px;
}
table{
	margin-bottom: 15px;
}
div#bodyContainer{
	position: absolute;
	width: 973px;	
	margin: 0 auto;
	top: 5px;
	left: 50%;
	margin-left: -486px;
	z-index: 1;
	padding-bottom: 5px;
}
img#logo{
	position: absolute;
	left: 10px;
	top: 45px;
	border: none;
	z-index: 5;
}

.header{ 
	background-image: url(images/brownTile.jpg);
	background-repeat: repeat-y;
	line-height: 37px;
	border-bottom: 2px solid #fcb336;
}
.header #left{
	float: left;
	width: 400px;
	padding-left: 20px;
	max-height: 37px;
}
.header #right{
	text-align: right;
	margin: 0 0 0 450px;
	padding-right: 20px;
}
table.news{border: 1px solid;}
table.news td{text-align: left; border: 1px solid;padding: 3px;}
table.news th{text-align: center;}
/*** MENU *******************************************************************/
.animatedtabs{

overflow: hidden;
width: 100%;
font-size: 12px;
margin-top: -39px;
position: relative;
z-index: 20;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 120px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 4px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/menuLeft.png) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/menuRight.png) no-repeat right top;
padding: 8px 17px 8px 10px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -124px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -124px;
padding-bottom: 12px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -124px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -124px;
padding-bottom: 12px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
#linksPage{
	height: 400px;
	overflow: auto;
	color: #f4f3cf; /* yellow */
}
#linksPage h3{margin-bottom: -10px;}
#linksPage a:link {text-decoration: underline; color: #fcb336}
#linksPage a:visited {color: #fcb336}
#linksPage a:active {color:#fcb336}
#linksPage a:hover {color:#fcb336; }

/****************************************************************************/
.mainContent{
	margin-top: -3px;
	border-top: 2px solid #fcb336;
	background-image: url(images/blueTile.png);
	background-repeat: repeat-y;	
	padding: 20px;
	width: 933px; /* 973px - 40px (20px per side)*/
	font-size: 12px;	
	position: relative;
	min-height: 400px;
	z-index: 25;
}
.mainContent #leftSide{
	float: left;
	width: 527px;
	height: 400px;
	padding-right: 20px;
	color: #f4f3cf; /* yellow */	
	overflow: auto;
}
.mainContent #leftSide h1{margin-bottom: 5px;}

.mainContent #leftSide h3{margin-top: 10px; margin-bottom: 5px; color: #f4f3cf; font-size: 13px; font-style: italic; }
.mainContent #rightSide{
	background-image: url(images/brownTileSmall.jpg);
	background-repeat: repeat-y;	
	padding: 10px;
	margin: 0 0 0 550px;
	position: relative;
}
.mainContent #rightSide h2{margin-top: -5px; margin-bottom: 10px;}
.mainContent #rightSide h3{margin-bottom: 7px;}
#leftSide a:link {text-decoration: underline; color: #fcb336}
#leftSide a:visited {color: #fcb336; text-decoration: none;}
#leftSide a:active {color:#fcb336}
#leftSide a:hover {color:#fcb336; }

#horseHead{
	position: absolute;
	bottom: 0;	
	right: 0;
	z-index: 10;
}
ul#ulspacing li{
	padding-top: 5px;
	padding-bottom: 5px;
}
#rightContent{
	background-color: #bfa47a;
	padding: 7px;	
}
#rightContent p{
	margin-top: 0px;
}
#rightContent h3{
	margin-top: 1px;
	margin-bottom: 1px;
}
#map{
	border: 2px solid #000;
}
.footer{ 
	background-image: url(images/brownTile.jpg);
	background-repeat: repeat-y;	
	border-top: 2px solid #fcb336;
	color: #bfa47a;
	font-variant: small-caps;
	text-align:center;
	font-size:11px;
	padding-bottom: 3px;
	
}
.footer a{
	text-decoration: none;
}
table td{
	vertical-align: top;
}
#leftSide table th{color: #fcb336; font-style: italic;}
/*********************************************************************************/
.inlineImg {
	clear: left;
}
.inlineImg .floatbox{
	float: left;
	width: 143px;
	margin-bottom: 20px;	
}