/* ---------- Reset Values ---------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
table,tbody,tfoot,thead,tr,th,td {}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*table{border-collapse:collapse;border-spacing:0;}*/
/* ---------- Reset Values ---------- */
/* Text Input as Hints */
.TextHint { color: #c4b39d; }
.TextEnter { color: Black; }
/*
a:link, a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }
*/
/* Positional Placements */
.HeaderArea { position: absolute;
width:278px;
height:21px;
top: 214px;
left: 610px;
line-height:20px; }
.headerinfo { background-color: #432A26;
color:White;
line-height: 200%;
font-size: 120%;
text-align: center;
border-bottom: 1px solid #AD956F;
border-top: 5px solid black; }
.infobar { background-color: #241D15;
color:#AD956F;
line-height: 200%;
font-size: 80%;
text-align: center;
border-bottom: 1px solid white; }
.infobar a:link,h3 a:visited
{ color: #AD956F; text-decoration: none;}
.infobar a:hover { color: #AD956F; text-decoration: underline; }
.infobar a:active { color: #AD956F; text-decoration: none;}
/* DEFAULTS ----------------------------------------------------------*/
body { background: #b6b7bc;
background-image: url(/images/bg_body.jpg);
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
line-height: 140%;
color: #330000; }
p { margin-bottom: 1em; }
.page { width:900px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #330000;
border-right: 1px solid #330000;
min-height:900px; }
.content { border-left: 1px solid black;
border-right: 1px solid black;
background-color: #FBF4E5;
min-height:900px; }
.header { height: 252px;
background-image: url(/images/Header.jpg);
position: relative; }
.main { clear: both; }
.clear { clear: both; }
.spacer { height: 3em; }
/* ------------------------- HomeArticle ------------------------- */
.HomeArticle, .EditForm
{ font-size:12px;
margin: 20px 20px 20px 0;
padding: 20px;
border: 1px solid #432A26;
border-radius: 8px; box-shadow: 4px 4px 4px #888;
}
.HomeArticle h3, .EditForm h3 { margin-bottom: 15px;
text-align: center;
font-size:16px;
border: 1px solid black;
background-color: #AD956F;
}
.HomeArticle em, .EditForm em { font-style:italic; }
/* ------------------------- HomeArticle ------------------------- */
/* ------------------------- EditForm ------------------------- */
.AdminEditContent .EditForm label { display: block; margin-top: 8px;}
.AdminEditContent .EditForm em { width: 150px; text-align: right; display: inline-block; margin-right: 20px;}
.AdminEditContent .EditForm input { width: 250px; }
.AdminEditContent .EditForm input[type=submit] { margin-left: 1em; width: 100px; }
.EditForm label em { width: 10em; }
.EditForm input, .EditForm select
{
margin-left: 1em; width: 250px;
}
.EditForm .FormButtons
{
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid black;
text-align: right;
}
.EditForm .FormButton
{
margin-right: 1em;
text-align: center;
}
/* ------------------------- EditForm ------------------------- */
/* ------------------------- Menus ------------------------- */
.MainMenu { background-color: #432A26;
height: 24px;
font-size:12px;
border-top: 1px solid #AD956F; /* #AD956F == #18262A == #728D94 */
border-bottom: 1px solid #AD956F;
z-index: 99; }
.MainMenu li { display: inline; z-index: 99;}
.MainMenu a { display: inline-block; width:120px; height:24px;
border-right: 1px solid #AD956F;
text-align: center; }
.MainMenu a:hover { background-color: #AD956F; color: #432A26; }
.MainMenu li { list-style: none; float: left; }
.MainMenu li a { display: block;
padding: 0px 8px;
background-color: #432A26;
color: #ECE5DD;
text-decoration: none; }
.MainMenu li ul { display: none; z-index: 99;
box-shadow: 4px 4px 4px #251E16;
border-left: 1px solid #AD956F;
border-top: 1px solid #AD956F;
border-bottom: 1px solid #AD956F;
background-color: #432A26;
width: 200px; /* 135/118 Width to help Opera out */ }
.MainMenu li:hover ul { display: block;
position: absolute;
margin: 0;
padding: 0; }
.MainMenu li:hover li { float: none; }
.MainMenu li:hover li a { width: 183px; border-bottom: 1px solid #AD956F; }
.MainMenu li li a:hover { background-color: #AD956F; color: #432A26; }
/* ------------------------- Menus ------------------------- */
.Sidebar { width: 250px; float: left; }
.MainContent { width: 630px; float: right; }
.FullContent { width: 880px; float: right; }
.Sidebar .Frame { padding: 10px; margin: 20px 0 10px 20px;
border-radius: 8px; box-shadow: 4px 4px 4px #888;
position: relative; font-size:12px; float: left;clear: left;
background: #AD956F; border: 1px solid #432A26; width: 210px;
}
.Frame h3 { margin: 6px 10px 6px 6px;
padding-bottom: 6px;
text-align: center; font-size:20px;
border-bottom: 1px solid #432A26; }
.Frame a,
.Frame a:visited { text-decoration: none; color: #432A26; padding-left: 10px; padding-right:10px; }
.Frame a:hover { text-decoration: none; color: #AD956F; background-color: #432A26 ;}
.Frame dt { display: inline-block; width: 90px; float: left; clear: left; text-align: right;}
.Frame dd { display: inline-block; width: 100px; float: right; clear: right;}
/* ------------------------- Admin Area ------------------------- */
.AdminEditContent { width: 850px; padding-left: 20px;}
.AdminEditContent label { display: block; margin-top: 8px;}
.AdminEditContent em { width: 150px; text-align: right; display: inline-block; margin-right: 20px;}
.AdminEditContent input { width: 250px; }
.AdminEditContent input[type=submit] { margin-left: 170px; width: 100px; }
.FullList { border-collapse: collapse; }
.FullList td { border: 1px solid #432A26; padding: 0 4px 0 8px; }
.FullList a:link,.FullList a:visited { color: #728D94; }
.FullList a:hover { color: #728D94; }
.FullList a:active { color: #728D94; }
/* ------------------------- Admin Area ------------------------- */
/* ------------------------- Login ------------------------- */
.LoginStatus { height: 20px;
background-color: #432A26;
text-align: right;
font-size: 12px;
color: #AD956F; }
.LoginStatus a { margin-right: 10px; text-decoration: none;}
.LoginStatus a:link, a:visited { color: #fff; }
.LoginStatus a:hover { color: #728D94; }
.LoginStatus a:active { color: #fff; }
#cmdSubmit {width: 16px ! important; height: 16px ! important; }
.LoginStatus input { display: inline-block;
width: 100px;
height: 16px;
font-size: 12px;
border: 1px solid white;
margin: 1px 4px;
padding: 1px 4px;
background-color: #AD956F;
vertical-align: bottom;}
.LoginHint { color: #432A26; }
.LoginEnter { color: White; }
.LoginFrame { }
.LoginFrame label { display: block; padding: 4px;}
.LoginFrame span { display: inline-block; width: 80px; text-align:right; padding-right: 9px;}
.LoginFrame input { display: inline-block; width: 100px;}
.LoginFrame .Login { display: inline-block; width: 75px; float: right; margin: 4px 10px;}
/* ------------------------- Login ------------------------- */
/* ------------------------------ FOOTER AREA ------------------------------ */
.footer { width: 100%;
background-color: #101010;
color: #909295;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
padding: 12px 8px 20px 8px;
}
.footer a:link, .footer a:visited
{ color: #909295; }
.footer a:hover { color: #909295; text-decoration: none; }
.footer a:active { color: #909295; }
.footer .seperator { border-right: 1px solid #303030; margin-right: 12px; }
.footerlist { float: left;
width: 210px; }
.footer em { font-weight:700;
color: #E6E6E6;
margin-bottom: 1em;
}
.footer .area { width:900px;
margin-left: auto;
margin-right: auto;
}
.footer .box { background-color: #454545;
}
/* ------------------------------ FOOTER AREA ------------------------------ */
.HorseTabs { width: 100%; margin-bottom: 1em; }
.HorseTabs a, .HorseTabs em
{ margin: 1em; }
.HorseTabs a:link, .HorseTabs a:visited
{ color: #909295; }
.HorseTabs a:hover { color: #909295; text-decoration: none; }
.HorseTabs a:active { color: #909295; }