/* 3COL-Layout */

body {
background:#bdc997 url(images/body_top.jpg) 0 0 repeat-x; /*was #cbd7a1 */
font-family: "Trebuchet MS";
}

/* ---------- container centers the layout -------------- */
#container {
width:900px;
margin:0 auto;
padding:0;
font:normal 12px "Trebuchet MS", sans-serif;
text-align:;
color:#333;
line-height:0.5cm;
background:url(http://www.greenhomesmaui.com/images/weblogo.gif);
background-repeat: no-repeat;
}

/* ---------- masthead -------------- */
#masthead {
margin:0;
padding:0;
}
#masthead img{
float:right;
padding:54px;
}
/*----------- navigation in masthead ------------*/
#globalNav ul{
padding:0;
margin:-20px 0 0 0;
float:left;
width:100%;
border-bottom: 1px solid #5b3f29; /*brown*/
background:url(http://www.greenhomesmaui.com/images/navbar.gif) 0 0 repeat-x;
}
#globalNav a{ 
display:block; 
}
#globalNav ul li{ 
display:inline;
}
#globalNav ul li a{
padding:0.4em 1.9em;
text-decoration:none;
color:#849c5a; /* darkest of the greens */
float:right;
}
#globalNav ul li a:link{
font-weight:bold;
border-top: 1px solid #ebebeb; /*light grey*/
border-right: 1px solid #ebebeb; /*light grey*/
border-bottom:0;
border-left: 1px solid #ebebeb; /*light grey*/
}
#globalNav ul li a:visited{
font-weight:bold;
border-top: 1px solid #ebebeb; /*light grey*/
border-right: 1px solid #ebebeb; /*light grey*/
border-bottom:0;
border-left: 1px solid #ebebeb; /*light grey*/
}
#globalNav ul li a:hover{
background-color:#fff; 
color:#c93; /*mustard*/
font-weight:bold;
border-top: 1px solid #9bb26e; /*midtone green */
border-right: 1px solid #9bb26e; /*midtone green */
border-bottom:0;
border-left: 1px solid #9bb26e; /*midtone green */
}
#globalNav ul li a:active {
background-color:#fff; 
color:#c93; /*mustard*/
border-top: 1px solid #9bb26e; /*midtone green */
border-right: 1px solid #9bb26e; /*midtone green */
border-bottom:0;
border-left: 1px solid #9bb26e; /*midtone green */
}
/* ----------- wraps the content -------------- */
#wrapper {
background-color:#fff; 
clear: both;
margin:0;
padding:0;
border-right: 1px solid #5b3e27; /*dark brown */
border-left: 1px solid #5b3e27; /*dark brown */
}

/* ----------------- content --------------------- */
#index_content {
padding:0; 
margin:0 16em 0 1em;  /*this pushes the text into position*/
}
#content {
padding:0; 
margin:0 16em;  /*this pushes the text into position*/
}
#content2 {
padding:0;
margin:16em 16em;
}
/* ----------------- text --------------------- */
a:link{color:#849c5a; /* darkest of the greens */
 text-decoration:underline;}
a:visited{color:#849c5a; /* darkest of the greens */
 text-decoration:underline;}
a:hover{color:#c93; /*mustard*/ text-decoration:underline;}
a:active{color:#c93; /*mustard*/ text-decoration:underline;}

h1{
margin:0;
padding:5px 0 10px 0;
font-size:13px;
font-weight:bold;
letter-spacing:2px;
text-transform:uppercase;
color:#5b3f29; /*brown*/
}
h2{
margin:0;
padding:5px 0 0 0;
}
h3{
margin:0;
padding:0;
font-size:14px;
font-weight:bold;letter-spacing:2px;
line-height:0.4cm;
text-transform:uppercase;
color:#c60; /*orange*/
}
h4{
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
letter-spacing:2px;
line-height:0.4cm;
text-transform:uppercase;
color:#6cc; /* was a9d7cf; /*babyblue*/
}
p{
margin:0;
padding:0 0 5px 0;
}
.feature{
padding:0 20px 10px 20px;
}
.feature h1{
padding:10px 0 5px 0;
}
.feature h2{
font:bold 14px, "Times New Roman", Times, serif;
color:#369; /*blue*/
margin:0;
padding:8px 0 0 0;
}
.feature h3{
margin:5px 0 0 0;
padding:0;
font-size:11px;
font-weight:bold;
color:#7d674c; /*brown*/
text-transform:uppercase;
letter-spacing:2px;
}
.feature p{
margin:0;
padding:2px 0 5px 0;
}
.feature img{
float:right;
margin: 0 -100px 0 0;
padding:10px 0 0 20px;
}
.feature strong{
font-weight:bold;
color:#9bb26e; /*midtone green */
}
.left img{
float:left;
padding:10px 20px 0 0;
}
}
small{
font-size:11px;
}

/* --------------left navigation------------- */
#left {
float:left;
width:181px;
margin:0;
padding:30px 0 0 0;
color:#333;
font:normal 10px "Trebuchet MS", sans serif;
background-color:#ecebd1; /*beige*/
}
#left ul{
list-style-type:none ;
padding:0 0 0 20px;
margin:0;
}
#left ul.borderbottom{
border-bottom:4px solid #fff;
padding:0 0 4px 10px;
}
#left li a {
font-size:1.3em;
text-decoration:none; 
}
#left li{
margin:0;
padding:0 0 6px 0;
}
/* --------------right navigation------------- */
#right {
float:right;
width:16em; 
margin:20px 0 0 0;
padding:0;
border-left:4px solid #ecebd1; /*beige*/
}
/* -----------footer--------------------------- */
#footer{
clear:both;
margin:0;
padding:0;
font-size:9px;
color:#849c5a;
text-align:center;
border-top:1px solid #a9d7cf; /*babyblue*/
border-bottom: 1px solid #5b3e27; /*dark brown */
}
/* -----------RAM------------------------------ */
.RAMBox1 {
background-color: #ecebd1;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
color: #5b3f29;
font-weight: bold; 
font-size: 12px;
}

.RAMBox2 {
background-color: #ecebd1;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #5b3f29; 
text-align: center;
}

.RAMBox3 {
background-color: #ecebd1;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #5b3f29;
text-align: left; 
}
.RAMButton1 {
background-color: #ecebdl;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
width: 100px;
color: #849c5a;
text-decoration: none;
float: left;
font-weight: bold;
}
a.RAMButton1:hover {
background-color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #cc9933;
}
.RAMButton2 {
background-color: #ecebdl;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
width: 100px;
color: #849c5a;
text-decoration: none;
float: right;
font-weight: bold;
}
a.RAMButton2:hover {
background-color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #cc9933;
}
.RAMButton3 {
background-color: #ecebdl;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
width: 100px;
color: #849c5a;
text-decoration: none;
font-weight: bold;
}
a.RAMButton3:hover {
background-color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #cc9933;
} 
a.RAM:link {
color: #849c5a;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.RAM:visited {
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #cc9933;
}
a.RAM:hover {
text-decoration: underline;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #cc9933;
}