/*---------------------------------------

	GLOBAL STYLES - stucture, header, navigation

-----------------------------------------*/

* { margin:0; padding:0; }

body { background-color:#DBE7BC; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:14px;  }

#contactbarbg { height:30px; background-color:#0c1c0f  }

#contactbar { margin:auto; width:911px; color:#ababab; text-align:right; padding:4px 0 0 0 ;  }

#contactbar a { color:#ababab; }

#contactbar a:hover { color:#ffffff; }

#headerbg{  background:url(../img/header-bg.png) repeat-x #003401; }

#header { height:159px; margin:auto; width:940px;  }

#index-mid-pan { background: #253325 url(../img/index-mid-pan.png) repeat-x top; height:240px; border-bottom:#629315 4px solid; }

#index-sub-bar { background:url(../img/index-mid-pan.png) repeat-x top; height:30px; border-bottom:#629315 4px solid; }

/*#index-mid-pan-wrap {  margin:auto; width:930px; height:332px; background:url(../img/index-image.jpg) no-repeat top center; }*/

#index-mid-pan-wrap {  margin:auto; width:919px; height:240px;    padding:11px 0 0 0; }

#content-bg { background:url(../img/content-bg.png) top repeat-x #fff; height:auto; }

#logo { display:block; float:left; width:111px; height:91px; margin:30px 80px 0px 30px; }

ul#nav { display:block; float:left; width:710px; list-style:none; margin:60px 0px 0px 0px;}

ul#nav li { display:inline;} 

ul#nav li a { display:block; float:left; width:85px; height:25px; padding-top:5px; margin:0px; background:url(../img/nav-button.png) right top no-repeat; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase; 
font-size:12px; letter-spacing:-1px; }

ul#nav li a:hover {background-position: left top; color:#A7C463; }

.clearer { display:block; clear:both; width:100%; height:1px; }

.facebooklink {
    width:40px;
    height:40px;
    background:url(../img/SocialMedia.jpg) 40px 0px;
    background-size:160px;
    display:inline-block;
    text-decoration:none;
}
.instagramlink {
    width:40px;
    height:40px;
    background:url(../img/SocialMedia.jpg) 121px -41px;
    background-size:160px;
    display:inline-block;
    text-decoration:none;
}
.twitterlink {
    width:40px;
    height:40px;
    background:url(../img/SocialMedia.jpg) 80px 0px;
    background-size:160px;
    display:inline-block;
    text-decoration:none;
}


/*---------------------------------------

	Slideshow styles

-----------------------------------------*/

#slideshow {
    position:relative;
    height:210px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    border:solid 4px #0c1c0f;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*---------------------------------------

	COLUMN STYLES - content structure, modules

-----------------------------------------*/
#wrapperHome { margin:auto; width:820px; height:150px; padding:40px 60px 40px 60px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-3px; color:#003502; }

#wrapperHome #welcometo { font-size:40px; margin:0px 0px -4px 40px; }

#wrapperHome #mcs { font-size:50px; }

#wrapperHome #racingStables { font-size:40px; margin:-4px 0px 0px 80px; }

#wrapper { overflow:auto; margin:auto; width:820px; background:url(../img/content-top.png) no-repeat top center; padding:40px 60px 40px 60px; }

.col1 { width:560px; float:left; display:block; margin-right:20px; }

.col2 { width:240px; float:left; display:block; }

#wrapper ul { display:block; list-style:none; }

#wrapper ul li { margin:5px 0px; border-bottom:dotted 1px #629315; padding:4px; list-style-image:url(../img/bullet.jpg); }


#wrapper a {color:#fa4812; }

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
}

/*---------------------------------------

	FONT STYLES - paragraphs, headings, lists

-----------------------------------------*/

p { line-height:1.5em; }

