* { /* removes all margins and padding from all elements */
	padding: 0;
	margin: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.812em;
}
h1 {
	font-size: 2.5em;
	font-weight: bolder;
	margin-left: 5px;
	padding-top: 0.5em;
	color: #339933;
	line-height: 1em;
	font-style: italic;
}
h2 {
	font-size: 1.375em;
	font-style: italic;
	color: #33CC33;
	padding-top: 2px;
	padding-bottom: 12px;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #465655;
}
p {
	color: #333333;
	padding-top: 0.612em;
	text-indent: 1em;
}
#wrapper {
	margin: 0 auto;
	width: 600px;
}
#headbanner {
	width: 600px;
	height: 202px;
	border-bottom: 1px solid #ccc;
}

#content {
	width: 578px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#footer {
	background-image: url(graphics/banner.jpg);
	background-color: #FFF;
	height: 61px;
}
div.horsecaption { /* properties of horsecaption text div */
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	float: right;
	background-color: #FCFFF2;
	clear: right;
	width: 264px;
	margin-left: 0.5em;
	padding-top: 0.375em;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	border-left: 2px dotted #F1E0AB;
	border-right: 2px dotted #F1E0AB;
	border-bottom: 2px dotted #F1E0AB;
}
div.horsecaption p { /* properties for horsecaption text */
	font-size: 0.875em;
	text-align: center;
	padding-top: 0.375em;
}
span.emph {
	font-style: italic;
}
span.makestrong {
	font-weight: bold;
}
div.center {
	text-align: center;
	padding: 0;
	margin: 0;
}
ul { /* properties of the unordered list in the horsecaption div */
	padding-left: 0.25em;
	font-size: 0.812em;
	padding-top: 0.25em;
	padding-bottom: 0.312em;
	margin-left: 1.5em;
}
li {
	margin-top: 0.25em;
}
div.navwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	width: 275px;
	float: left;
	padding-left: 1em;
	background-color: #FFFFFF;
}

div.navcontinued {
	font-size: 0.9em;
	padding-bottom: 0.5em;
	background-color: #FFFFFF;
}
span.navprevious {
	border-right: 1px solid #ccc;
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

span.navpagenum {
	display: inline;
	margin-right: 10px;
	background-color: #FFFFFF;
}
span.navnext {
	display: inline;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	background-color: #FFFFFF;
}
div.headtextright {
	position:relative;
	left:293px;
	width: 300px;
	text-align: right;
	height: 83px;
	padding-right: 5px;
	bottom: 18px;
}
div.headtextright2 {
	position:relative;
	left:10px;
	width: 555px;
	text-align: left;
	height: 33px;
	padding-right: 5px;
	bottom: 10px;
}
div.headtextright3 {
	position:relative;
	left:10px;
	width: 555px;
	text-align: left;
	height: 50px;
	padding-right: 5px;
	top: 130px;
}

a:link {
	color: #B4AB00;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #B4AB00;
	text-decoration: none;
}
a:active {
	color: #B4AB00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #B4AB00;
}
div.copyright {
	width: 600px;
	background-color: #FFFFFF;
	padding-left: 1.25em;
	padding-bottom: 0.5em;
	margin-left: 1.25em;
	display: inline;
	font-size: .75em;
}
div.copyrightnocode {
	width: 600px;
	background-color: #FFFFFF;
	font-size: 0.75em;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5em;
	text-align: center;
	padding-top: .5em;
}

div.navbar {
	font-size: 0.875em;
	width: 245px;
	float: right;
	padding-top: 17px;
}
span.navpipe { /* vertical spacer bars in the navigation menu */
	display: inline;
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 1em;
	padding-left: 1em;
}
span.navpipenobar { /* navigation menu end item without vertical spacer bar */
	display: inline;
	float: left;
	padding-left: 1em;
}
div.navigation a:link {
	color: #039;
	text-decoration: none;
}
div.navigation a:visited {
	color: #039;
	text-decoration: none;
}
div.navigation a:hover {
	text-decoration: underline;
	color: #039;
}
div.navigation a:active {
	color: #039;
	text-decoration: none;
}
div.navigation {
	width: 598px;
	background-color: #FFFFFF;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-top: 10px;
	height: 40px;
}
div.caption {
	margin: 5px;
	padding: 2px; /* I changed this to for demo */
	background: #FFFFFF;
	text-align: center;
}/* if border is used on the caption image the inline width of caption box should be width of image + left/right borders */
div.caption img  { /* border around image */
	border: 1px solid #000000;
} 
div.caption p {
	font-size: 0.75em;
	margin-top: 2px;
	font-weight: bold;
	color: #666666;
	padding-top: 0px;
}

.left { /* used in html with .caption, will float left or right  */
	float: left;
	clear: left;
}
.right {
	float: right;
	clear: right;
}
.navwrappercenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	width: 275px;
	float: left;
	padding-left: 1em;
	background-color: #FFFFFF;
	margin-top: 17px;
}
#headbanner2 {
	width: 600px;
	height: 350px;
	border-bottom: 1px solid #ccc;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
	position: relative;
	padding: 0;
	width: 215px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	height: 315px;
}
.gctwo{/*This is the gallerycontainer adjusted for two vertical gallery thumbs*/
	position: relative;
	width: 110px;
	height: 155px;
	padding-left: 10px;
	padding-top: 5px;
}
.thumbnail img{
	border: 1px solid black;
	margin: 5px 0px 0px 0px; /*Controls margin for thumbnail image*/
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid green;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFEC;
	padding: 6px 0px 5px 11px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: #999900;
	text-decoration: none;
	width: 416px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: -475px; /*position where enlarged image should offset horizontally */
	}