@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;	
}

img{
	border: 0;	
}

label{
	cursor: pointer;	
}

/***************************************************************************************************
HTML / Body
****************************************************************************************************/


html,
body{
	background-color: #2e1109;
	background-image:url(../images/body-bg-woodgrain.jpg);
	background-repeat:repeat;
	font-family: Tahoma, Geneva, sans-serif;
}

/***************************************************************************************************
Container
****************************************************************************************************/

#container{
	background-image:url(../images/container-bg-leather.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

/***************************************************************************************************
Content
****************************************************************************************************/
#content{
	margin: 0 auto;
	width: 960px;
}


/***************************************************************************************************
Super Header
****************************************************************************************************/
#super-header{
	height: 25px;
	text-align:right;
	padding: 10px;
	font-size: 10px;
	color: #ebe5be;
}

#super-header .facebook {
position: absolute;
top: 6px;
padding-left: 5px;
}

#super-header a,
#super-header a:link,
#super-header a:active,
#super-header a:hover,
#super-header a:visited{
	color: #ebe5be;
	text-decoration: none;
}

#super-header a:active,
#super-header a:hover{
	text-decoration: underline;
}

/***************************************************************************************************
Header
****************************************************************************************************/

#header{
	margin: 10px 0;	
	position: relative;
	width: 960px;
	height: 128px;
	color: #f0efbf;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

#header a,
#header a:link,
#header a:hover,
#header a:active,
#header a:visited{	
	color: #f0efbf;
	text-decoration: none;	
}

#header a:hover,
#header a:active{
	text-decoration: underline;	
	color: white;
}

#logo{
	position: absolute;
	top: 0;
	left: 15px;	
}
			
#header-nav{
	position: absolute;
	top: 70px;
	right: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
	display: block;	
}

#header-nav li{
	padding: 0 10px;
	margin: 0;
 	display: inline;
	float: left;		
	text-decoration: none;
	text-transform: uppercase;
}
				

/***************************************************************************************************
Home Page Sub Header
****************************************************************************************************/

#home-sub-header{
	background-image: url(../images/home-sub-header-bg-gray-transparent.png);
	background-repeat: repeat;
	border: 1px solid black;
	position: relative;
	height: 340px;
	margin: 10px 0;
}

#home-sub-header .intro{
	/* 420 px total width, including 1px border on left*/
	width: 359px;

	margin: 55px 30px 20px 30px;
	
	color: #f4f5d3;
	height: 265px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
}

#intro-come-ride-with-us{
	position: absolute;
	top: 15px;
	left: 30px;	
}

#intro-signature{
	position: absolute;
	bottom: 8px;
	right: 30px;	
}

/***************************************************************************************************
Home Page Sub Header News Ticker
****************************************************************************************************/

/* 340 x 539 */

#newsTicker,
#newsTicker li{
	margin: 0;
	padding: 0;
	height: 340px;
	width: 539px;
	overflow: hidden;
	list-style: none;
}

#newsTicker .main-ticker-content,
#newsTicker .main-ticker-content-caption{
	height: 340px;
	width: 539px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#newsTicker .main-ticker-content-caption{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	height: 70px;
	background-image:url(../images/news-ticker-text-bg.png);
	color: white;
}

#newsTicker .main-ticker-content-caption h2{
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 11px 18px 5px 18px;
	padding: 0;
}

#newsTicker .main-ticker-content-caption p{
	line-height: 14px;
	font-size: 11px;
	margin: 0 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0;
}

/***************************************************************************************************
Birthday Slider
****************************************************************************************************/

#birthday-gallery,
#birthday-gallery li{
	margin: 0 !important;
	padding: 0 !important;
	height: 340px;
	width: 620px;
	overflow: hidden;
	list-style: none;
}


/***************************************************************************************************
Primary Content
****************************************************************************************************/

#primary-content{
	background-image: url(../images/primary-content-bg-paper.jpg);
	background-repeat:repeat-y;
	width: 960px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #2f261d;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 20px;
}

#primary-content .third{
	margin: 10px;
	width: 300px;	
}

#primary-content .two-third{
	margin: 10px;
	width: 620px;	
}

#primary-content .three-third{
	padding: 10px;
	width: 940px;
}

#primary-content h1,
#primary-content h2,
#primary-content h3,
#primary-content h4,
#primary-content h5{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	margin: 5px 0;
}

#primary-content h1{
	font-size: 22px;
	margin-bottom: 20px;
}

