﻿body {
  margin: 0px;
  padding: 0;
  background-color: #fff;
}
html, body {
  margin: 0px;
  padding: 0;
}
#wrapper {
  width: 913px;
  height: 614px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background-image: url(images/AGAVE_home.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #000;
}
#wrapperpages {
  width: 913px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background-image: url(images/AGAVE_pages.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #000;
}
#wrapperblank {
  width: 913px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background-image: url(images/AGAVE_blank.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #fff;
}
#inwrapper {
  position: absolute; 
  width: 274px; 
  height: 22px; 
  z-index: 1; 
  left: 312px; 
  top: 113px;	
}
#top {
  margin-bottom: 0px;
  width: 913px;
  height: 190px;
}
#homeL {
  float: left;
  width: 183px;
  background-color: #000; 
}
#homeR {
  float: right;
  width: 167px;
  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;
  width: 547px;
  height: 100%;
  background-color: #fff;
}
.centercolR {
  float: right;
  width: 220px;
  font: 12px arial;
  color: #333;
  line-height: 1.5em;
  padding: 10px 20px 0 0;
}
.centercolL {
  float: left;
  display: inline;
  width: 220px;
  font: 12px arial;
  color: #333;
  line-height: 1.5em;
  padding: 10px 0 0 20px;
}
.colheader {
  font: 12px arial;
  font-weight: bold;
  //text-transform: uppercase;
  color: #fff;
  text-align: left;
  padding: 20px 0 0 20px;
}

.centertext {
  font: 12px arial;
  color: #000;
  line-height: 1.5em;
  padding: 10px;
}
.text {
  font: 12px arial;
  color: #333;
  line-height: 1.5em;
}
.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;
}
.righttext{
  font: 12px arial;
  color: #DADAD8;
  line-height: 1.5em;
  padding: 0 10px 0 25px;
}
.righttextpink{
  font: 11px verdana;
  color: #E9AB86;
  line-height: 1.3em;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#footer {
  background: #455660;
  margin-right: auto;
  margin-left: auto;
  width: 913px;
  height: 20px;
  padding: 10px 0;
  text-align: center;
  font-family: arial;
  font-size: 11px;
  color: #6BBC5E;
} 
#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.type3:link    {color:#287C1A; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type3:visited {color:#287C1A; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type3:active  {color:#287C1A; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type3:hover   {color:#999; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type4:link    {color:#a093b1; font-size: 20px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type4:visited {color:#a093b1; font-size: 20px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type4:active  {color:#a093b1; font-size: 20px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type4:hover   {color:#999; font-size: 20px; font-weight:bold; text-decoration:none; font-family: arial;}

#clear {
  clear: both;
}

/*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 14px Arial;
width: 913px; /*leave this value as is in most cases*/
padding: 150px 0 0 0px;
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #000; /*dark purple border*/
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; /*text color*/
padding: 6px 38px;  /*width of nav sections */
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.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: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentB3.gif) center center repeat-x;
}
/*Catalog photogallery styles*/
.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: #;
}
