@import 'reset.css';

/* LAYOUT
------------------------------ */
body {
  text-align: center;
}

div#container {
  border-left: 1px solid;
  border-right: 1px solid;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  width: 758px;
}

div#content {
  float: left;
  min-height: 200px;
  padding: 20px;
  width: 720px;
}

div#mainContent {
  float: left;
  width: 473px;
}

div#subContent {
  float: right;
  width: 206px;
}

div.subContentBox {
  margin: 0 0 30px 0;
}

div#footer {
  clear: both;
  padding: 10px 20px;
  position: relative;
  width: 720px;
}

#header {
	position: relative;
}

h1 {
	height: 124px;
	width: 161px;
	position: absolute;
	left: 15px;
	top: 10px;
	background: transparent url(../images/logo.png) center no-repeat;
	text-indent: -9999px;
}

ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

li {
  margin: 0 0 5px 0;
}

div#subContent ul {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
}

/* Forms -- */
fieldset {
  margin: 0 0 10px 0;
  padding: 10px 20px 0 20px;
}

fieldset.formSubmit {
  margin: 0;
  padding: 0;
}

label {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
}

fieldset li {
  margin: 0 0 20px 0;
  padding: 0;
}

input, textarea {
  border: 1px solid;
}

/* Main Navigation -- */
ul#nav_main {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 760px;
}

ul#nav_main li {
  float: left;
  margin: 0;
  padding: 0;
}

ul#nav_main a {
  display: block;
  height: 40px;
  padding: 0 20px;
}

/* Footer Navigation -- */
ul#nav_footer {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 10px;
}

ul#nav_footer li {
  float: left;
  margin: 0 0 0 10px;
}

/* index.php -- */
div#welcome {
  float: left;
  width: 45%
}

div#services {
  float: right;
  width: 45%;
}

div#services ul {
  padding-left: 10px;
}

/* services.php -- */
ul#services {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* horses.php & staff.php -- */
ul.horses, ul#staff {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}

ul.horses li, ul#staff li {
  clear: both;
  float: left;
  margin: 0 0 20px 0;
  width: 473px;
}

ul.horses img, ul#staff img {
  border: 1px solid;
  float: left;
  width: 175px;
}

ul.horses div.text, ul#staff div.text {
  float: right;
  width: 277px;
}

/* accomplishments.php -- */
h4.riderName {
	margin: 20px 0 10px;
	font-size: 14px;
}

ul.accomplishments {
  margin: 10px;
  padding: 0 0 0 5px;
  list-style: square;
}

ul.accomplishments li {
  margin-bottom: 5px;
  font-size: 12px;
  font-style: italic;
}

/* Extra Images -- */
img.float {
  float: left;
  width: 177px;
  margin: 0 10px 5px 0;
}

div.floatText {
  float: right;
  width: 277px;
}

div#mainContent h3 {
  clear: both;
}

/* TYPE
------------------------------ */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  margin: 0 0 10px 0;
}

h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

div.year h3 {
  margin-bottom: 15px;
  text-align: center;
}

h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

p {
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 20px 0;
}

ul#staff p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}

div#footer p {
  font-size: 12px;
  margin: 0;
}

div#footer p#credits {
  font-size: 11px;
  margin: 10px 0 0 0;
}

div#footer p#credits a {
  font-size: 11px;
}

ul {
  list-style: square;
}

/* Sub Content -- */
div#subContent h3 {
  font-size: 14px;
}

div#subContent p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
}

div#subContent li {
  font-size: 12px;
}

/* Forms -- */
legend {
  position: absolute;
  text-indent: -9999px;
}

label {
  font-size: 14px;
  line-height: 14px;
}

label em {
  font-size: 11px;
}

fieldset ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

fieldset.formSubmit input {
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* Main Navigation -- */
ul#nav_main a {
  font-size: 18px;
  line-height: 40px;
  text-decoration: none;
}

/* Footer Navigation -- */
div#footer a {
  font-size: 12px;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

/* COLOR
------------------------------ */
body {
  background-color: #E5E3B7;
}

div#container {
  background-color: #FFF;
  border-color: #CECB96;
}

div#content {
  background: url(../resources/img/bg_content.gif) top left repeat-y;
}

div#subContent {
  background-color: #CECB96;
}

div#footer {
  background-color: #3D332A;
}

h2, h3, h4, p, li {
  color: #3D332A;
}

div#footer p {
  color: #CECB96;
}

a {
  color: #508AE3;
}

a:hover {
  background-color: #508AE3;
  color: #12356D;
}

/* Forms -- */
fieldset {
  padding-bottom: 2px;
  background-color: #E5E3B7;
}

fieldset.formSubmit {
  background: none;
}

label {
  color: #3D332A;
}

input, textarea {
  border-color: #CECB96;
}

fieldset.formSubmit input {
  background-color: #3D332A;
  border-color: #3D332A;
  color: #CECB96;
}

/* Main Navigation -- */
ul#nav_main {
  background-color: #3D332A;
}

ul#nav_main a {
  color: #CECB96;
}

ul#nav_main a:hover {
  background-color: #CECB96;
  color: #3D332A;
}

body#home li.home a,
body#about li.about a,
body#services li.services a,
body#iea_team li.iea_team a,
body#sponsors ul#nav_main li.sponsors a,
body#contact li.contact a {
  background-color: #7F644C;
}

/* Footer Navigation -- */
div#footer a {
  color: #CECB96;
}

div#footer a:hover {
  background: none;
  color: #EDECCE;
}

/* horses.php & staff.php -- */
ul#horses img, ul#staff img {
  border-color: #3D332A;
}

/* ABOUT
------------------------------ */
#about .ring_photo {
  width: 49%;
}

#about .outdoor_ring_photo {
  float: left;
}

#about .indoor_ring_photo {
  float: right;
}

#about .about-riding {
    clear: both;
    padding-top: 20px;
}

/* BOARDERS
------------------------------ */
.boarders {
  padding: 0;
  margin: 0;
  list-style: none;
}

.boarder {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 45%;
  margin: 1.5%;
  padding: 10px;
  border: 1px solid #dfdea9;
  background: #f7f7e6;
}

.boarder img {
  display: block;
  height: 110px;
  width: 100%;
  margin-bottom: 10px;
}

.boarder h3 {
  font-size: 12px;
  line-height: 1.3em;
}

/* SPONSORS
------------------------------ */
.sponsors {
  list-style: none;
}

.sponsor {
  padding: 20px;
}

.sponsor a {
  text-align: center;
  text-decoration: none;
}

.sponsor a:hover {
  background: none;
}

.sponsor img {
  max-width: 300px;
}