#primary-content h2{
	text-transform: uppercase;
	font-size: 18px;	
	border-bottom: 1px solid #2f261d;
	margin: 15px 0;
}

#primary-content h3{
	font-size: 18px;
	margin: 12px 0;
}

#primary-content h4{
	font-size: 16px;
	margin-bottom: 20px;
	margin: 10px 0;
}

#primary-content h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: -8px;
}

#primary-content p{
	margin: 6px 0;	
}

#primary-content .align-right{
	float: right;
	margin: 10px 0 10px 16px;
}

#primary-content .caption{
	
}

#primary-content .caption p{
	margin: 0;
	font-size: 10px;
}

#primary-content strong{
	font-weight: bold;	
}

#primary-content em{
	font-style: italic;	
}

#primary-content ul{
	margin: 12px 10px;
}

#primary-content li{
	margin: 2px 0px 2px 20px;
}

#primary-content blockquote{
	padding: 0 0 0 0;
	margin: 15px 0;
	text-indent: 22px;
	background-image: url(../images/blockquote-bg.png);
	background-repeat: no-repeat;
}

#primary-content fieldset{
	background-color: #f0f0cc;
	border: 1px solid #d9c393;	
	padding: 0px 10px 5px 10px;
}

#primary-content legend{	
	font-weight: bold;
	padding: 5px;
}

#primary-content a,
#primary-content a:link,
#primary-content a:visited,
#primary-content a:hover,
#primary-content a:active{
	color: #136ea8;
	text-decoration: none; 
	font-weight: bold;
}


#primary-content a:hover,
#primary-content a:active{
	text-decoration: underline;
}


#primary-content .in-the-news{
	background-repeat: no-repeat;	
	margin: 0 0 10px 0;
}

#primary-content .in-the-news p{
	font-size: 12px;
}

#primary-content .in-the-news{
	background-repeat: no-repeat;	
}

#primary-content .pioneer-press{
	background-image:url(../images/news-logo-pioneer-press.png);
	padding: 7px 0 0 120px;
	height: 80px;
	background-position: 0 30px;
}

#primary-content .kare{
	background-image: url(../images/news-logo-kare11.jpg);
	padding: 7px 0 0 150px;
	height: 97px;
}

#primary-content .ridingvideo{
	background-image: url(../images/video-ridinglessons-th.jpg);
	padding: 7px 0 0 150px;
	height: 97px;
}

#primary-content .carolynvideo{
	background-image: url(../images/video-carolyn-th.jpg);
	padding: 7px 0 0 150px;
	height: 97px;
}

#primary-content .mn-parent{
	background-image:url(../images/news-logo-mn-parent.png);
	padding: 12px 0 0 120px;
	height: 45px;
	background-position: 0 10px;
}

#primary-content .wi-western{
	background-image:url(../images/news-logo-wisconsin-west.png);
	padding: 1px 0 0 135px;
	height: 45px;
	background-position: 0 10px;
}

#primary-content .shopper{
	background-image:url(../images/news-logo-shopper-free-press.png);
	padding: 0 0 0 135px;
	height: 45px;
	background-position: 0 10px;
}

#primary-content .web-award{
	background-image:url(../images/great-pet-site-award.png);
	padding: 10px 0 0 135px;
	height: 105px;
	background-position: 0 5px;
}

#primary-content .web-award p{
	padding-top: 5px;
}

.pet-web-award {
	float: left;
	height: 172px;
	padding:0 15px 0 0;
}

#primary-content .top-ten{
	background-image:url(../images/st-paul-top-10.png);
	padding: 10px 0 0 135px;
	height: 44px;
	background-position: 0 10px;
}


#primary-content .fifty-years{
	background-image:url(../images/river-falls-journal.png);
	padding: 5px 0 0 135px;

	background-position: 0 20px;
}


#primary-content .lesson-plans{
	border: 1px solid #D9C393;
	background: #F0F0CC;
	border-spacing: 0;
	border-collapse: collapse;
}

#primary-content .lesson-plans tr{
	border-bottom: 1px solid #D9C393;
}

#primary-content .lesson-plans td{
	padding: 10px;
}

#primary-content .postcard{
	
	height: 146px;
	width: 144px;
	padding: 5px 5px 5px 150px;
	color: #eedfbe;
	background-image:url(../images/promo-card.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	
}

/***************************************************************************************************
Horse Bio
****************************************************************************************************/

