/* centered */
body
{
 margin: 0;
 padding: 0;
 padding-top: 10px;
 text-align: center;
}
#centered
{
 width: 1075px; /* set to desired width in px or percent */
 text-align: left; /* optionally you could use "justified" */
 border: 0px; /* Changing this value will add lines around the centered area */
 padding: 0;
 margin: 0 auto;
}

/* styles */

#page {
	width: 1028px;
	margin: 24px;
}


/* Site Styles */

#nav {
	clear: both;
	overflow: auto;
	padding-top: 12px;
}

#nav li {
	display: inline;
	float: left;
	margin: 0;
	display: block;
	width: 205px;
	font: bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 3em;
	background-color: #0483cb;
	text-align: center;
}

#nav .twoline {
	line-height: 1.1em;
	height: 41px;
	padding-top: 7px;
}

#nav li a {
	color: #FFF;
	text-decoration: none;
	list-style-type: none;
	padding-left: 0;
	width:100px;
}



a:hover {
	text-decoration: underline;
	font-weight: bold;
}


#sidenav {
	clear: both;
	overflow: auto;
	float: right;
	width: 115px;
	padding: 12px 0px 0px 0px;
	margin-top: 12px;
}

#sidenav li {
	margin-bottom: 16px;
	font: bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
}

#sidenav ul a {
	color: #0483cb;
	text-decoration: none;
}



#main_photos {
	padding-top: 24px;
	width: 1028px;
}

#main {
	float: left;
	width: 865px;
	display: block;
	margin-top: 12px;
	padding-right: 33px;
	background: transparent url(../links/common/dot_vert.gif) repeat-y top right;
}

#main ul, .post ul {
	font: .9em Arial, Helvetica, sans-serif;
	padding-left: 36px;
	line-height: 1.3em;
	list-style-type: square;
}


.mainphotoleft {
	float: left;
	margin-right: 12px;
}

.mainphotoright {
	float: right;
}
/* added this center 3-30-2022 */
.mainphotocenter  {
	float: center;
	}

#forphotos {
	float: center;
	width: 400px;
	display: block;
	margin-top: 12px;
	padding-right: 33px;
	}
.forphotosblue{
	margin-top: 20px;
	margin-left: 180px;
	}
.forphotosbrown{
	margin-top: 20px;
	margin-left: 0px;
	}
h1 {
	font: bold 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
}

h2 {
	font: bold 1.3em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
}

h3 {
	font: bold 1.3em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
	color: #9F0022;
	padding-top: 24px;
}


h4 {
	font: normal 1em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding-top: 24px;
	color: #666;
	clear: both;
}

h5 {
	font: bold 1.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
	padding-top: 24px;
}

h6 {
	font: bold .9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding-top: 12px;
	clear: both;
}

h7 {
	font: bold 1.8em "Palatino", serif;
	line-height: 1.3em;
	color: #664012;
	float: right;
	clear: both;
}


p, td {
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

p a, ul a{
	color: #0483cb;
}

h2 a {
	color:#0483cb;
}


#main p, .post p {
	margin-top: 12px;
}
/* changed this 2-6-2024 from 0483cb */
#main ul {
	color: #000000;
}


#footer {
	width: 865px;
	padding-top: 36px;
	clear: both;
}

#footer p {
	font: .8em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

/* Span Classes */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.bolditalic {
	font-style: italic;
	font-weight: bold;
}

.boldblue {
	font-weight: bold;
	color: #0483cb;
}

.boldbrown {
	font-weight: bold;
	color: #664012;
}

.black {
	color: #000;
}

.red {
	color: #9F0022;
}

/* Photos in Main Text Block */

.photoleft {
	float: left;
	margin: 12px 24px 6px 0px;
	font: italic .8em Arial, Helvetica, sans-serif;
	color: #0483cb;
	text-align: center;
}
/* Photos in Main Text Block */
/* 6-22-2016 removed float: left; from photolefts */
.photolefts {
	margin: 12px 0px 6px 0px;
	font: italic .8em Arial, Helvetica, sans-serif;
	color: #0483cb;
	text-align: center;
}
.photoright {
	float: right;
	padding:0px 0px 12px 12px;
	margin: 0;
	font: italic .8em Arial, Helvetica, sans-serif;
	color: #0483cb;
	text-align: center;
}

/* Trail Alerts */

#search_head {
	display: inline;
}

#search_head label {
	font: .8em Arial, Helvetica, sans-serif;
}


#search_head form {
	float: right;
}

.post {
	background: transparent url(../links/common/dot_horiz.gif) repeat-x;
	margin-top: 24px;
	width: 865px;
	clear: both;
}

.posthead {
	float: left;
	padding: 6px 12px 0px 0px;
}

