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

/* Index page - Karl Dandenell - 02/10/2017 */
body {
	font-family:"Century Gothic";
	color:#990000; /*Dark red*/
	text-align: left;
	font-size: 16px;
	background-color: #996633;
}


#outerWrapper {
	background-color: #e1bb56;
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 800px;
}
/* Deprecated styles */
/*h1.dark { color:#990000; font-weight:normal; font-size:16px; margin:0; }
h1.lt { color:#660000; font-weight:normal; font-size:16px; margin:0; }
h1.yellow { color:#dcc832; font-weight:normal; font-size:16px; margin:0; }
h2.dark { color:#990000; font-weight:normal; font-size:14px; margin:0; }
h2.lt { color:#660000; font-weight:normal; font-size:14px; margin:0; }
h3.dark { color:#990000; font-weight:normal; font-size:13px; margin:0; }
h3.lt { color:#660000; font-weight:normal; font-size:13px; margin:0; }
div.lt { color:#990000; font-size:12px; line-height:1.4em; text-align:left; }
.white { color:#ffffff; font-size:12px; line-height:1.4em; text-align:left; }*/

div {
	color:#660000;
	font-size:14px;
	line-height:normal;
	text-align:left;
}

div.index { color:#660000; 
font-size:14px; line-height:1.5em; text-align:left; }



.black { color:#000; font-size:14px; line-height:1.5em; 
text-align:left;
padding-right: 10px; }

.caption {
	text-align:right;
	font-size:14px;
	margin-top:8px
}

.pay { color:#660000; font-size:16px; line-height:1.4em; text-align:center; }
.pay-left { color:#660000; font-size:16px; line-height:1.4em; text-align:left; }
.pay-right { color:#660000; font-size:16px; line-height:1.4em; text-align:left;; float:right; }
.pay-button-left {
	color:#660000;
	font-size:16px;
	line-height:1.4em;
	text-align:left;
	padding-top: 5px;
}
.horse_name {
	color:#990000; /*red emphasis text*/
	font-weight:normal;
	font-size:16px;
text-align:center;
}

.yellow-bg {
	background-color: #ffff99;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
	
.divider {
	 color: #000 noshade;
	 height: 2px;
	 background-color:#000;
}

.yellow-orange-bg {
	background-color:  #dcc832; /*orange yellow*/
	padding: 10px 5px 10px 10px;
	margin: auto;
}

.brown-bg {
	background-color:  #e1bb56;
	
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.gray-bg {
	background-color:  #ccc;
	padding-top: 5px; 
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.red-bg {
	background-color:  #8b0000;
	
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.red-bg p {
	color: #FFF;
	font-size: 14px;
}
.red-bg a:link {
	text-decoration: none;
	color:#000000;
}
.red-bg a:visited {
	text-decoration: none;
	color:#000;
}
.red-bg a:hover {
	
	color:#FFF;
	text-decoration:underline;
}
.red-bg a:active {

	color: #FFF;
	text-decoration:underline;
}

	
.yellow-bg a:hover, a:focus, a:active {
	color:#FFF;
	text-decoration:underline;
}

.yellow-bg a:link, a:visited {
	color: #000 !important;
	}
#header-slogan {
	background-color:#ccc;/* Light gray*/
	text-align: center;
	padding: 10px 10px 10px 10px;
}
#menus {
	clear:both;
	background-color: #DCC832;
	/*color: #97040C; Dark red*/
	color: #000; 
	width: auto;
}

#menus a:visited {
	
	color: #000; 
	
}


#index-body {
	clear:both;
	background-color: #e1bb56; /*Yellow-brown*/
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	}
	

#full_text {
	color:#660000;
	font-size:14px;
	line-height:1.5em;
	text-align:left;
	
	padding-bottom: -10px;
	padding-right: 10px;
	margin-right: 10px;
	margin-left: 10px;
}


h1 {
	color: #000;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:bold;
	
}
h2 {
	color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	font-weight:bold;
	/* [disabled]margin-top: -20px; */
}
h3 {
	color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	font-weight:bold;
}

h4 {
	color: #000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	font-weight:bold;
	text-align: center;
}
.line-separator {

height:1px;

background:#717171;

border-bottom:1px solid #996633;
margin-bottom: 10px;
}
.category {
	color:#990000; /*red emphasis text*/
	font-weight:normal;
	font-size:18px;
}

.article {
	color:#990000; /*red emphasis text*/
	font-weight:normal;
	font-size:16px;
	font-style:italic;
}

.article a:hover {
	text-decoration:underline;
	color:#000; /*black for contrast*/
} 
.article a:active {
text-decoration:underline;
	color: #000; /*black for contrast*/
}

article a:visited {
	text-decoration: none;
	color:#990000; /*red emphasis text*/
}

a:link {
	text-decoration: none;
	color:#990000; /*red emphasis text*/
}
a:visited {
	text-decoration: none;
	color:#990000; /*red emphasis text*/
}
a:hover {
	text-decoration:underline;
	color:#fff; /*white for contrast*/
} 
a:active {
text-decoration:underline;
	color: #fff; /*white for contrast*/
}

#footer {
	clear:both;
	background-color: #ccc; /*light gray*/
	text-align:center;
	margin-top: 10px;
	padding: 0px 10px 10px 10 px;
	margin-bottom: 10px;
	}


#footer a:link {
	text-decoration: none;
	color:#990000;
}
#footer a:visited {
	text-decoration: none;
	color:#990000;
}
#footer a:hover {
	
	color:#000;
	text-decoration:underline;
}
#footer a:active {

	color: #000;
	text-decoration:underline;
}
#footer p {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	margin-right: 10px;
	margin-left: 10px;
