/* CSS Document */
/* 
	1. defaults
	2. links
	3. structure
	4. fonts
	5. images
*/


/* 1. Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
	margin:0;
	padding:0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    line-height: 0;
	}
	
/* 2. Links 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#mainContent a, #footer a {
	color: #54ABEC;
	padding: 1px; 
	text-decoration: underline; 
}
#footer a {
	color: #e4e4e4;
	padding: 1px;
	text-decoration: underline; 
}
#mainContent a:hover {
	color: #900; 
}
#sidebarRight li a:link, 
#sidebarRight li a:visited, 
#sidebarRight li a:active 
{
	color: #474F49;
}
#sidebarRight li a:hover {
	background-color: #CBD695;
}
#sidebarRight li a.current {
	font-weight: bold;
}

/* 3. Structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body  {
	background: #CCCCCC;
	text-align: center; 
	}
#wrapper { 
	width: 800px; 
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/background/sidebarRight.gif) repeat-y top right;
	} 
#masthead { 
	background-color: #838C58;
	} 
#mastheadLeft {
	float: left;
	width: 560px;
	}
#logo {
	float:right:
	width: 240px;
	}
#navigation {
	width: 560px;
	background-color: #ACB774;
	}
#content {
	clear: both;
	}
#mainContent { 
	float: left;
	width: 560px;
	} 
#sidebarRight {
	float: right; /* since this element is floated, a width must be given */
	width: 240px;
	}
#footer { 
	clear: both;
	background-color: #6A7147;
	}
/*  Add some Padding to structure -
    Padding will create space, just as the the margin would have, without the margin collapse issue */

#mainContent { 
	padding-top: 3em;
	padding-bottom: 3em;
	} 
#sidebarRight {
	padding-top: 3em;
	padding-bottom: 1.5em;
	}

/* 4. Fonts 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
body {
	color: #474F49;
	font: 13px "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
#masthead h1, #masthead ul,
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent p, #mainContent ul {
	margin-left: 20px;
	margin-right: 30px;
	}
h1 {
	color: #fff;
	font: 24px "Maiandra GD";
	}
h2 {
	margin-bottom: .75em;
	color: #7E3420;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
}
h3 {
	margin-bottom: .25em;
	font: 17px Georgia, "Times New Roman", Times, serif;
	color: #7E3420;
	border-bottom: 1px solid #7E3420;
	}
h4 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #7E3420;
	border-bottom: 1px solid #7E3420;
	margin-bottom: 0.5em;
	}
p {
	margin-bottom: 1em;
	line-height: 1.7em;
	}
p.sub {
	margin-bottom: .25em;
	}
#horses p {
	margin-bottom: 1.5em;
	}
#mainContent p.first {
	margin-top: 1.25em;
	}
#mainContent p.last {
	margin-bottom: 1.5em;
	}
#horses #mainContent span, #instructors #mainContent span {
	font-weight: bold;
	color: #336633;
	}
#mainContent ul {
	line-height: 1.7em;
	}
#mainContent li, #sidebarRight li { 
	list-style: none;
	}
#sidebarRight ul {
	margin-top: 3em;
	padding-left: 2.5em;
	padding-right: 2.5em;
}
#sidebarRight li a {
	padding: 8px;
	border-bottom: 1px solid #CED2B6;
	display: block;
	text-decoration: none;
}
#sidebarRight li.first a {
	border-top: 1px solid #CED2B6;
	}
#sidebarRight .pic {
	margin-top: 2em;
	text-align: center;
}
#sidebarRight .pic img {
	margin-bottom: 3em;
}
#sidebarRight .pic img.two {
	margin-bottom: 1em;
}
#footer p {
	padding-top: 0.2em;
	padding-bottom: 0.2em; 
	color: #fff;
	font-size: 11px;
	}
#footer #copyright {
	float: left;
	width: 620px;
	margin-left: 20px;
	}
#footer p.copyright {
	padding-left: 20px;
	}
#footer #webcanvas {
	color: #e4e4e4;
	}

/* NAVBAR 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navigation ul {
	list-style-type: none;
	height: 25px;
	}
#navigation li {
	float: left;
	display: inline;
	background: url(assets/nav_button.gif) no-repeat;
	}
#navigation a {
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	font: bold 12px/24px Georgia, "Times New Roman", Times, serif;
	color: #333;
	text-decoration: none;
	}
/*#navigation a#one {
	padding-left: 0;
	}
*/#navigation a:hover {
	background-color: #838C58;
}

/* To highlight current page 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
#home #navigation .home a, 
#about #navigation .about a, 
#lessons #navigation .lessons a, 
#facility #navigation .facility a, 
#contact #navigation .contact a {
	color: #fff;
	border-bottom: 3px solid #838C58;
	}
#home #navigation .home a:hover, 
#about #navigation .about a:hover, 
#lessons #navigation .lessons a:hover, 
#facility #navigation .facility a:hover, 
#contact #navigation .contact a:hover {
	background-color: #ACB774;
	border-bottom: 3px solid #838C58;
	}

/* 5. Images 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
#sidebarRight img {
	border: 1px solid #fff;
}