.postimage {
	float: left;
	padding-top: 24px;
}


/* Trail Overview */

#overviewstore {
	width: 865px;
}

.overviewmap {
	float: left;
	padding: 0px 36px 12px 36px;
}

#main .overviewcities ul {
	float: left;
	padding: 36px 36px 0px 72px;
	margin: 0;
}

.overviewcities li {
	list-style-type: none;
}

.overviewcities ul a {
	color: #0483cb;
	text-decoration: underline;
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

td {
	padding: 12px 24px 0px 0px;
	text-align: center;
}


/* Store */

#store {
	width: 865px;
}

.storeinstructions {
	float: left;
	padding: 0px 36px 0px 0px;
}

#main .items ul {
	float: left;
	padding: 36px 0px 0px 0px;
	margin: 0;
}

.storeitems li {
	list-style-type: none;
}

.storeitems ul a {
	color: #0483cb;
	text-decoration: underline;
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}


/* Newsletter */

#newsletter img {
	border: solid #000 1px;
}


/* Sections */

#sectionleft {
	width:229px;
	height:50px;
	margin-top: 12px;
	background-color: #9F0022;
	float:left;
}

#sectionleft h7 a {
	float:left;
	font: bold 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1em;
	text-align: left;
	color: #fff;
	padding: 17px 0px 0px 12px;
	text-decoration: none;
}

#section2left {
	width:229px;
	height:50px;
	text-align: left;
	float:left;
	margin-top: 12px;
	background-color: #9F0022;
	position:relative;
}

#section2lefttop {
	width:229px;
	height:25px;
	position:absolute;
	top:0px;
}

#section2lefttop h7 a {
	font: bold 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:left;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0px 0px 12px;

}

#section2leftbottom {
	width:229px;
	height:25px;
	position:absolute;
	top:25px;
}

#section2leftbottom h7 a {
	font: bold 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:left;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0px 0px 12px;
}

#sectionmiddlebar {
	width:510px;
	height:44px;
	background-color: #9F0022;
	font: bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1em;
	text-align: center;
	color: #fff;
	padding: 6px 0px 0px 0px;
	margin-top: 12px;
	float:left;
}

#sectionright {
	width:289px;
	height:50px;
	margin-top: 12px;
	background-color: #9F0022;
	float:right;
}

#sectionright h7 a {
	float:right;
	font: bold 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1em;
	text-align: right;
	color: #fff;
	padding: 17px 12px 0px 0px;
	text-decoration: none;
}

#section2right {
	width:289px;
	height:50px;
	text-align: right;
	float:right;
	margin-top: 12px;
	background-color: #9F0022;
	position:relative;
}

#section2righttop {
	width:289px;
	height:25px;
	position:absolute;
	top:0px;
}

#section2righttop h7 a {
	font: bold 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:right;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 12px 0px 0px;
}

#section2rightbottom {
	width:289px;
	height:25px;
	position:absolute;
	top:25px;
}

#section2rightbottom h7 a {
	font: bold 0.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:right;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 12px 0px 0px;
}

#sectionentiremain {
	width: 900px;
	margin-top: 12px;
	background: transparent url(../links/common/dot_vert.gif) repeat-y top right;
	float: left;

}

#citiessidenav {
	float: right;
	width: 115px;
	padding: 12px 0px 0px 0px;
	margin-top: 12px;
}

#citiessidenav li {
	margin-bottom: 16px;
	font: bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
}

#citiessidenav ul a {
	color: #0483cb;
	text-decoration: none;
}

#sectionmaintop {
	width: 1025px;
	float: left;
	margin-top: 12px;
	margin-bottom: 8px;
}

#sectionmaintop h2 {
	font: 1em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 12px;
}

#sectionmaintop h1 {
	background-color: #9F0022;
	font: bold 1.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1em;
	text-align: center;
	color: #fff;
	margin-bottom: 6px;
	margin-top: 12px;
}

#sectionmaintop p {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align:center;
}

#sectionmain {
	width: 865px;
	float: left;
	margin-bottom: 12px;
}

#sectionmap {
	width: 288px;
	float: left;
	margin-left: 24px;
}

.sectionalerts {
	width: 865px;
	padding-top: 24px;
	background: transparent url(../links/common/dot_horiz.gif) repeat-x;
	clear: both;
}

#sectionmain h1 {
	background-color: #9F0022;
	font: bold 1.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	padding: 8px 0px 8px 0px;
	margin-bottom: 12px;
}


#sectionmain h2 {
	font: 1em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 12px;
}

#sectionmain h3 {
	background-color: #0483cb;
	font: bold 1.3em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1em;
	text-align: center;
	color: #fff;
	padding: 8px 0px 8px 0px;
	margin-bottom: 12px;
}