#primary-content .horse-profile{
	padding: 10px 0;
	border-bottom: 1px solid #2f261d;
}

#primary-content .horse-profile .profile-gallery{
	width: 235px;	
}

#primary-content .horse-profile .profile-gallery ul.thumbs{
	list-style: none;
	margin: 7px 0 0 0;
	padding: 0;
}

#primary-content .horse-profile .profile-gallery ul.thumbs li{
	padding: 0 7px 0 0;
	margin: 0;
	width: 50px;
	height: 50px;
	float: left;
	display: block;
}

#primary-content .horse-profile .profile-bio{
	width: 355px;	
}

/***************************************************************************************************
Contact Form
****************************************************************************************************/

.gallery{
	padding-bottom: 10px;	
}
							
.gallery a,
.gallery a:link,
.gallery a:visited,
.gallery a:active,
.gallery a:hover{
	display: block;
	float: left;
	width: 140px;
	overflow: hidden;
	padding: 5px;
	text-decoration: none;
}
					
.gallery a img{
	border: none;	
}


/***************************************************************************************************
Press Room
****************************************************************************************************/

.article {
	margin: 20px 0;
}


/***************************************************************************************************
Contact Form
****************************************************************************************************/

#contact-form{
	height: 380px;
	width: 270px;
	background-image:url(../images/contact-form.jpg);
	padding: 10px 15px;	
}

#contact-form h2{
	margin: 0;
	color: white;
	border-bottom: none;
}

#contact-form h3{
	margin: 0;
	padding: 0;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	line-height: 14px;
	font-weight: normal;
}

#contact-form p{
	padding: 5px 0 5px 0;
	margin:0 ;
	color: white;
	border-bottom: none;
	font-size: 11px;
}

#contact-form input.text,
#contact-form textarea,
#contact-form-submit{
	border: solid 1px #944e3d;
	width: 262px;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contact-form textarea{
	height: 80px;
}

#contact-form-submit{
	width: auto;
	background-color: white;
	padding: 3px 10px;
	float: right;
	margin: 5px 0 0 0;
}

/***************************************************************************************************
Email Signup Tab
****************************************************************************************************/

#email-signup{
	display: block;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 65px;
	right: 0px;
	width: 41px;
	height: 110px;	
	z-index: 50;
	background-image: url(../images/mailinglist-tab.jpg);
}


.summer-schedule span {
	color: red;	
	font-size: 10px;
}

.camp-levels p{
font-size: 12px;	
padding: 5px 0;

}
.camp-levels {
margin-left: 25px;
width:505px;
}
/***************************************************************************************************
Share Your Story Tab
****************************************************************************************************/

#share-your-story{
	display: block;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 185px;
	right: 0px;
	width: 41px;
	height: 160px;	
	z-index: 50;
	background-image: url(../images/share-your-story-tab.jpg);
}


/***************************************************************************************************
Footer
****************************************************************************************************/

#footer-copyright a,
#footer-copyright a:link,
#footer-copyright a:hover,
#footer-copyright a:visited,
#footer-copyright a:active,
#footer-copyright,
#footer-nav a,
#footer-nav a:link,
#footer-nav a:hover,
#footer-nav a:visited,
#footer-nav a:active,
#footer-nav{
	color: #f4f5d3;
	font-size: 10px;
	text-decoration: none;
}

#footer-copyright a:hover,
#footer-copyright a:active,
#footer-nav a:hover,
#footer-nav a:active{
	text-decoration: underline;
}

#footer-copyright{
	width: 240px;
	padding: 5px 10px;
}	

#footer-nav{
	width: 700px;	
}

#footer-nav ul{
	position: absolute;
	top: 5px;
	right: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
	display: block;	
}

#footer-nav ul li{
	padding: 0 10px;
	margin: 0;
 	display: inline;
	float: left;		
	text-decoration: none;
	text-transform: uppercase;
}

#footer-nav a.designed-by{
	position: absolute;
	top: 43px;
	right: 10px;
	list-style: none;	
	padding: 0;
	margin: 0;
	display: block;	
}



/***************************************************************************************************
Misc. IE 6 hacks and other necessary evils.  Don't touch any of this.
****************************************************************************************************/

/* Make sure floating divs within other divs are contained properly */
.clear-accross {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0; 
	overflow: hidden;
	width: 0;
}

/* Purely to avoid the IE6 double left margin issue */
.float-left{
	margin: 0;
	padding: 0;	
	float: left;
	position: relative;
}