/* Remove margin and padding on all elements 
=======================================================*/
* {
  margin: 0;
  padding: 0;
  }


/* Red borders on all elements (take out of comment to apply) 
body, #wrapper, #header, #toprow, #main, #firstcol, #navholder, #content, #secondcol, #footer {
	border-color: red !important;
}
*/


/* Body 
====================================================== */

body {
	margin-top: 0;
	margin-right: 1cm;
	margin-bottom: 0;
	margin-left: 1cm;
	}

/*  Layout
====================================================== */

#wrapper {
	width: 100%;
	}

#header {
	display: none;
	border-bottom: #003300 0px solid; 
	}

#main {
  	width: 100%; 
	height: 100%;
	}

#firstcol {
	display: none;
	float: left; 
	width: 165px;
	margin-top: 0px; 
	margin-right: 15px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	}

#navholder {
	display: none;
	width: 165px;
	height: 100%;
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 20px; 
	margin-left: 0px; 
	background-color: #4E6334;
	}

#contentwrapper {
	float: left;
	width: 100%;
	}
	
#content {
	float: left;
	width: 90%;
	padding-top: 20px;
	}

#horses #simpleviewer {
	text-align: center;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px; 
	padding-right: 0px; 
	padding-bottom: 10px; 
	padding-left: 0px; 
	border: 0px solid #DCDCA9;
	background-color: #fbfceb;
}

#horses #content {
	width: 530px; 
	height: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px; 
	padding-right: 0; 
	padding-bottom: 10px; 
	padding-left: 0px; 
	border: 0px solid #DCDCA9;
	background-color: #fbfceb;
}	

#beach #content {
	width: 452px; 
	border: 0px solid #DCDCA9;
	background-color: #fbfceb;
}

#beach #imageholder {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px; 
	padding-right: 0; 
	padding-bottom: 10px; 
	padding-left: 0px; 
	border: 0px solid #DCDCA9;
	background-color: #fbfceb;
}

#caption {
	text-align: center;
}	

#secondcol {
	float: left; 
	width: 90%;
	height: 100%;
	}

#footer {
	clear: both; 
	padding-right: 20px; 
	padding-left: 10px; 
 	padding: 5px 10px;
	}

/* Header 
====================================================== */

#header h1 {
	width: 100%;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14pt;
	}

#header h1 span {
  	background-image: url(graphics/header_bg.jpg); 
	position: absolute;
	width: 100%;
	}


/* Navigation 
====================================================== */

#nav {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #DCDCA9;
	line-height: 1.4em;
	letter-spacing:.1em;
	background-color: #4e6334;
	border-top: 0px solid #DCDCA9;
	border-right: 0px solid #DCDCA9;
	border-bottom: 1px solid #DCDCA9;
	border-left: 0px solid #DCDCA9;
	}

ul#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

	
#nav a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #DCDCA9;
	line-height: 1.4em;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
ul#nav {
	border-bottom: 0px solid #DCDCA9;
	}

ul#nav li {
	border-bottom: 1px solid #DCDCA9;
	}

ul#nav li a:hover {
	display: block;
	background: #DCDCA9;
	color:#336633;
	font-weight: bold;
	}

/* Next Back 
================================================== */
.next, .back {
	font-size: 0.8em;
	}

a:link.next {
	float: right;
	display: block;
	font-weight: bold;
	color: #336633;
	margin: 5px 5px 20px 0; 
}

a:hover.next, a:visited.next {
	float: right;
	display: block;
	font-weight: bold;
	color: #666666;
	margin: 5px 5px 20px 0; 
}

a:link.back {
	float: left;
	display: block;
	font-weight: bold;
	color: #336633;
	margin: 5px 0 20px 5px; 
}

a:hover.back, a:visited.back {
	float: left;
	display: block;
	font-weight: bold;
	color: #666666;
	margin: 5px 0 20px 5px; 
}

/* Images
====================================================== */

img {
	border: 1px solid #DCDCA9;
	}

#firstcol img	{
	border-top: 0px solid #DCDCA9;
	border-right: 0px solid #DCDCA9;
	border-bottom: 1px solid #DCDCA9;
	border-left: 0px solid #DCDCA9;
	}
	
#secondcol img {
	margin: 0 auto;
	}

#beach #content img {
	border: 10px solid #DCDCA9;
	}

/* Text Styles 
====================================================== */

body, p, ul, td {
	color:#666666;
	}

h2 {
	color: #000000;
	line-height: 1.4em;
	letter-spacing: 0.12em;
	margin-bottom: 10px;
	border-bottom: 1px solid #DCDCA9;
	font-size: 14pt;
	}

#horses h2 {
	margin-bottom: 0px;
	color: #000000;
	}
	
h3 {
	color: #000000;
	line-height: 1.4em;
	letter-spacing: 0.21em;
	margin-top: 20px;
	margin-bottom: 5px;
	border-bottom: 0px solid #DCDCA9;
	font-size: 12pt;
	}
	
a {
	color: #000000;
	}
	
a:visited {
	color: #000000;
	}

a:hover {
	color: #000000;
	}
	
/* ID Styles 
====================================================== */

#dateformat {
	font-size: 0.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	padding-left: 15px;
	letter-spacing:0.1em;
	text-decoration:none;
	text-align: right;
	}
	
#content p, ul, td {
	color:#000000;
	text-align: justify;
	line-height: 1.8;
	padding: 0px 0px 10px 0px;
}

#content p {
	margin-top: 0px;
	}

#content ul {
	margin-left: 30px;
	list-style-type: disc;
	}

#footer p {
	font-size: 0.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Class Styles */
	
.subHeader {
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000000;
	text-align: justify;
	line-height: 2em;
	letter-spacing:0.3em;
	}

.smallText p {
	font-size: 0.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-align: left;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

.w3c {
	margin: 10 0 10 50;
}