/*
	CSS by Rod Miles of One Grey Paw
	www.OneGreyPaw.com
	May 2010
----------------------------------------------------------*/


/*	Imports
----------------------------------------------------------*/

@import url('reset.css'); 
@import url('css3.css'); 



/*	Base HTML Styles
-------------------------------------------------------------*/

body
	{
	margin: 0; padding: 0;
	font: 100.01%/120% georgia,'times new roman',serif;
	color: #333; text-align: center;	
	background: #f4f2ed url('../images/body-bg.gif') repeat-x 0 74px;
	}

/*/// HEADINGS ///*/
h1,h2,h3 { font: normal bold 1.9em arial,helvetica,sans-serif; }
h1 { margin: 0 0 0.5em; padding: 0; color: #227292; }
h2 { font-size: 1.65em; margin: 0.8em 0 0.5em 0; padding-bottom: 0; border-bottom: 1px solid #ccc; }
h2.med { width: 67%; }
h2.short { width: 45%; }
h3 { font-size: 1.4em; font-weight: bold; margin: 0.8em 0 0.5em 0; padding-bottom: 0; }

/*/// LINKS ///*/
a { color: #227292; }
	a.lightbox { text-decoration: none; }
		a.lightbox img { -moz-box-shadow:0px 1px 2px #333; -webkit-box-shadow:0px 1px 2px #333; box-shadow:0px 1px 2px #333; }
a:hover { color: #999; text-decoration: none; }
a:active { color: #666; }



/*	Layout Items
-------------------------------------------------------------*/

/*/// MISC ///*/
#wrapper
	{
	position: relative;
	width: 100%;
	margin: 0 auto; padding: 0;	
	background: url('../images/header-bg.jpg') repeat-x center 0;
	text-align: center; font-size: 85%;
	}

#header, #content, #footer
	{
	position: relative;
	width: 100%; height: auto;
	margin: 0; padding: 0;
	}
	
	#headerInner, #contentInner, #footerInner 
		{ 
		width: 960px; 
		margin: 0 auto; padding: 0; 
		text-align: left;
		}


/*/// HEADER AREA ///*/
#header { height: 249px; background: url('../images/header-inner-bg.jpg') no-repeat center 74px; }
	
	#headerInner { height: 100%; }
	
		a#logo { position: absolute; z-index: 10; display: block; width: 210px; height: 297px; background: url('../images/logo-little-bits.png') no-repeat 22px 0; }
			a#logo span { display: none; }
		
		.menus { overflow: hidden; }
		
		#topMenu { position: relative; left: 230px; float: left; width: 450px; line-height: 30px; height: 75px; line-height: 68px; }
			#topMenu ul { }
				#topMenu li { padding-right: 20px; }
				#topMenu li.last { padding-right: 0; }
					#topMenu a { color: #fff; font-size: 1.3em; text-decoration: none; }
					#topMenu a:hover, #topMenu a.selected { color: #d2be83; text-decoration: underline; }				
		
		#fontResize { float: right; overflow: hidden; height: 75px; background: url('../images/fontsize-bg.jpg') no-repeat 0 8px; line-height: 50px; padding-left: 30px; }
			#fontResize ul { }
				#fontResize li { }
				#fontResize li.heading { /*display: block; float: left;*/ padding-right: 20px; font-size: 12px !important; color: #d2be83; text-transform: uppercase; }
					#fontResize a, #fontResize input { /*display: block; float: left;*/ padding-right: 20px; color: #fff; text-decoration: none; border: none; background: transparent; cursor: pointer; }
						#fontResize li.last a, #fontResize li.last input { padding-right: 0; }
					#fontResize a:hover, #fontResize a.selected, #fontResize input:hover, #fontResize input.selected { color: #d2be83; text-decoration: underline; }
					#fontResize a.selected, #fontResize input.selected { font-weight: bold; }
					#fontResize a#fontSize1, #fontResize input#fontSize1 { font-size: 9px; }
					#fontResize a#fontSize2, #fontResize input#fontSize2 { font-size: 14px; }
					#fontResize a#fontSize3, #fontResize input#fontSize3 { font-size: 18px; }
					#fontResize a#fontSize4, #fontResize input#fontSize4 { font-size: 22px; }
		
		#mainMenu { position: relative; left: 230px; top: 75px; clear: both; overflow: hidden; width: 369px; }			
			#mainMenu ul { margin: 0; padding: 0; list-style: none; }
				#mainMenu li { font: normal .85em/1.35em tahoma,arial,verdana,sans-serif; padding-left: 2px; }
				#mainMenu li.heading { color: #fff; font: bold 1.1em georgia,'times new roman',serif; padding-left: 0; }
				#mainMenu li.first { padding-top: 7px; }
					#mainMenu a { color: #6a2e15; text-decoration: none; }
					#mainMenu a.selected { color: #103c4e; text-decoration: underline; }
					#mainMenu a:hover, #mainMenu a.selected:hover { color: #103c4e; text-decoration: underline; }
			#mainMenu ul#mainMenuLeft { float: left; }
			#mainMenu ul#mainMenuRight { float: right; }
		
		#date { float: right; position: relative; float: right; z-index: 1; top: 96px; right: 40px; text-align: right; font-size: 10px; color: #ab9862; }


/*/// CONTENT AREA ///*/
#content
	{
	padding-top: 28px;
	background: url('../images/content-topper-bg3.jpg') no-repeat center 0; 
	font-size: 1em; 
	}
	
	#contentInner { overflow: hidden; width: 920px; background: #fff url('../images/content-bg.gif') repeat-y center 0;  }
	
		#contentBody
			{
			position: relative;
			float: right; right: 35px;
			height: auto; width: 650px;
			margin: 1px 0; 
			text-align: left; line-height: 1.5em; 
			}
			
			#contentBodyInner { } 
		
		#sidePanel 
			{ 
			float: left;
			width: 212px; height: auto; min-height: 500px;
			background: url('../images/sidepanel-bg.png') no-repeat right 0;			
			font: .9em arial,helvetica,sans-serif; 
			}
			#sidePanel h3, #sidePanel h3 a { color: #fff; text-decoration: none; }
			#sidePanel h3 { margin-left: 1px; font: bold 1.2em/1.2em georgia,'times new roman',serif; background: #2b7b9a url('../images/sidepanel-heading.gif') repeat-y 0 0; padding: .3em .5em; }
			#sidePanel h3 a:hover { color: #ccc; }
			
			#sidePanelInner { } 
				#canadaHelps { text-align: center; font: normal .8em/1.4em georgia,'times new roman',serif; color: #666; width: 185px; margin: 0 auto 1.7em; }
					#canadaHelps a.canadaHelpsLink { background: url('../images/sidepanel-canada-helps.gif') no-repeat center 0; display: block; width: 145px; height: 59px; padding-top: 5px; margin: 0 auto; }
					#canadaHelps a span { display: none; }
				
				#sidePanel .sideMenu { }
					#sidePanel .sideMenu h3 a:hover { color: #ccc; }
					#sidePanel .sideMenu ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
					#sidePanel .sideMenu li { margin: 0; padding: 0 0 .6em; }
					#sidePanel .sideMenu a { font-weight: bold; }
					#sidePanel .sideMenu a.on { color: #6a2e15; text-decoration: none; }
					#sidePanel .sideMenu a:hover, #sidePanel .sideMenu a.on:hover { color: #999; text-decoration: none; }
				
				.sideContent { width: 175px; margin: 0 auto; padding: 0; line-height: 1.4em; }
				.sideContent#scAbout { padding: .8em 0 .1em; border-top: 1px solid #ccc; }
				.sideContent#scNewsletter, .sideContent#scContact { padding: 1.5em 0 .1em; margin-top: 1.5em; border-top: 1px solid #ccc; }
					.sideContent#scContact a { display: block; width: 175px; height: 85px; background: url('../images/btn-contact-us.png') no-repeat 0 0; }
						.sideContent#scContact span { display: none;}
				
				.sideBox#sponsors { width: 175px; margin: .5em auto 0 auto; }
					.logobox { width: 175px; margin: .5em auto; padding: 1em 0; border-top: 1px dotted #999; text-align: center; font-size: .9em; color: #444; }


/*/// FOOTER AREA ///*/
#footer { padding-bottom: 3em; background-color: #421809; font: .9em arial,helvetica,sans-serif; color: #b3a39d; }
	#footerInner { width: 920px; height: auto; margin: 0 auto; background: url('../images/footer-bg.gif') no-repeat center 0; }
		#footerMenu, #copyright, #ogp { margin: 0 auto; padding: 37px 0 0; width: 890px; text-align: center; list-style: none; }
			#footerMenu li { display: inline; padding-right: 10px; }
			#footerMenu li.last { padding-right: 0; }
			#footerMenu a { color: #fff; text-decoration: none; }
			#footerMenu a:hover { color: #ccc; text-decoration: underline; }
		
		#copyright { padding-top: 1.4em; font-size: .9em; }
			#copyright a { padding-top: 1.2em; color: #b3a39d;  }
		
		#ogp { padding-top: .7em; height: 40px; font-size: .9em; background: url('../images/ogp-logo.gif') no-repeat center bottom;  }
			#ogp a { color: #7a6057; text-decoration: none; }
			#ogp a:hover { text-decoration: underline; }



/*	General Content Items
-------------------------------------------------------------*/

#contentBody ul, #contentBody ol { margin: .2em 0 .8em 35px; }
a.topLink { background: url('../images/toplink.gif') no-repeat 0 center; padding-left: 20px; }
.tabs { clear: both; }

/*/// Home Boxes ///*/
.homeBox { overflow: hidden; padding-bottom: .5em; }
	.homeBox .hbLeft { float: left; width: 324px; margin-bottom: 1em; }
	.homeBox .hbRight { float: right; width: 324px; }	
	.homeBox .homeBoxHead { height: 25px; background: url('../images/homebox-head-wood.jpg') no-repeat 0 0; color: #fff; }
		.hbRight .homeBoxHead { background: url('../images/homebox-head-wood.jpg') no-repeat right 0; }
		.homeBoxHead p { margin: 0; padding: 2px .5em; float: right; text-align: right; font-size: .7em; }
		.homeBoxHead h3 { color: #fff; margin: 0; padding: 3px .3em 2px; font: bold 1.2em georgia,'times new roman',serif; }
			.homeBoxHead h3 a { color: #fff; text-decoration: none; }
			.homeBoxHead h3 a:hover { color: #ccc; }
		.homeBoxContent { border: 1px solid #ccc; border-width: 0 1px 1px; padding: .5em; overflow: hidden; }
			.homeBoxContent p { font: .9em/1.3em arial,helvetica,sans-serif; padding: .6em 0 .8em; margin: 0; }
		
		#homeBox1 { padding-top: 1.5em; clear: both; }
		#homeBox1 .homeBoxContent { min-height: 120px; }
		
		#homeBox2 { clear: both; padding-top: 1em; }
			#homeBox2 .homeBoxContent p { font: .8em/1.3em arial,helvetica,sans-serif; }
			#homeBox2 .homeBoxHead { background: url('../images/homebox-head-blue.gif') repeat-x 0 0; overflow: hidden; }
			#homeBox2 .homeBoxHead h3 { float: left; }
			#homeBox2 .hbLeft { width: 305px; }
			#homeBox2 .hbRight { width: 305px; }

/*/// Image Galleries ///*/
#contentBody ul.gallery { margin: 0; padding: 0; list-style: none; }
	#contentBody .homeBox ul.gallery.three-wide { margin: 0 0 0 20px; }	
	#contentBody .gallery li { margin: 0; padding: 5px 2px; float: left; }

/*/// News ///*/
.news { overflow: hidden; }
	.news .headingSm { font-size: .8em; color: #999; text-transform: uppercase; }
.btnNewletterSignup 
	{ 
	display: block; padding: 3px 10px; font-weight: bold; text-decoration: none; color: #fff; text-align: center;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#2B7B9A), to(#227292)); 
	background: -moz-linear-gradient(top, #2B7B9A, #227292); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B7B9A', endColorstr='#227292');
	}
	.btnNewletterSignup span { padding: 0 10px; }
#newsLatest { padding: .5em; background-color: #fff; border: 1px dotted #aaa; }
	#newsLatest h2 { border-bottom: none; font-size: 1.2em; text-transform: uppercase; }
#newsRecent { padding-top: 1em; }
#mc_embed_signup { padding-top: 1em; }

/*/// FAQs ///*/
.faqAnswer { background-color: #F4F0EC; border-left: 1px dotted #999; padding: .4em .8em; margin: .5em 0 .5em 40px; font: .9em/1.5em arial,helvetica,sans-serif; }

/*/// Horses ///*/
.horseProfile { }
	.horseProfile img { margin-right: 1.5em;  }





/*	Base Classes
-------------------------------------------------------------*/

/*/// Forms ///*/
table.forms td { padding-bottom: 3px; }
#fname { display: none; }

/*/// Text Items ///*/
.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tSmall { font-size: 0.9em; }
.tLarge { font-size: 1.2em; }
.tCenter { text-align: center; }
.tUnder { text-decoration: underline; }
.tStrike { text-decoration: line-through; }
.tGrey, .tGrey a { color: #999; }

/*/// Tables ///*/
table.displayTable { border: 1px solid #ccc; }
tr.headerRow td { background-color: #6a6eae; color: #fff; font-weight: bold; }
tr.odd { background-color: #fff; }
tr.even { background-color: #eee; }
 
/*/// Lists ///*/
ul.inline, ul.inline li { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }
 
/*/// Img Items ///*/
.imgR { float: right; margin: 0.8em 0 1em 1em; }
.imgL { float: left; margin: 0.8em 1em 1em 0; } 
 
/*/// Borders ///*/
.horizBorder { background: url('../images/border.png') repeat-x 0 0; height: 1px; }
.horizDouble { border-top: 3px double #ccc; height: 3px; }
 
/*/// Misc. ///*/
.clear, .clear-fix { clear: both; }	
.clear-fix { width: 0; height: 0; }	
.pipe { padding: 0 0.5em; color: #ccc; }
.required { color: #c03; font-weight: bold; }
.noShow { display: none; }
.adobe { background: url('../images/adobe.gif') no-repeat 0 2px; padding-left: 18px; }
blockquote { margin: .5em 2.5em; }