﻿body { font-family: Arial; background: #32312F url(Images/Background.jpg) repeat-x top left; }
.clear { clear: both; }
a { color: #FF0000; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 {color: #32312D; font-size: 140%; margin-bottom: 10px;}
h2 { margin: 10px; margin-bottom: 20px; padding: 0px; font-size: 120%; font-weight: normal; color: #32312D; }
h3 { font-size: 120%; color: #32312D; }
#Wrapper { width: 920px; min-height: 400px; background: #fff; margin: 0 auto; margin-top: 40px; padding: 15px; padding-bottom: 30px; }
#Header { width: 920px; height: 110px; background: #32312F url(Images/Header_Bg.jpg) no-repeat top right; margin-bottom: 2px; }
#Header #Logo { width: 280px; height: 30px; float: left; padding: 40px 35px 40px 35px; }
#Header #Contact { width: 400px; height: 70px; float: left; padding: 20px 0px 20px 0px; color: #EBEBEB; }
#Header #Contact #Tel { display: block; line-height: 35px; width: 345px; height: 35px; padding-left: 55px; background: transparent url(Images/Header_Tel.jpg) no-repeat left top;}
#Header #Contact #Em { display: block; line-height: 35px; width: 345px; height: 35px; padding-left: 55px; background: transparent url(Images/Header_Em.jpg) no-repeat left bottom;}
#MenuContainer { width: 920px; height: 30px; background: transparent url(Images/Menu_Bg.jpg) top left; }
#MenuContainer #Menu ul { margin: 0; padding: 0; }
#MenuContainer #Menu ul li { list-style: none; display: inline;width: auto; margin: 0; padding: 0;}
#MenuContainer #Menu ul li a { line-height: 30px; height: 30px;  display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 75%; padding: 0px 15px 0px 15px; color: #282726; }
#MenuContainer #Menu a.Selected { background-color: #EDEDEB; }
#MenuContainer #Menu a:hover { background-color: #EDEDEB; }
#MenuContainer #SubBar { width: 920px; height: 10px; background: transparent url(Images/Menu_SubStrip.jpg) repeat-x top left; }
#Clock { float: right; padding-left: 40px; background: transparent url(Images/Clock.jpg) no-repeat center left; height: 19px; line-height: 19px; margin: 20px 10px 10px 0px; }
#Clock span { color: #282726; font-size: 60%; }
#ContentLeft { float: left; width: 640px;}
#ContentRight { float: right; width: 275px;}

.ajax-load { margin: 5px 0px 5px 0px;}

/* NEWS CONTROL */
.NewsContainer { width: 272px;  color: #32312D; margin-bottom: 10px;}
.NewsHeader { width: 272px; height: 26px; background: transparent url(Images/News_Header.jpg) no-repeat top left; text-align: right; line-height: 24px; }
.NewsHeader a { color: #fff; font-weight: bold; margin-right: 20px; text-decoration: none; font-size: 90%;}
.NewsFooter { width: 272px; height: 26px; }
.NewsItem {background: transparent url(Images/News_Bg.jpg) repeat-x top left;}
.NewsItem .NewsItemHead { border-bottom: solid 2px #fff; padding: 10px; font-size: 70%; font-weight: bold;}
.NewsItem .NewsItemBody { padding: 10px; font-size: 70%; text-align: justify; }
.NewsItem .NewsItemBody p { margin: 0; }
.NewsItem .NewsItemPosted { width: 252px; padding-right: 20px; background-color: #FFF; height: 20px; line-height: 20px; font-size: 55%; text-align: right; }

/* ARCHIVE NEWS */
.ANewsContainer { width: 592px; padding: 10px; border: solid 1px #DAD8D6; margin-bottom: 5px; }
.ANewsContainer:hover { background-color: #f2f2f2; }
.ANewsItem { font-size: 80%; }
.ANewsItemTitle { width: 450px; float: left; }
.ANewsItemDate { width: 142px; float: right; text-align: right; }
.Aalt { background-color: #f2f2f2; }

/* ENTRIES CONTROL */
.EntriesContainer { width: 272px; color: #32312D; margin-bottom: 10px;}
.EntriesHeader { width: 272px; height: 26px; background: transparent url(Images/Entries_Header.jpg) no-repeat top left; text-align: right; line-height: 24px; }
.EntriesHeader a { color: #fff; font-weight: bold; margin-right: 20px; text-decoration: none; font-size: 90%;}
.EntriesFooter { width: 272px; height: 26px; }
.EntriesItem {border-bottom: solid 2px #fff;}
.EntriesItem .EntriesItemImage { margin: 5px; border: solid 1px #93918C; background-color: #FFF; padding: 10px; float: left; }
.EntriesItem .EntriesItemBody { padding: 5px; font-size: 70%; text-align: left; float: left; margin-left: 5px; width: 170px; }
.EntriesItem .EntriesItemBody p { margin: 0; }
.alt { background-color: #F2F2F2;}

/* RESULTS CONTROL */
.ResultsContainer { width: 272px; color: #32312D; margin-bottom: 10px;}
.ResultsHeader { width: 272px; height: 26px; background: transparent url(Images/Results_Header.jpg) no-repeat top left; text-align: right; line-height: 24px; }
.ResultsHeader a { color: #fff; font-weight: bold; margin-right: 20px; text-decoration: none; font-size: 90%;}
.ResultsFooter { width: 272px; height: 26px; }
.ResultsItem {border-bottom: solid 2px #fff;}
.ResultsItem .ResultsItemImage { margin: 5px; border: solid 1px #93918C; background-color: #FFF; padding: 10px; float: left; }
.ResultsItem .ResultsItemBody { padding: 5px; font-size: 70%; text-align: left; float: left; margin-left: 5px; width: 170px; }
.ResultsItem .ResultsItemBody p { margin: 0; }
.alt { background-color: #F2F2F2;}

/* WINNERS CONTROL */
.WinnersContainer { width: 612px; color: #32312D; margin-bottom: 10px;}
.WinnersHeader { width: 612px; height: 26px; background: transparent url(Images/Winners_Header.jpg) no-repeat top left; text-align: right; line-height: 24px; }
.WinnersHeader a { color: #fff; font-weight: bold; margin-right: 20px; text-decoration: none; font-size: 90%;}
.WinnersFooter { width: 612px; height: 26px; }
.WinnersItem {border-bottom: solid 2px #fff;}
.WinnersItem .WinnersItemImage { margin: 5px; border: solid 1px #93918C; background-color: #FFF; padding: 10px; float: left; }
.WinnersItem .WinnersItemBody { padding: 5px; font-size: 70%; text-align: left; float: left; margin-left: 5px; margin-right: 10px; width: 170px; }
.WinnersItem .WinnersItemBody p { margin: 0; }
.WinnersItem .WinnersItemComments { float: left; padding: 5px; width: 240px; font-size: 70%; text-align: justify; }
.WinnersItem .WinnersItemAtr { float: right; }
.alt { background-color: #F2F2F2;}

/* PAGE POST */
.PageContainer { width: 612px; margin-bottom: 20px; }
.PageHeader { color: #32312D; font-size: 140%; margin-bottom: 10px; }
.PageBody { width: 592px; padding: 10px; border: solid 1px #DAD8D6; }
.PageItemLeft {float: left; width: 380px; text-align: justify; font-size: 80%; }
.PageItemRight {float: right; width: 188px; }
.PageItemImage { width: 168px; padding: 10px; border: solid 1px #DAD8D6;  }

/* NEWS POST */
.PostContainer { width: 612px; margin-bottom: 20px; }
.PostHeader { color: #32312D; font-size: 140%; margin-bottom: 10px; }
.PostBody { width: 592px; padding: 10px; border: solid 1px #DAD8D6; }
.PostItemLeft {float: left; width: 380px; text-align: justify; font-size: 80%; margin-bottom: 20px; }
.PostItemRight {float: right; width: 188px; margin-bottom: 20px; }
.PostItemImage { width: 168px; padding: 10px; border: solid 1px #DAD8D6; margin-bottom: 4px;  }
.PostItemOptions { width: 168px; padding: 10px; border: solid 1px #DAD8D6; background: transparent url(Images/PostOptions_Bg.jpg) repeat-x top left;}
.PostItemOptions .option { width: 168px; margin-bottom: 4px; }
.PostItemOptions .option .img { width: 21px; margin-right: 10px; float: left; }
.PostItemOptions .option .text { width: 130px; float: left; }
.PostItemOptions .option .text a { color: #666666; font-size: 60%; text-decoration: none; line-height: 19px; }
.PostItemOptions .social { margin-top: 15px;}
.PostItemOptions .social img { float: left; margin-right: 4px; }
.SendToFriend { width: 592px; border: solid 1px #DAD8D6; padding: 10px; margin-top: 10px; }
.SendToFriend .head { margin-bottom: 20px; font-size: 90%; color: #666; background-color: #f2f2f2; padding: 10px; }
.SendToFriend .left label, .left input, .right label, .right input, .comment label, .comment textarea { display: block; margin-bottom: 5px; font-size: 70%; color: #666; }
.SendToFriend .validate span {margin-bottom: 5px; font-size: 70%; color: #666; display: block;}
.SendToFriend .validate { margin-top: 10px; }
.SendToFriend .left input, .right input, .comment textarea { width: 250px; font-family: Arial; border: solid 1px #E1E1E1; font-size: 80%; color: #999; }
.SendToFriend .comment textarea { width: 572px; }
.SendToFriend .left { float: left; width: 270px; }
.SendToFriend .right { float: right; width: 270px; }
.SendToFriend .status span { margin-top: 20px; font-size:90%;  display: block; }

/* FACILITIES CONTROL */
.FacItem { font-size: 80%; width: 190px; padding: 5px; border: solid 1px #DAD8D6;  }
.FacItemImg { margin-bottom: 10px; }

/* HORSES IN TRAINING CONTROL */
.HorsesHeader { border:1px dashed #CCCCCC; color:black; background-color:#FFF; font-family:Arial, Sans-Serif; font-size:0.8em;
	font-weight:bold; padding:0px; margin-top:5px; cursor:pointer; width:612px; }
.HorsesHeaderSale { color:#FFF; background-color:#999; font-family:Arial, Sans-Serif; font-size:0.7em; font-weight:bold;
    padding:0px; margin-top:5px; cursor:pointer; width:612px;}
.HorsesHeader a { color:#FFF; background:none; text-decoration:none;}
.HorsesHeader a:hover { background:none; text-decoration:underline;}
.HorsesHeaderSelected { color:white; background-color:#32312D; font-family:Arial, Sans-Serif; font-size:0.8em; font-weight:bold;
    padding:0px; margin-top:5px; cursor:pointer; width:612px;}
.HorsesHeaderSelected a { color:#FFF; background:none; text-decoration:none;}
.HorsesHeaderSelected a:hover { background:none; text-decoration:underline;}
.HorsesContent { border:1px dashed #CCCCCC; border-top:none; padding:5px; padding-top:10px; font-size:0.7em; width:600px;}
.HorsesForSalePanel { width: 120px; height: 40px; background-color: #32312D; text-align: center;}
.HorsesForSalePanel span { font-size: 80%; color: #fff; line-height: 20px; }

/* GALLERY */
#GalleryControls { margin-left: 20px; border: solid 1px #DAD8D6; padding: 5px; width: 560px; } 
#GalleryControls div { display: inline-block; margin-right: 50px; }
#GalleryControls div label { font-size: 80%; display: block; margin-bottom: 5px; }
.GalleryEmpty p { text-align: center; font-size: 90%; color: Red; margin-top: 40px; padding-top: 100px; background: transparent url(Images/Alert-64.png) no-repeat center; }

/* MAP */
#map { width: 260px; height: 300px; float: left; }
#directions {width: 312px; height: 300px; float: right; }
#directions #route { width: 300px; height: 235px; font-size: 60%; overflow: auto; padding: 0; margin: 0;}
#directions #controls { width: 312px; margin-bottom: 10px; }
#directions #controls label { margin-bottom: 5px; font-size: 80%; display: block; }
#MapContainer { width: 592px; padding: 10px; border: solid 1px #DAD8D6; margin-top: 20px; }
#MapContainer .head { margin-bottom: 20px; font-size: 90%; color: #666; background-color: #f2f2f2; padding: 10px; }

/* PROFILE */
.Profile { border: solid 1px #DAD8D6; width: 600px; padding: 10px; font-size: 80%; color: #32312D;}
.Profile p { }
.Profile h3 { font-size: 120%; color: #32312D; }
.Profile table tr td span { }
.datagridSite {  width:100%; border:solid 1px #DAD8D6; }
.datagridSite th, .datagridSite td { cursor:default; height:20px; }
.datagridSite th { background:#32312D; color:#FFF;	font-weight:bold; text-align:center; }  
.datagridSite td { color:#32312D; padding:2px 8px;}

/* CONTACT */
.ContactForm { width: 592px; border: solid 1px #DAD8D6; padding: 10px; }
.ContactForm .head { margin-bottom: 20px; font-size: 90%; color: #666; background-color: #f2f2f2; padding: 10px; }
.ContactForm .left label, .left input, .right label, .right input, .comment label, .comment textarea { display: block; margin-bottom: 5px; font-size: 70%; color: #666; }
.ContactForm .validate span {margin-bottom: 5px; font-size: 70%; color: #666; display: block;}
.ContactForm .validate { margin-top: 10px; }
.ContactForm .left input, .right input, .comment textarea { width: 250px; font-family: Arial; border: solid 1px #E1E1E1; font-size: 80%; color: #999; }
.ContactForm .comment textarea { width: 572px; }
.ContactForm .left { float: left; width: 270px; }
.ContactForm .right { float: right; width: 270px; }
.ContactForm .status span { margin-top: 20px; font-size:90%; display: block; }
.ContactForm span { display: block; font-size: 80%; }

/* FOOTER */
#FooterContainer { width: 920px; margin: 0 auto; margin-top: 20px; padding: 15px; font-size: 70%; color: #fff; }
#FooterLeft { float: left; text-align: left; }
#FooterRight { float: right; text-align: right; }
#FooterRight span { display: block; }
#FooterRight a { text-decoration: none; color: #fff; }

