/* 3COL-Layout Dollar Lanai  */

body {
background:#6b6836 url(images/body_top.jpg) 0 0 repeat-x;
color:#333;
}

/* ---------- container centers the layout -------------- */
#container {
width:900px;
margin:0 auto;
padding:0;
background:#dfd9cd url(images/content_bg.jpg) 0 0 repeat-x;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#333;
line-height:0.5cm;
border:1px solid #ddcc8c;/*yellow*/
}

/* ---------- masthead -------------- */
#masthead {
margin:0;
padding:0;
}

/*----------- navigation in masthead ------------*/
#globalNav ul{
padding:0;
margin:6px 0 0 0;
background-color:#b2a882;
float:left;
width:100%;
}
#globalNav a{ 
display:block; 
}
#globalNav ul li{ 
display:inline;
}
#globalNav ul li a{
padding:0.5em 1.9em;
text-decoration:none;
color:#333;
float:left;
}
#globalNav ul li a:link{
font-weight:bold;
}
#globalNav ul li a:visited{
font-weight:bold;
}
#globalNav ul li a:hover{
background-color:#663; /*#93b5c9; LIGHTBLUE*/
color:#fff;
font-weight:bold;
}
#globalNav ul li a:active {
background-color:#663; /*#93b5c9; LIGHTBLUE*/
color:#fff; 
}

/* ----------------- content --------------------- */
#content {
min-height:600px;
padding:0; /*this pushes the text into position*/
margin:0 16em;
}
/* ----------------- text --------------------- */
a:link{color:#660; /*olive*/ text-decoration:underline;}
a:visited{color:#660; /*olive*/ text-decoration:underline;}
a:hover{color:#AE4410; /*rust*/ text-decoration:underline;}
a:active{color:#AE4410; /*rust*/ text-decoration:underline;}

h1{
margin:0;
padding:5px 0 10px 0;
font:bold 13px Georgia, "Times New Roman", Times, serif;
letter-spacing:2px;
text-transform:uppercase;
color:#334d55;
}
h2{
margin:0;
padding:5px 0 0 0;
}
h3{
margin:0;
padding:10px 0 0 0;
font:bold 11px Georgia, "Times New Roman", Times, serif;
letter-spacing:2px;
line-height:0.4cm;
text-transform:uppercase;
}
p{
margin:0;
padding:0 0 5px 0;
}
.feature{
padding:0 0 10px 20px;
}
.feature h1{
padding:10px 0 5px 0;
}
.feature h2{
font:bold 14px, "Times New Roman", Times, serif;
color:#660; /*olive*/
margin:0;
padding:8px 0 0 0;
}
.feature h3{
margin:5px 0 0 0;
padding:0;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
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:#7d674c; /*brown*/
}
.left img{
float:left;
padding:10px 20px 0 0;
}
.gridhead{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#366; 
background-color:#bfb8ae;/*darker beige*/
padding:2px;
}
.gridlow{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#366; 
background-color:#e0d9cf;/*same as backgrd color*/
padding:2px;
}
.gridhigh{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#366; 
background-color:#ede6e0;/*lighter beige*/
padding:2px;
}
/* --------------left navigavtion------------- */
#left {
float:left;
width:15em;
margin:60px 0;
padding:20px 0 0 0;
color:#333;
}
#left ul{
list-style-type:none ;
padding:0 0 0 20px;
margin:0;
}
#left ul.borderbottom{
border-bottom:1px solid #333;
padding:0 0 10px 10px;
}
#left li a {
font-size:1.3em;
text-decoration:none; 
}
#left li{
margin:0;
padding:0 0 4px 0;
}
/* --------------right navigavtion------------- */
#right {
float:right;
width:15em; /*use -15em if right column is needed */
margin:20px 0;
padding:0;
color:#333;
}
/* -----------footer--------------------------- */
#footer{
clear:both;
margin:0;
padding:0;
background-color:#033;
border-top:1px solid #ddcc8c; /*yellow*/
border-right:0;
border-bottom:2px solid #ebbb06;/*orange*/
border-left:0;
font-size:9px;
color:#fff;
text-align:center;
}
#footer a:link{color:#fff; /*white*/ text-decoration:underline;}
#footer a:visited{color:#fff; /*white*/ text-decoration:underline;}
#footer a:hover{color:#fff; /*white*/ text-decoration:underline;}
#footer a:active{color:#fff; /*white*/ text-decoration:underline;}