#sectionmain p, .sectionalerts p {

	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin-bottom: 12px;
}

#sectionmain .services {
	text-align: center;
}

#sectionmain .services img {
	align: center;
	padding: 0px 6px 0px 6px;
}

#sectionmain .services a {
	color: #000;
}

.sectionalerts h2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 12px 0px 12px 0px;
}

.sectionalertsbullets li {
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 0px 0px 6px 0px;
	list-style-type: square;
	margin-left: 16px;
}

.subsectionalertsbullets {
	margin-left: 24px;
}

.sectionalerts .red {
	color: #9F0022;
	font-weight: bold;
}

.sectionalertsbullets a {
	color: #0483cb;
}

#tableblogs {
	border-collapse:collapse;
	font: .9em Arial, Helvetica, sans-serif;
	margin: 0px 0px 12px 18px;
}

#tableblogs td, #tablealerts th {
	text-align: left;
	text-valign: top;
	padding: 3px 6px 3px 6px;
}

#tablealerts {
	border-collapse:collapse;
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 12px 18px;
}

#tablealerts td, #tablealerts th {
	border: 1px solid #000;
	text-align: left;
	padding: 3px 6px 3px 6px;
}

#alertstable a {
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #0483cb;
}

#alertstable a:hover {
	text-decoration: underline;
	font-weight: bold;
}

/* Contact */


textarea {
	width: 400px;
}

input[type="radio"] {
	float: left;
	width: auto;
	margin-right: 6px;
}

input[type="submit"], input[type="reset"] {
	width: 80px;

}

/* Survey */

.surveyleft {
	float: left;
	width: 150px;
	margin-right: 12px;
	padding-bottom: 9px;
}

.surveyright {
	float: left;
	width: 350px;
	margin-right: 12px;
	padding-bottom: 9px;
}

.twocolumn {
	clear: both;
}

#survey p {
	margin-top: 3px;
	line-height: 1.2em;
}

/* Officers Trustess Table */

#tablecontacts {
	margin-top: 6px;
	border-collapse: collapse;
}
.roman {
	font: normal 28px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#tablecontacts th {
	padding: 6px 6px 6px 6px;
	background-color: #0483CB;
	border: 1px solid #0483CB;
	text-align: left;
	text-transform: uppercase;
	font: bold 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: white;
}
#tablecontacts td {
	border: 1px solid #0483CB;
	padding: 3px 3px 3px 3px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
}

#tablecontacts .col_one {
	text-align: left;
}

#tablecontacts tr:nth-child(2n) td {
	background-color: #e6e6e6;
}

#tablecontacts td a {
	color: #0483cb;
}


/*menu*/

#menu{
padding-top:12px;
padding-bottom:36px;
margin:0;
}

#menu ul{
padding:0;
margin:0;
}

#menu li{
position: relative;
float: left;
list-style: none;
margin: 0;
z-index:2;
}

#menu .oneline a {
	line-height: 1.1em;
	height: 24px;
	padding-top: 7px;
	background-color: #0483CB;
}
#menu .twoline a {
	line-height: 1.1em;
	height: 48px;
	padding-top: 7px;
	background-color: #0483CB;
}
#menu li a{
width:205px;
height: 41px;
display: block;
text-decoration:none;
text-align: center;
font: bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height: 1.1em;
background-color: #0483CB;
color: white;
padding-top: 7px;
}

#menu li a:hover{
background-color: #664012;
}



#menu ul ul{
position: absolute;
top: 48px;
text-align: center;
visibility: hidden;
}



#menu ul li:hover ul{
visibility:visible;
}



.clearing {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* color bars */

.green {
       color: #008064;
}


#green {
	background-color:#008064;
	width:850px;
	margin-top: 12px;
	padding: 12px;
	padding-top: 6px;
	color: white;
	font-style: normal;
	line-height: 1.2em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

#green a {
	color: white;
}

#gold {
	background-color:#F0C000;
	width:850px;
	margin-top: 12px;
	padding: 12px;
	padding-top: 6px;
	
}

#gold a {
	color: #000;
	font-weight: bold;
}

#red {
	background-color:#9F0022;
	width:850px;
	margin-top: 12px;
	padding: 12px;
	padding-top: 6px;
	color: white;
	font-style: normal;
	line-height: 1.2em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

#red a {
	color: white;
}

#brown {
	background-color:#664012;
	width:850px;
	margin-top: 12px;
	padding: 12px;
	padding-top: 6px;
	color: white;
	font-style: normal;
	line-height: 1.2em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

#brown a {
	color: white;
}

#col1 {
	width: 300px;
	float: left;
}

#col2 {
	width: 500px;
	float: right;
}

#col3 {
	width: 425px;
	float: left;
}

#col4 {
	width: 425px;
	float: right;
}

