body, p, ul, table, tr, td {  font-size:14px; line-height: 1.5; font-family: helvetica, Sans-Serif; color: #494C4E; }

/* Form Elements
-------------------------------------------------------------- */
body { padding: 0px; margin: 0px; }
Image { border: 0px; }
p { margin-bottom: 5px; }

h1 { position:absolute; right: 60px; top: 10px; margin: 0px;} 
h2 {font-size:20px;line-height:1.6em;margin: 10px 0 5px 0; font-family: "Trebuchet MS",serif; color:#336699; font-weight:bold; }
     
table { 
  border-spacing: 0; 
  border-collapse: collapse; 
  /* fix for IE6 and below not inheriting font size */ font-size: 1em; 
}

ul { margin-left: 10px; }
input, textarea { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;letter-spacing:-1px;color:#6D6C6C; }

a:hover { color:#F76605;text-decoration:underline; }
a { text-decoration:none; color:#336699; }

/* background
-------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
}

#bg {
    position: fixed;
    z-index: 1;
}

#bg div {
    position:absolute;
    top:0;
    left:0;
    width:200%;
}

#bg td {
    text-align:left;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

/* Text 
-------------------------------------------------------------- */
.textMediumBold { font-size: 12px; font-weight: bold; }
.textMedium { font-size: 12px; }
.textSmallWhite { color: White; font-size: 11px; }
.footerWhite { color: White; font-size: 11px;  }

.gridTitle, .gridTitle_Top { text-align: right; padding-bottom: 5px; vertical-align: top; width: 100px; padding-right: 10px; }
.gridContent { padding-bottom: 5px; }
.gridContent Input { height: 20px }
.gridFullRow { padding: 10px 0 5px 0; }

#contact { margin-top: 20px; }
#contact TD { padding-bottom: 10px; }
#contact .gridTitle, #contact .gridTitle_Top { font-weight: bold; font-size: 12px; vertical-align: middle; }
#contact .gridTitle_Top { vertical-align: top; }
#contact_buttons { text-align: right; width: 360px; padding-top: 10px; }

.ErrorText { color: Red; }


/* Content
-------------------------------------------------------------- */
#cont {
    position: relative;
    margin-top: 20px;
    z-index:70;
}

.box {
    margin: 0 auto;
    width: 974px;
    font: 14px/2.2 Arial, Sans-Serif;
    
}
#cont .box .bgMiddle  
{
	background: url(../Assets/Images/bg_middle.png) repeat-y;
    width: 974px;
    padding: 0px 0px 30px 0px;
 	position: relative;
 }
 
 .contentLeftMenu
 {
 	width: 250px;
 	float: left;
 	text-align: right;
 }
 
 .contentLeftMenu_Sub { width: 230px; padding: 20px 10px 0px 10px;}
 x.contentLeftMenu_Sub P {  }
 .contentLeftMenu_Sub img { border: solid 1px #999999; padding: 8px; }
 
 .contentFull
 {
 	width: 680px;
 	padding: 10px 10px 0 20px;
 	float: left;
 	border-left: 1px solid #DADADA;
 	position: relative;
 }
 
#homeTop { margin: 10px 10px 0px 20px; }
#homeTop_Left { position: relative; float: left; width: 360px; height: 300px; background: url(../Assets/Images/frontpage_TopLeft.png) no-repeat; }
#homeTop_Left_Text { width: 280px; padding: 90px 20px 0px 25px; font-size: 12px; }
#homeTop_right { background: url('../Assets/Images/home_TopRight.png') no-repeat; vertical-align: top; height: 280px; display: table; width: 580px; position: relative;}

#homeContent { width: 976px;height: auto; text-align:left; display: table; }
#homeContent_Left { height: auto; padding-bottom: 10px; float: left; width: 360px; display: table; margin: 10px -1px 0px 20px; }
.homeContent_Heading_Left { margin-top: 20px; width: 100%; height: 15px; border-bottom: solid 1px #999999; }

#mainHeader { width:975px; border-bottom: 1px solid #DADADA; height: 60px; }

#homeContent_Right { border-left: solid 1px #999999; width: 580px; height: auto; display: table; }
.homeContent_Heading { padding-left: 15px; width: 550px; height: 15px; border-bottom: solid 1px #999999; }

.fullBorder { margin-left: 10px; float: right; border: solid 1px #DADADA; padding: 10px; margin-top: 10px; }
.fullBorder_Stories { height:225px;width:300px; border: solid 1px #DADADA; padding: 10px;}
 
 #quote { position: absolute; right: 20px; top: -8px; }

/* LOGIN
-------------------------------------------------------------- */
#Login { width: 200px; height: 70px; line-height: 30px; }

/* header 				    
-------------------------------------------------------------- */
#Header { position: relative; height: 139px; width: 100%; z-index:90; background: url(../Assets/Images/top_Background.png) repeat; }

#Header #logo { position: absolute; left: 85px; top: 7px; }  


#Header #navTopRight { position: absolute; right: 60px; top: 0px; }
#Header #navTopRight a { font-size: 11px; color: #494C4E; text-decoration: none; }
#Header #navTopRight a:hover { color: #cc6600; text-decoration: underline }

#navBar { position: absolute; top: 100px;  width: 100%; height: 39px; background: url(../Assets/Images/headerBar.jpg) repeat-x; }
#navBar .address { position: absolute; right: 60px; top: 14px; }
#navBar .linksRight { color: #8F9296; font-size: 12px; position: absolute; right: 60px; top: 10px; }
#navBar .linksRight a { font-size: 12px; color: white; text-decoration: none; font-weight: bold; font-family: Cambria Georgia; }
#navBar .linksRight a:hover {font-size: 12px;  color: #cc6600; text-decoration: underline;  font-weight: bold; font-family: Cambria Georgia;} 

/* MAIN NAVIGATION SETUP */
ul.topnav {
	list-style: none;
	padding: 0 0 0 60px;
	margin: 0;
}
ul.topnav li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

xul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -1px; top: 39px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #2E2E2E; /*--Create bevel effect--*/
	border-bottom: 1px solid #4C4C4C; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	height: 35px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
	xbackground: #333;
	padding-left: 20px;
	color: White;
	text-decoration: none;
	height: 27px;
	vertical-align: middle;
	xbackground: url(../Assets/Images/lnkBg.gif);
	background: #1C2128;
	padding-top: 8px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	xbackground: #3E3F42;
	color: #9F9F9F;
	color: #cc6600;
	text-decoration: none;
	height: 27px;
	xbackground: url(../Assets/Images/lnkBg_f2.gif);
	padding-top: 8px;
} 

/* Sub Navigation -------------------------------------------------------------- */
#subNav_container { margin-top: 20px; }
.subNav ul { padding: 0px; margin: 0px; }
.subNav li { font-weight: bold; display: block; height: 45px; border-bottom: 1px solid #DADADA; line-height: 45px; }
.subNav li a { font-weight: bold; color: #494C4E; width: 220px; height: 45px; display:block; padding-right: 30px; text-decoration: none;  }
.subNav li a:hover { font-weight: bold; color: #F76605; width: 220px; height: 45px; display:block; padding-right: 30px; text-decoration: none;  }

.subNavMouseOver { background: url(../Assets/Images/subNavBG_On.png) no-repeat; background-position: left center; text-decoration: none; }
.subNavActive { background: url(../Assets/Images/subNavBG_Active.png) no-repeat; background-position: left center; text-decoration: none; }
/*
.subNavActive a, .subNavActive a:active, .subNavActive a:visited, .subNavActive a:hover { color: #cc6600; text-decoration: underline; }
*/

/* media player - player container  -------------------------------------------------------------- */
#player { height:188px;width:300px;xborder:2px solid #fff;xoutline:1px solid #333;-moz-outline-radius:4px;cursor:pointer;text-align:center;margin-left:20px; }
#player img { margin-top:67px; position:relative; }	 /* play button */
#mediaplayer .credit { font-size: 10px; text-align: center; width: 340px; }

a.myPlayer { display: block; height:225px;width:300px;-moz-outline-radius:4px;cursor:pointer;text-align:center;margin-left:0px; }
a.myPlayer img { margin-top:67px; position:relative; }	 /* play button */


/* News and Events  -------------------------------------------------------------- */
.event { margin: 20px 10px; display:table; height: auto; width: 550px; }
.eventLink { float: right; }
.eventLeft { width: 370px; border-right: solid 1px #999999; float: left; padding-right: 5px; margin-right: 5px; }
.eventRight { width: 180px; float: right; vertical-align: top; padding-top: 45px; }
.eventTitle { color: #3A6898; font-weight: bold; }
.eventCaption { font-size: 12px; }
.eventInfo { font-size: 12px; }
 
.eventRed { color: Red; font-size:11px; font-weight: bold; text-transform:uppercase; }
 
.newsDate { font-style: italic; font-size: 12px; }
.newsLeft { width: 550px; }
 
/*General Information  -------------------------------------------------------------- */
.generalInfo { margin: 10px 10px; display:table; height: auto; width: 330px; }
.generalInfo_Title { color: #3A6898; font-weight: bold }
.generalInfo_Text { font-size: 12px; }
 
/* Horses and Staff  -------------------------------------------------------------- */
.bio { margin-top: 20px; vertical-align: top; height: 150px; width: 640px; display: table; }
.bio .bioPic { float:left; width: 120px; padding-top: 5px; }
.bio .bioText { float: right; padding-left: 20px; width: 500px; vertical-align: top; }
.bioText .bioIntro { margin-bottom: 5px; }
 
.boxRight { border: solid 1px #DADADA; padding: 8px 8px 20px 20px; padding-top: 0px; position: absolute; right: 10px; top: 70px; width: 250px; }
.boxRight .information { padding: 0px; list-style-image: none; list-style-type:none; margin: 0px 0px 20px 10px; }
.boxRight .information .address { background: url('../Assets/Images/Home_Icon.png') no-repeat 0px 6px; width: 200px; padding-left: 45px; padding-bottom: 15px; }
.boxRight .information .phone { background: url('../Assets/Images/Phone_Icon.png') no-repeat 0px -3px; width: 200px; padding-left: 45px; padding-bottom: 15px; height: 35px; }
.boxRight .information .email { background: url('../Assets/Images/Email_Icon.png') no-repeat 0px -3px; width: 200px; padding-left: 45px; height: 35px; }

/* Stories 	 -------------------------------------------------------------- */
.story { margin-top: 20px; vertical-align: top; height: 150px; width: 640px; display: table; }
.story .storyMedia { float:left; width: 335px; padding-top: 5px; }
.story .storyText { float: right; padding-left: 10px; width: 290px; vertical-align: top; }



/* footer  -------------------------------------------------------------- */
#footer { padding-top: 65px;  height: 230px; text-align:center; position: relative; width: 100%; background: url(../Assets/Images/bg_footer_top.png) repeat-x top; }

#footerContent { position: relative; width: 969px; height: 151px; margin: 0 auto; }
#footerLeft { float: left; width:17px; height: 151px; background: url(../Assets/Images/bg_footer_box_left.jpg) no-repeat; }
#footerMiddle {  float:left; background-color:#544B42;  width: 932px;height: 151px;}
#footerRight { float: left; width:20px; height: 151px; background: url(../Assets/Images/bg_footer_box_right.jpg) no-repeat; }

#footerNav { padding-top: 18px; text-align: center; width: 969px; margin: 0 auto; text-align: center; color: White; font: 12px/2 Georgia, Serif; }
#footerNav a { color: White }
#footerNav a:hover { color: #336699; color: #cc6600; }

#footerLogos { left: 55px; position: absolute; top: 50px; }
#footerDesc { left: 140px; top: 30px; text-align:justify; height: 70px; padding: 10px 20px; line-height: 14px; width: 450px; position: absolute; border-left: 1px solid white; border-right: 1px solid white; }

#subscribe { height: 55px; text-align: left; width:261px;  position: absolute; right: 50px; top: 40px; }
#subscribe_progress { height: 40px; position: absolute; right: 5px; top: 60px; width: 35px; }
#subscribeImage { position: absolute; right: 50px; top:50px;  }
.subscribeText { position:absolute; bottom:0px; line-height: 34px; padding-left: 5px; font-size: 14px; background-image: url(../Assets/Images/subscribe.jpg); }
.subscribeButton { width: 79px; position: absolute; right: 0px; bottom: 0px; }

#footer .emailMessage  { height: 20px; position:absolute; color: White; position: absolute; bottom: -24px; font-size: 11px; width: 300px; }