/*Color Codes*/
/*Cream #FFFBE9
Tan #67B299
Burnt Brown #603913
Dark Brown #42210B
Black #000000*/

/*html definitions*/
body {background-color:#fffBE9; font-family: Arial, Geneva, Verdana, sans-serif; margin:0px; padding:0px; font-size:100%;}
a {color:#42210B;}
a:hover {color:#42210B; text-decoration:none;}
ol, ul, p {line-height:150%; color:#42210B;}

h1,h2,h3,h4,h5,h6,h7 {font-family:Arial, Geneva, Verdana, sans-serif; font-weight:bold;}
h1 {color:#603913; font-size:30px; margin:0px;}
h2 {color:#42210B; font-size:25px;}
h3 {color:#603913; font-size:20px;}
h4 {color:#42210B; font-size:15px;}
h5 {color:#603913; font-size:12x;}
h6 {color:#42210B; font-size:10px;}
h7 {color:#000000; font-size:9px;}

/************start general template structure************/

/*wraps template body*/
#contain {width: 1280px; background:url(/images/background.jpg); attachment:fixed; text-align: left; position: relative; margin: 0px auto;padding-left:136px; background-repeat:repeat-y;}
#block {width:900px; background-color:#FFFBE9; margin-top:0px; padding:0px;}
#block:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

#intro {width:900px; height:190px; border:none; background: url("/images/khc.jpg") top center no-repeat; background-color:#FFFBE9; margin:0px; padding:0px; border:solid #42210B; border-width:0px 2px 0px 2px}

/*Horses image in header*/
#Western {position:absolute; left:140px; top:1px; no-repeat;}
#English {position:absolute; left:915px; top:1px; no-repeat;}

/*Navigation*/
#navigation {position:absolute; left:175px; no-repeat;}

/*content wrap*/
#content {float:left; width:880px; padding:50px 10px 10px 10px; border:solid #42210B; background-color:#FFFBE9; border-width:0px 2px 0px 2px;}
#content:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}

/*footer*/
#footer {background-color:#fffBE9; clear:both; width:880px; border:solid #42210B; padding:10px 10px 10px 10px; border-width:0px 2px 2px 2px;}
#footer:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#footer p {font-size:90%; display:inline; font-weight:bold; color:#000; font-family:sans-serif;}
#footer a {color:#000; text-decoration:none; margin:0px; padding:0px; list-style:none;}
#footer a:hover {color:#42210B; text-decoration:underline;}
#Fleft3col {float:left; width:290px; text-align:left;}
#Fmid3col {float:left; width:290px; text-align:center;}
#Fright3col {float:right; width:290px; text-align:right;}

/*---SwapStyle---*/
#SwapStyle {float:right; }
#SwapStyle p {color:#333333; font-size:75%}
#SwapStyle a {text-decoration:none; color:#333333;}
#SwapStyle img {border:none;}

/*------------------- Special Definitions and Graphic Styles and Boxes Previoulsy home.css ----------------*/
/*General classes*/
ol, ul {line-height:125%;}
ul {list-style:none; margin:0px 0px 10px; padding:0px;}
ul li {margin:0px; padding:0px;}
.bullets li {background: url("/images/star.png") no-repeat 3px 2px; padding: 0px 0px 5px 40px; line-height: 2.5em; font-weight:bold; align="middle";}

/*FPBullets Bullets on front page */
#FPBullets {width:275px;}
#FPBullets a {color:#603913; text-decoration:none;}
#FPBullets a:hover {color:#603913; text-decoration:underline;}
#FPBullets ul li {background: url("/images/star.png") no-repeat 3px 2px; padding: 5px 0px 15px 40px; line-height: 1.5em; padding-right:3px; font-weight:bold; font-size:95%;}
#FPBullets ul {padding-top:7px;}

/*Featured Info Short Box, Solid Line Brown Background */
#Featured {background-color:#fffbe9; color:black; border:1px solid #C7b299;  margin-bottom:10px; margin-top:10px; width:200px; float:right; margin-left:7px;}
#Featured p {padding-top:10px; margin:5px}
#Featured a {color:#42210b; text-decoration:none;}
#Featured a:hover {color:#42210b; text-decoration:underline;}
#Featured img {float:left; margin:-5px 7px 0px -5px; border:0px solid #000;}
#Featured h2 {color:#fffbe9; font-size:14px; background-color:#42210b; padding:0px; margin-bottom:10px; margin-top:0px; padding:2px;}
#Featured ul li {background: url("/images/arrow.gif") no-repeat 3px 2px; padding: 0 0 0 20px; line-height: 1.5em; padding-right:3px;}
#Featured ul {padding-top:7px;}

/*Spacers*/
#smspacer {padding:4px}
#smspacer1 {padding:4px}
#smspacer2 {padding:4px}
#smspacer3 {padding:4px}
#smspacer4 {padding:4px}

/*Upcoming Events Box */
#upcomingTop {width:325px;float:right;}
#UpcomingEvents {width:325px; float:right; background-image:url(/preview/khc/images/brownbackground.gif)}
#UpcomingEvents a {color:#FFFbe9; text-decoration:none;}
#UpcomingEvents a:hover {color:#fffbe9; text-decoration:underline;}
#UpcomingEvents ul li {color:#fffbe9; line-height:2em; font-weight:bold; padding-left:25px; font-size:90%}
#UpcomingEventsBottomshadow {width:325px; height:34px; background-image:url(/images/brownbottom.gif);background-repeat:no-repeat;float:right;}

/* Carousel */
#mygallery img{border: 1px solid #42210B;}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #42210B;
overflow: scroll; /*leave this value alone*/
width: 875px; /*Width of Carousel Viewer itself*/
height: 113px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;top: 0;}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
/* width: 115px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}