text-align: center;
}

#footer h4 {
	font:"Century Gothic";
	font-size: 16px;
	margin-right: 10px;
	margin-left: 10px;
text-align: center;
}


#footer h3 {
	color: #990000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	font-weight:bold;
}


#footer h5 {
	font:"Century Gothic";
	font-size: 14px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}

#billboard {
	text-align: center;
}

.image-right {
	float: right;
	padding-right: 20px;
	width: 225px;
	padding-top: 0px;
}

.column-right {
	float: right;
	padding-right: 10px;
	width: 540px;
}

.photo-column-right {
	float: right;
	padding-right: 10px;
	width: 240px;
}
.column-left {
	float: left;
	width: 535px;
	font-size: 14px;
	margin-left: 10px;
}


.float-right {
	float: right;
	
}

.image-right-top {
	float: right;
	padding-left: 10px;
	width: auto;
	padding-top: 5px;
}
.image-right-400 {
	float: right;
	padding-right: 10px;
	width: 400px;
}

.image-right-300 {
	float: right;
	padding-top: 20px;
	padding-right: 0px;
	width: 300px;
}
.image-center-400 {
	
	text-align: center;
	width: 400px;
}

.text-left-no-float {
	width: 530px;
	padding-left: 0px;
	font-size: inherit;
}
.text-left {
	float: left;
	width: 535px;
	padding-left: 10px;
	font-size: 14px;
	padding-top: -10px;
}

.text-left-500 {
	float: left;
	width: 470px;
	padding-left: 15px;
	font-size: 14px;
	padding-top: 0px;
	line-height: 1.5em;
	margin-top: 0px;
}

.text-left-400 {
	float: left;
	width: 370px;
	padding-left: 15px;
	font-size: 14px;
	padding-top: 0px;
	line-height: 1.5em;
	margin-top: 0px;
}
.text-left-300 {
	float: left;
	width: 300px;
	padding-left: 15px;
	font-size: 14px;
	padding-top: -10px;
	line-height: 1.5em;
	margin-top: -20px;
}
.text-left-330 {
	float: left;
	width: 350px;
	padding-left: 15px;
	font-size: 14px;
	padding-top: -10px;
	line-height: 1.5em;
	margin-top: -10px;
}
.text-left-300 p, .column-left p,  {
font-size:14px;
	line-height:1.5em;
	text-align:left;
	padding: 0px 10px 0px 5px;
}

.text_full {
	font-size:14px;
	line-height:1.5em;
	text-align:left;
	padding: 10px 25px -10px 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: -10px;
}


.text-float-left {
	float: left;
	width: 300px !important;
	padding-right: 10px;
	margin-top: -10px;
	font-size: 14px;
	margin-left: 15px;
	line-height: 1.5em;
}
.text-right {
	float: right;
	width: 510px;
	padding-right: 10px;
	font-size: inherit;
	margin-top: -20px;
}

.text-right p {
	margin-top: 0px;
	line-height: 1.5em;
}
.image-left {
	float: left;
	width: 225px;
	padding-left: 10px;
}
.spacer {
	width: 5px;
	float:inherit;
}

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper .clearFloat {
  clear: both;
  display: block;
}
.index image {style="margin:5 0 25 40; border-color:#ffff99; border-width:medium"}