body {
  margin: 0;
  padding: 0; 
  background-color: #fff;
  background-image: url(images/Utrail_homeWide.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
html, body {
  margin: 0;
  padding: 0;
}
#wrapper {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
}
#centerpages {
  width: 100%;
}

#left {
    float: left;
    width: 183px;
	padding: 15px 0 0 0; 
	background-color: #72AC6B;
}
#right {
  float: right;
  width: 767px;
  padding: 15px 0 0 0; 
  background-color: #fff;
}

.centercolR {
  float: right;
  width: 150px;
  padding: 20px 10px 0 20px;
  background-color: #fff;
}
.centercolL {
  float: left;
  width: 560px;
  padding: 20px 0 0 20px;
  background-color: #fff;
}

.pagecolR {
  float: right;
  width: 200px;
  padding: 20px 10px 0 20px;
  background-color: #fff;
}
.pagecolL {
  float: left;
  width: 510px;
  padding: 20px 0 0 20px;
  background-color: #fff;
}

.newstext {
  font-family: Verdana;
  font-size: 13px;
  color: #2F6D1A;
  padding: 15px 5px;
}

.quotetext {
  font-family: arial;
  font-size: 13px;
  font-style: italic;
  color: #275C15;
  line-height: 1.4em;
  padding: 10px;
}
.quote {
  font-family: arial;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #2F6D1A;
  line-height: 1.3em;
  padding: 10px;
}

.textbold {
  font: 12px arial;
  color: #000;
  font-weight: bold;
  line-height: 1.4em;
}
.colheader {
  font: 13px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #053D05;
  text-align: left;
  padding: 10px 0 5px 0;
}

.centertext {
  font: 13px arial;
  color: #1C4D0B;
  line-height: 1.5em;
  padding: 0 10px 5px 5px;
}
.righttext{
  font: 13px arial;
  color: #1C4D0B;
  line-height: 1.5em;
}
.header {
    font-family: arial;
	font-size: 15px;
	font-weight: bold;
	color: #153743;
	padding: 10px 0 5px 15px;	
	text-align: left;
}

.smalltitle {
    font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #673B17;
}
.texthead {
  font: 12px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #053D05;
  text-align: left;
  padding: 10px 0 5px 0;
}
.triptitle {
  font: 12px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #A05A13;
  text-align: left;
  padding: 15px 0 5px 0;
}
.text {
  font: 13px arial;
  color: #1C4D0B;
  line-height: 1.3em;
  text-align: justify;
}

.textragged {
  font: 12px arial;
  color: #1C4D0B;
  line-height: 1.3em;
}
.textquote {
  font-family: arial;
  font-size: 12px;
  font-style: italic;
  color: #153743;
  line-height: 1.3em;
  padding: 10px 0 10px 15px;
}
#clear {
  clear: both;
}
#footer {
  background: ;
  height: 10px;
  width: 100%;
  padding: 10px 0 16px 0;
  text-align: center;
  font-family: arial;
  font-size: 11px;
  color: #27621F;
  border-top: 1px solid #87AE81;
  }
  
p.dotted {
border-bottom-style: dotted;
margin: 12px;
border-color: #D3BAA1;
width: 200px;
}

table.listings {
 width: 600px;
 margin: 10px 0 0 0;
 color:#3C5165; 
 font-size: 12px;
 font-family: arial;
 text-align: left;
}

table.listings tr {
 width: auto;
 padding: 3px;
}

table.listings td {
 width: auto;
 padding: 10px;
}

A.type1:link    {color:#fff; font-size: 12px; text-decoration:none; font-family: arial;}
A.type1:visited {color:#fff; font-size: 12px; text-decoration:none; font-family: arial;}
A.type1:active  {color:#fff; font-size: 12px; text-decoration:none; font-family: arial;}
A.type1:hover   {color:#999; font-size: 12px; text-decoration:none; font-family: arial;}

A.type2:link    {color:#6BBC5E; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:visited {color:#6BBC5E; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:active  {color:#6BBC5E; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:hover   {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type2a:link    {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2a:visited {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2a:active  {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2a:hover   {color:#6BBC5E; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type3:link    {color:#397D2E; font-size: 12px; font-weight:bold; font-family: arial;}
A.type3:visited {color:#397D2E; font-size: 12px; font-weight:bold; font-family: arial;}
A.type3:active  {color:#397D2E; font-size: 12px; font-weight:bold; font-family: arial;}
A.type3:hover   {color:#8AF38A; font-size: 12px; font-weight:bold; font-family: arial;}

A.type3a:link    {color:#A1B59E; font-size: 12px; text-decoration:none; font-weight:bold; font-family: arial;}
A.type3a:visited {color:#A1B59E; font-size: 12px; text-decoration:none; font-weight:bold; font-family: arial;}
A.type3a:active  {color:#A1B59E; font-size: 12px; text-decoration:none; font-weight:bold; font-family: arial;}
A.type3a:hover   {color:#8AF38A; font-size: 12px; text-decoration:none; font-weight:bold; font-family: arial;}

/*notes sized link for www*/
A.type4:link    {color:#397D2E; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type4:visited {color:#397D2E; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type4:active  {color:#397D2E; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type4:hover   {color:#8AF38A; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*this is the TOP HORIZONTAL menu AT THE TOP OF THE SITE PAGES*/

.indentmenu{
font: bold 13px Arial;
width: 100%;
padding: 173px 0 0 0px;
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid ;
border-width: 1px 0;
background: #27621F url(images/indentB2.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 8px 24px;  /*width of nav sections */
text-decoration: none;
border-right: 1px solid #564c66; 
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 8px; /*shift text down 1px for selected and active item*/
padding-bottom: 8px; /*shift text down 1px for selected and active item*/
background: black url(images/indentB3.gif) center center repeat-x;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Left Nav secondary navigation */

.markermenu{
width: 183px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 0px solid #000;
}

.markermenu ul li a{
background: url(images/indentB2.gif) center center repeat-x;
font: bold 12px  verdana;
color: #fff;
display: block;
width: auto;
padding: 8px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #000;
}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (10px) */
width: 173px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #fff;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #fff;
background: url(images/indentB3.gif) center center repeat-x;
background-color: #8FBB77;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }

	
	
	
/*DIV for HOME page fading slide show*/
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px solid darkred;
}