#mapbox {
	position:relative;
	top:-100px;
	left:200px; 
	width:600px;
	height:600px;
	background-color:#FFFFFF;
	border-style: solid;
	border-color:#000000;
	border-width:3px;
	visibility:hidden;
}

#mapboxIE {
	position:fixed;
	top:100px;
	left:200px; 
	width:600px;
	height:600px;
	background-color:#FFFFFF;
	border-style: solid;
	border-color:#000000;
	border-width:3px;
	visibility:hidden;
}

.mapdiv {
	position:absolute;
	top:0px;
	left:0px;
}

.maplink {
	position:absolute;
	top:10px;
	left:60px;
	z-index:2;
	background-color:#FFFFFF;
	color: #0483cb;
	font: 1em Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.rtnbtn {
	position:absolute;
	top: 5px;
	left: 510px;
	background-color:#FFFFFF;
	color:#FF0000;
	z-index:2;
}

/* store */
table#store {
	width: 865px;
	display: block;
	border-bottom: solid 1px #000;
 }
 
table#store th {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFCD5;
	text-transform: uppercase;
	border-top: solid 1px #000;
	border-bottom: solid 0px #000;
	padding: 4px;
	vertical-align: bottom;
}

table#store td {
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000;
	vertical-align: top;
	padding: 4px;
	text-align: left;
}

table#store .storedescription {
	width: 500px;
	text-align: left;
	border-top: solid 1px #000;
	padding-right: 24px;
}

table#store .storeprice {
	width: 50px;
	text-align: center;
	background-color: #E0D9D0;
	border-top: solid 1px #000;

}

table#store .storememberprice {
	width: 50px;
	text-align: center;
	background-color: #0483CB;
	color: #fff;
	border-top: solid 1px #000;

}

table#store .storephoto {
	width: 200px;
	text-align: center;
	border-top: solid 1px #000;
}


table#store .storepaypal td {
	width: 100px;
}

/* scout page */

#scoutsub {
	width:400px;
	height:330px;
	clear: both;
	overflow: auto;
	float: left;
	padding: 0px 24px 0px 0px;
	margin-top: 0px;
	margin-bottom: 24px;
}

#scoutsub2 {
	width:420px;
	float: right;
	padding: 0px 12px 0px 0px;
	margin-bottom: 24px;
	
}

/* connections */

#conncol1 {
	width: 400px;
	float: left;
}

#conncol2 {
	width: 400px;
	float: right;
}	

#conncol1 p a {
	line-height: .5em;
}

#conncol2 p a {
	line-height: .5em;
}


/* membership */
table#join {
	width: 500px;
	display: block;
	border-bottom: solid 1px #000;
}

table#join th {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFCD5;
	text-transform: uppercase;
	border-top: solid 1px #000;
	border-bottom: solid 0px #000;
	padding: 4px;
	vertical-align: bottom;
}

table#join td {
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000;
	vertical-align: top;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}



table#join .description {
	width: 200px;
	text-align: left;
	border-top: solid 1px #000;
}


table#join .cost {
	width: 50px;
	text-align: center;
	background-color: #0483CB;
	color: #fff;
	border-top: solid 1px #000;
}

table#join .links {
	width: 100px;
	text-align: center;
	border-top: solid 1px #000;
	padding-left: 12px;
}

.joinonecol {	
	width: 340px;
	float: left;
	padding: 12px 36px 12px 0px;
}

.jointwocol {
	width: 350px;
	float: left;
	padding: 12px 36px 12px 0px;
}


/* store maps */

/* map store */
table#storemap {
	width: 865px;
	display: block;
	border-bottom: solid 1px #000;
 }
 
table#storemap th {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFCD5;
	text-transform: uppercase;
	border-top: solid 1px #000;
	border-bottom: solid 0px #000;
	padding: 2px;
	vertical-align: bottom;
}

table#storemap td {
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000;
	vertical-align: top;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
}

table#storemap .item {
	width: 50px;
	text-align: left;
	border-top: solid 1px #000;

}

table#storemap .storedescription {
	width: 200px;
	text-align: left;
	border-top: solid 1px #000;
}

table#storemap .miles {
	width: 100px;
	text-align: left;
	border-top: solid 1px #000;

}

table#storemap .date {
	width: 150px;
	text-align: left;
	border-top: solid 1px #000;

}

table#storemap .storeprice {
	width: 60px;
	text-align: center;
	background-color: #E0D9D0;
	border-top: solid 1px #000;

}

table#storemap .storememberprice {
	width: 60px;
	text-align: center;
	background-color: #0483CB;
	color: #fff;
	border-top: solid 1px #000;
}

table#storemap .storephoto {
	width: 85px;
	text-align: center;
	border-top: solid 1px #000;
	padding-left: 12px;
}