﻿/* CSS layout */
body {
	margin: 0px;
	padding: 0px;
}

#allcontent {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0 auto 0 auto;
	width: 972px;
	height: 100%;
	color: #000;
	border-right: 2px solid #C0C0C0;
	border-left: 2px solid #C0C0C0;
	background-color: #eeeeee;
	border-bottom: 2px solid #999999;
}

a {
	text-decoration: underline;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	color: #000;
}
a:visited {
	color: #003300;
}

a:hover {
	border: none;
	color: #999999; /* 800000 */
	text-decoration: none;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	padding: 0px;
	text-align: center;
	margin: 0px;
	font-weight: bold;
	font-style: italic;
}

h2 {
	font-size: 30px;
	font-family: "Times New Roman", Times, serif; /* color: #000066; */
	font-weight: normal;
	text-align: center;
	margin: 0px;
	font-style: italic;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

h3{
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
}

h4{
	font-size: 15px;
	margin: 0px 0 2px 0;
	padding: 3px 3px 5px 3px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('../images/site-images/h4bg.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
	width: auto;
	clear: both;
}

h4 a{
	color:black;
	width: 100%;
	margin-bottom: 5px;
}

h5{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	color: #000000;
}

h6{
	padding: 0px 0px 0px 5px;
	margin: 0 0 0 5px;
	font-size: 10px;
	font-weight: normal;
	float: right;
}

p{
	margin: 0 0 2px 2px;
	padding: 5px 2px 5px 5px;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc; /*light blue: #66CCFF, */ /*	font-weight: bold; */;
	overflow: hidden;
}

#masthead {
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 1px none #000000;
	position: relative;
	background-color: #2f2f2f;
	}

/** Header **/

#header {
	height: 75px; /* can be lower than 90 if no h2 in header*/
	width: 100%;
	margin: 0;
	padding: 0px;
	background-position : left top;
	background-image : url('../main-page-images/headerbggrad.jpg');
	background-repeat : repeat-x;
}

#header h1 {
	color: #ffffff; /* #000066 */
	line-height: 1em;
	font-weight: normal;
	background-color:black;
}

#header h2 {
	font-weight: lighter;
	color: #fff; /* was #000066 */
	font-family: "brush Script MT", "Edwardian Script ITC";
	line-height: .9em;
	padding-bottom: 0;
}

#home_link {
	position: absolute;
	height: 57px;
	width: 149px;
	top: 5px;
	left: 5px;
}
#home_link img{
	border: none;
}
#home_link a:link{
	border: none;
}
#home_link a:visited{
	border: none;
}

/************************************* smf info in header ******************************
smf is for after login - smf2 is before login*  */
#smf {
	float:right;
	margin: 0px 5px 0 0px;
	padding: 0 2px 0 0px;
	color: #fff;
}

#smf h6, #smf2 h6{
	color: #dbdbdb;
	margin-left: 0;
}
#smf h6 a, #smf2 h6 a{
	color: #dbdbdb;
}

#smf h6 a:hover{
	color: #fff;
}

#smf2 {
	float: right;
	margin: 3px 5px 0 0px;
	padding: 0px;
	color: #fff;
	clear:both;
	width: 45%;
}

/** Link Strip ****/

#allcontent .linkstrip h4 {
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	color: white;
	font-style: italic;
	padding: 2px 0 2px 0;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	background-color: #003300;
	background-image: none;
/*	margin-bottom: 5px; must be 5px for front page - using #drop-down for bottom margin now*/
}

/** Container for Left, Middle & Right Columns **/
/** Controls h6 ("more link")on the front page ***/


/** But these are for formating the main Left & Middle entry columns**
*** on the front page   ***/
#allcontent .picture {
	border: 1px solid #000000;
	margin: 1px 3px 0px 3px;
	padding: 1px;
	float: left;
	width: 128px;
	text-align: center;
	color: black;
}

.picture img{
	border: none;
}

.picture a:link{
	border: none;
}
.picture a:visited{
	border: none;
}

#allcontent .picture  h6 {
	padding: 0;
	margin: 0 auto 0 auto;
	float:none;
	text-align:center;
}

.smaller{
	font-size: 12px;
}

.x-smaller {
	color: #000;
	font-size: 10px;
	float:right;
	padding-top: 3px;
}

.xx-smaller {
	color: #dbdbdb;
	font-size: 8px;
	float:right;
	padding-top: 3px;
}

