body
{
	background: #4C3630 url("../images/planksold0149_14_m.jpg") repeat center top scroll;
	position: relative;
	min-width: 960px;
}
a img { 
	border: none;
}
a:link {
	color:white;
	text-decoration: underline;
}
a:visited {
	color: white;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
hr{
	color: black;
}
.container {
	width: 90%;
	min-width: 600px;
	background-color: #4C3630;
	margin: 0 auto;
}
.content {
	padding: 5px 5px 5px 5px;
	float: left;
	width: 65%;
	background-color: white;
	margin: 0 auto;
}
.header {
	text-align: center;
}
.featured {
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #140a0a;
	margin: 0 5px 5px 5px;
}
.featured a {
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.featured a:hover {
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.featured a:visited {
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.featuredHead {
	padding: 5px 5px 5px 15px;
	color: white;
	font-weight: bold;
	text-align: center;
	height: 40px;
}

.sidebar {
	float: left;
	width: 25%;
	background: #4C3630;
	padding-bottom: 10px;
	text-align: center;
}
.warning{
	font-size: small;
	font-style: italic;
	font-weight: bold;
}
.gal {
	width: 95%;
	height: 95%;
	margin: 5px 5px 5px 5px;
}
ul.nav {
	list-style: none; /* this removes the list marker */
	margin-bottom: 10px; /* this creates the space between the navigation on the content below */
	background-color: #140a0a;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}
ul.nav li {
	background-color: #140a0a;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	font-size: 1.1vw;
	font-weight: bold;
	color: white;
	background-color: #140a0a;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: white;
	background-color: #4C3630;
}
/*Top navigation bar*/
/* navigation */
.topnav{
	width: 100%;
	background: #4C3630;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
}
topnav a:hover {
	color: white;
	background-color: black;
	padding: 2px 5px 2px 0;
}

/* ~~ The footer ~~ */
.footer {
	color: white;
	text-align: center;
	font-size: small;
	padding: 10px 0;
	background-color: #4C3630;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */

}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	font-size: 18%;
	vertical-align: top;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.search{
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #140a0a;
	margin: 5px 5px 5px 5px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.marquee {
	line-height: 20px;
	color: Black;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
.pghead {
	background-color:#4C3630;
	color: white;
	font-size: 1em;
}
.NoShow{
	display: none;
}
.ShowIt{
	display: inline;
}
.button {border:none;background-image:none;padding-left:20px;padding-right:20px;padding-top:3px;padding-bottom:5px;font-family:"helvetica neue", helvetica, arial, sans-serif;font-weight:bold;text-align:center;line-height:1;font-size:13.3333px;color:#ffffff;text-shadow:0px -0px 1px rgba(0, 0, 0, 0.3);border:1px solid #543022;border-bottom:1px solid #45281c;box-shadow:0px 0px 0px #ddd, 0px 1px 1px 0px #c67250 inset;-moz-box-shadow:0px  0px 0px #ddd, 0px 1px 1px 0px #c67250 inset;-webkit-box-shadow:0px  0px 0px #ddd, 0px 0px 1px 0px #c67250 inset;-ms-box-shadow:0px  0px 0px #ddd, 0px 0px 1px 0px #c67250 inset;-o-box-shadow:0px  0px 0px #ddd, 0px 0px 1px 0px #c67250 inset;background-color:#633928;background-image:-webkit-gradient(linear, left top, left bottom, from(#633928), to(#593324));background-image:-webkit-linear-gradient(top, #633928, #593324);background-image:-moz-linear-gradient(top, #633928, #593324);background-image:-ms-linear-gradient(top, #633928, #593324);background-image:-o-linear-gradient(top, #633928, #593324);background-image:linear-gradient(top, #633928, #593324);height:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;} 

.button:hover {cursor: pointer;background-color:#683c2a;background-image:-moz-linear-gradient(top, #683c2a 0%, #613827 50%, #603727 50%, #5e3626 100%);background-image:linear-gradient(top, #683c2a 0%, #613827 50%, #603727 50%, #5e3626 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#683c2a 0%), to(#613827 50%));background-image:-webkit-linear-gradient(top, #683c2a 0%, #613827 50%, #603727 50%, #5e3626 100%);background-image:-ms-linear-gradient(top, #683c2a 0%, #613827 50%, #603727 50%, #5e3626 100%);background-image:-o-linear-gradient(top, #683c2a 0%, #613827 50%, #603727 50%, #5e3626 100%);} 

.button:active {background-color:#593324;background-image:-moz-linear-gradient(top, #593324 0%, #593324 50%, #593324 50%, #593324 100%);background-image:linear-gradient(top, #593324 0%, #593324 50%, #593324 50%, #593324 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#593324 0%), to(#593324 50%));background-image:-webkit-linear-gradient(top, #593324 0%, #593324 50%, #593324 50%, #593324 100%);background-image:-ms-linear-gradient(top, #593324 0%, #593324 50%, #593324 50%, #593324 100%);background-image:-o-linear-gradient(top, #593324 0%, #593324 50%, #593324 50%, #593324 100%);}

a.button {padding-top:0.5px;padding-bottom:0.5px;text-decoration:none;color:#ffffff;} a.button:link {color:#ffffff;} a.button:visited {color:#ffffff;}