h1 { font-weight:normal; text-transform:uppercase; font-size:22px; color:#003502; margin-bottom:30px;  }
h2 { font-weight:normal; text-transform:uppercase; font-size:18px; color:#003502; margin-bottom:20px;  }
h3 { font-weight:normal; text-transform:uppercase; font-size:16px; color:#003502; margin-bottom:20px;  }
h4 { font-weight:normal; text-transform:uppercase; font-size:12px; color:#003502; margin-bottom:10px;  }

div.content ul {
    list-style-position:outside;
    margin-left:30px;
}
div.content ul li
{
    list-style-type:disc;
    padding:4px 0 4px 10px;
}
div.content ol {
    list-style-position:outside;
    list-style-type:decimal;
    margin-left:30px;
}
div.content ol li
{
    padding:4px 0 4px 10px;
}

div.infobox
{
    margin:20px 0 20px 0;
    overflow:auto;
    padding:5px;
    border: 1px solid #dfd9c3; 
    background: #f5f3e5 url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; 
    color: #312e25; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
}

div.content img { border:solid 4px #0c1c0f; }

.imagefloatleft
{
	float:left;
	margin-left: 0px;
	margin-right: 20px;
}
.imagefloatright
{
	float:right;
	margin-left: 20px;
	margin-right: 0px;
}
.imagenofloat
{
	margin-left: 0px;
	margin-right: 0px;
}
div.imgcaption 
{
    font-size:0.8em;
	color:#231f20;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.imagealigncenter {
  text-align: center;
  margin: 0 auto;
}


/*---------------------------------------

	FORM STYLES - input, text area, alignment

-----------------------------------------*/


.form input { border:#CFD7BE 3px solid; background:#F3F9DD; width:260px; padding:3px; }

.form textarea { border:#CFD7BE 3px solid; background:#F3F9DD; width:300px; height:180px; padding:3px; margin-bottom:5px; }

.form input:focus, #form textarea:focus{ background-color:#fff; }

.form .buttonSubmit, #form .buttonSubmitHovered { color:#fff; font-weight:bold; padding:2px 5px; cursor:pointer; border:none; background:url(../img/formButton.png) no-repeat; background-position:left; width:115px; height:39px; }

.form .buttonSubmit:hover { background-position:right; }

.form label, #form input { display:block; font-size:12px; }

.form label { font-weight:bold; }

/*---------------------------------------

	FOOTER STYLES - links, privicy, hgws logo

-----------------------------------------*/

#footer { height:157px; background:url(../img/footer-bg.png) repeat-x top; }

#footer-wrap { margin:auto; width:930px; height:151px; color:#333333; position:relative; }

#footer-wrap a { color:#003502; text-decoration:none; border-bottom:#003502 dotted 1px; }

#footer-wrap a:hover { color:#003502; border-bottom:#003502 solid 1px; }

#footer-wrap #sublinks { float:left; width:400px; margin:30px 0px 0px 20px; }

#footer-wrap #legals { float:right; width:450px; margin:30px 20px 0px 0px; text-align:right; }

#footer-wrap #hgwslink { font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; top:108px; right:50px; font-size:10px; color:#666666; border:none; }

.abstract {margin: 0 0 0 154px;}


div.content div.gallery
{
    text-align:center;
}
div.content div.galleryimage
{
    float:left;
    width:111px;
    height:160px;
    margin:12px;
}
div.content div.galleryimage div.imgcaption
{
    text-align:center;
    font-size:0.7em;
    font-weight:normal;
}
#gallerynav
{
    text-align:center;
}
#gallerynav ul
{
    margin:0 auto;
    width:100%;
}
#gallerynav ul li
{
    font-size:0.85em;
    list-style-type:none;
    list-style-image:none;
    text-align:center;
    float:left;
    width:18px;
    height:18px;
    border:1px solid #999;
    padding:2px 0 0 0;
    margin:4px;
}
#gallerynav a.gallerynavpage
{
    color:#999;
    text-decoration:none;
}
#gallerynav a.gallerynavpage:hover
{
    color:#000;
}
#gallerynav a.gallerynavpage-active
{
    color:#000;
}
#gallerynav a.gallerynavpage-active:hover
{
    color:#999;
}
.categorycontentsitem
{
    overflow:hidden;
    margin:0 0 10px 0;
}
.categorycontentsthumb
{
    float:left;
    margin:0 10px 0 0;
}
.categorycontentstitle
{
    margin:0 0 10px 0;
    font-size:1.1em;
    font-weight:bold;
}