body {
  margin: 0px;
  padding: 0;
  background-color: #5D804A;
}
html, body {
  margin: 0px;
  padding: 0;
}
#wrapper {
  width: 889px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background-color: #000;
}
#top {
  margin-bottom: 10px;
  width: 889px;
  height: 210px;
  background-image: url(images/UTRAIL_header.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#topG {
  margin-bottom: 10px;
  width: 889px;
  height: 210px;
  background-image: url(images/UTRAIL_header_g.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#homeL {
  float: left;
  width: 183px;
  height: 100%;
  background-color: #000; 
}
#homeR {
  float: right;
  height: 100%;
  padding: 15px 0 0 0;
}
#pageL {
  float: left;
  width: 183px;
  height: 100%;
  background-color: #000; 
}
#pageR {
  float: right;
  width: 183px;
  height: 100%;
  background-color: #000;  
}
#centerpage {
  float: left;
  display: inline;
  width: 705px;
  height: 100%;
  background-color: #fff;
  border-top: 0px solid #000;
}
.centercolR {
  float: right;
  width: 190px;
  padding: 20px 15px 0 20px;
  background-color: #fff;
}
.centercolL {
  float: left;
  display: inline;
  width: 410px;
  padding: 20px 0 0 20px;
  background-color: #fff;
}
.centertext {
  font: 13px arial;
  color: #1C4D0B;
  line-height: 1.5em;
  padding: 0 0 20px 5px;
}
.righttext{
  font: 13px arial;
  color: #1C4D0B;
  line-height: 1.5em;
}
.quote {
  font-family: arial;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #2F6D1A;
  line-height: 1.3em;
  padding: 10px;
}
.quotetext {
  font-family: arial;
  font-size: 13px;
  font-style: italic;
  color: #275C15;
  line-height: 1.4em;
  padding: 10px;
}
p.dotted {border-bottom-style: dotted}

.newstext {
  font-family: Verdana;
  font-size: 13px;
  color: #2F6D1A;
  padding: 15px 5px;
}
.colheader {
  font: 13px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #053D05;
  text-align: left;
  padding: 10px 0 5px 0;
}
.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: 12px arial;
  color: #1C4D0B;
  line-height: 1.3em;
  text-align: justify;
}
.textcentered {
  font: 12px arial;
  color: #1C4D0B;
  line-height: 1.3em;
  text-align: center;
}
.textragged {
  font: 12px arial;
  color: #1C4D0B;
  line-height: 1.3em;
}
.textbold {
  font: 12px arial;
  color: #000;
  font-weight: bold;
  line-height: 1.4em;
}
.header {
  font: 12px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  padding: 10px 0 0 0;
}
.lefttext {
  font: 12px arial;
  color: #DADAD8;
  line-height: 1.5em;
  width: 145px;
  padding: 20px 0 0 20px;
}
#clear {
  clear: both;
}
#footer {
  background: #663B34;
  margin-right: auto;
  margin-left: auto;
  width: 889px;
  height: 20px;
  padding: 10px 0;
  text-align: center;
  font-family: arial;
  font-size: 11px;
  color: #6BBC5E;
} 
.note{
  font-family: verdana;
  font-size: 11px;
  color: #744204;
  line-height: 1.3em;
  padding: 10px 10px 0 10px;
}
.smalllight{
  font-family: verdana;
  font-size: 11px;
  color: #D0F0C2;
  line-height: 1.3em;
  padding: 10px 10px;
}

.floatimgright {
float: left;
margin: 5px 10px 5px 0;
color: #995609;
font-family: arial;
font-size: 12px;
}
#homebottom{
  padding: 0 0 100px 0;
  background-color: #fff;
}
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;}

#clear {
  clear: both;
}

/*expandable content css*/
.technology{ /*header*/
cursor: hand;
cursor: pointer;
font: 13px Verdana;
margin: 15px 0;
}
.thelanguage{ /*class added to contents*/
color: #191C18;
font: 12px Verdana;
line-height: 1.4em;
}
.openlanguage{ /*class added to contents*/
color: #ED744F;
}

.closedlanguage{ /*class added to contents when they are closed*/
color: #191C18;
}

/*slide shows with arrows for agave house and raven house SLIDESHOWS*/
div#show3 {
background-color:#fff;
width:220px;
margin:0 auto;
border:0px solid #435D5C;
font-family:arial;
font-size:10pt;
}

/*slide shows with arrows for AGAVE PLANT SLIDESHOW*/
div#show4 {
background-color:#fff;
width:400px;
margin:0 auto;
border:0px solid #435D5C;
font-family:arial;
font-size:10pt;
}

/*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: 889px;
padding: 181px 0 0 0px;
overflow: hidden;
}

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

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 6px 17px;  /*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: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background: black url(images/indentB3.gif) center center repeat-x;
}


/* for photogallery page*/
.photogallery{ /*CSS for TABLE containing a photo album*/
padding: 10px;
}

.photogallery img{ /*CSS for images within an album*/
border: 1px #000;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 0px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
border:0px solid gray;
text-decoration: none;
background-color:#000;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #;
}

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


/*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/indentB.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%; }