*{box-sizing: border-box;}

body {
	color: #666666;
	font-family: Arial, Helevetica, sans-serif; 
	background-color: #FFFFFF;
}
	
header { background-color: #00B386;
	color: #FFFFFF;
	text-align: center;
	height: 175px;
	padding-top: 30px;
	padding-left: 3em;
}

h1 {font-size: 36px;
	margin-top: 0;
	letter-spacing: 0.25em;
	font-size: 3em;
}

nav { font-weight: bold;
	padding: 1.5em;
	font-size: 120%;
	float: left;
	width: 160px;
}

nav a { text-decoration: none; }

nav a:link {color: #003300; }
nav a:visited { color: #7A7A52; }
nav a:hover { color: #FFFFFF; }
nav ul { list-style-type: none;
		margin: 0;
		padding-left: 0;
		font-size: 1.2em;
}

#wrapper {margin: auto;
		    width:80%;
			background-color: #0C5442;
			min-width: 900px;
			max-width: 2050px;
			box-shadow: 4px 4px 4px #133926;
			background-image: linear-gradient(to bottom, #FFFFFF, #0C5442);
			border: 1.5px solid #003300; }

main { background-color: #FFFFFF;
		padding: 1px 20px 20px 20px;
		margin-left: 190px;
display: block;}

h1, h2, h3 {
font-family: Georgia, "Times New Roman", serif;}

main ul { list-style-image: url(marker.gif);}

footer { font-size: 75%;
	   font-style: italic;
	   font-family: Georgia,
	   "Times New Roman", serif;
	   text-align: center;
	   padding: 15px;
	   margin-left: 190px;
	   background-color: #FFFFFF;
}


h2 {color: #00664D;
	text-shadow: 1px 1px #CCCCCC;}
dt {color: #00664D;}
#barn {color: #70DBDB;
font-weight: bold; }

#heroHome { background-image: url(sunsetHorse.png) ;
			height: 300px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			margin-left: 190px;
}

#heroTraining { background-image: url(BayBella.png) ;
			height: 300px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			margin-left: 190px;
}

#heroBoard { background-image: url(fenceline.png) ;
			height: 300px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			margin-left: 190px;
}