/*** Left Column Menu & Menu Column on other pages  ***/
#left-col{
	border: 1px solid #CCCCCC;
	height: 100%;
	width: 474px; /*was 413 - right-col 123 but taken out so dif (123px/2=61px) was split between left and middle col*/
	padding: 0px;
	float: left;
	margin: 5px 0 3px 3px;
	background-color: #FFFFFF;
}

*html #left-col {
	display: inline;
}

/** The first h4 in the first column ****/
#first-col-segemnt h4 {
	margin: 0 0 5px 0;
}

/** Middle Columnn and/or Main Entery Column on other pages ***/
#middle-col{
	border: 1px solid #CCCCCC;
	height: auto;
	width: 481px; /*was 420 - right-col 123 but taken out so dif (123/2) was split between left and middle col*/
	background-color: #FFFFFF;
	padding: 0;
	float: left;
	margin: 5px 0 5px 5px;
}

*html #middle-col{
	width: 410px;
}

/*** Right Column **/
#right-col {
	float: right;
	width: 123px;
	padding: 3px 0 0px 0;
	margin: 0;
	padding-left: 0px;
}

*html #right-col {
	display: inline;
}

#right-col a {
	border-style: none;
	font-size: 12px;
	margin: 0;
}

#right-col img {
	border-style: none;
	padding: 0;
	margin: 0;
}

/*** Used below for container expansion: #container {overflow: hidden;} **/
br.clear {
	clear: both;
}

/** Footer **/
#footer {
	width: 99%;
	height: 100%;
	margin: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	clear: both;
}

#footer p {
	font-family: "Brush Script MT";
	font-size: 34px;
	color: #999999;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
	height: auto;
	letter-spacing: normal;
}


#footer h3  {
	padding: 0px 0px 5px 0px;
	text-align: center;
	margin: 0px;
	height: auto;
	font-size: 14px;
	letter-spacing: .1em;
	color: #999999;
	text-decoration: none;
}

#footer h3 a {
	font-family: "Brush Script MT";
	font-size: 2em;
}

#footer h3 a:visited {
	text-decoration: none;
}

#footer h3 a:hover {
	border-style: none;
	text-decoration: underline;
}

#footer h6 a{
	color: #eeeeee;
}

#drop-down {
	margin: 0;
	padding: 0;
	height: 1.6em; /*25*/
	background-color: #808080;
	clear: both;
}

#allcontent .clear {
	clear:both;
}

#drop-down ul {
	padding: 0px;
	margin: 0px;
}

#drop-down ul li {
	display: inline;
	background-color: #808080;
	float: left;
	width: 75px;
	color: #fff;
	list-style-type: none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight:bold;
	height: 25px;
	line-height: 25px;
	margin:0;
	padding:0;
}

#drop-down ul li a {
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-decoration: none;
	width: 131px; /*   */
	display: block;
	padding-left: 3px;
}

#drop-down ul li a:visited {
	color: #FFFFFF;
}

#drop-down ul li a:active {
	background-color: #666666;
	color: #FFFFFF;
}


#drop-down ul li a:hover {
	background-color: #666666;
	color: white;
}

#drop-down ul li ul li a {
	background-color: #666666;
	font-size: 9px;
	width: 16.5em; /* 150 */
}

#drop-down ul li ul li a:hover {
	background-color: #333333;
	color: white;
}

#drop-down ul li ul {
	visibility: hidden;
}

#drop-down ul li:hover ul {
	visibility: visible;
}

#drop-down .art {
	width: 8.5em; /* 35px*/
}

#drop-down .atv {
	width: 4em; /*45px*/
}

#drop-down .gun {
	width: 4.5em; /*50  */
}

#drop-down .food {
	width: 4em; /* 50 */
}

#drop-down .camping {
	width: 6em; /* 74  */
}

#drop-down .health {
	width: 5em; /* 60  */
}

#drop-down .hiking {
	width: 5em; /* 60  */
}

#drop-down .realestate{
	width: 7.5em; /* 90 */
}

#drop-down .fishing {
	width: 5.5em; /* 60  */
}

#drop-down .boats {
	width: 4.5em; /*50*/
}

#drop-down .hunting {
	width: 5.5em; /* 65  */
}

#drop-down .organ {
	width: 9em; /* 1.05 */
}

#drop-down .trucks {
	width: 8.5em; /* 95 */
}

#drop-down .lastlia a{
	width: 131px; /* 131 */
} 
