/***************************************************
HTML Element Styles
***************************************************/
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html,body {margin:0;padding:0}
body {
margin: 0;  
text-align: center;
font: 0.62em verdana, arial, sans-serif;  
line-height: 170%;
color: #EEE;
background-color: #6F6E6E;
}/* centre for ie5.+*/

#outer{
min-height:100%;
height:auto;
width:770px;
border-left:1px solid #86E05C;
border-right:1px solid #86E05C;
margin-left:auto;/* center it*/
margin-right:auto;/* center it*/
position:relative;
text-align:left;
background-color: #9A9A9A;
}
* html #outer{
height:100%;
width:768px;/* box model hack for ie5.+*/
width:766px
}
#myfooter 
{
width:100%;
position:absolute;
bottom:0;
left:0;
height:20px;
background-color: #86E160;
color: #000000;
}
#myfootertext
{
margin-left : 0.5em;
margin-right : 0.5em;
vertical-align:middle;
}
#myfooterimg
{
	clear:both;
margin-left : 0.5em;
margin-top: 0.5em;
}

#clearmyfooter{clear:both;height:20px;width:100%;}  


#banner_spacer
{
position: fixed;
width: 770px;	
height: 30px !important;
height: 20px;
background: #86E160 no-repeat  bottom center; 
position: static !important;
}

a.bottom
{
color:Black;
text-decoration:none;
}
a {
color: #86E160;
}


a:hover {
color: #FFF;
}

acronym {
cursor: help;
border-bottom: 1px solid #777;
}

input {
width: 70%;
}

textarea {
width: 98%;
/* 
IE specific to eliminate scroll bar when not needed. 
Uncomment if wanted, but it is not valid CSS
 
scrollbar-3dlight-color : #777;
scrollbar-arrow-color : #EEE;
scrollbar-darkshadow-color : #777;
scrollbar-face-color : #777;
scrollbar-highlight-color : #777;
scrollbar-shadow-color : #777;i
scrollbar-track-color : #777;    
*/
}

input,
textarea {
padding: 1px 3px;
margin: 5px 0;
font: 1em verdana, arial, sans-serif;
color: #EEE;
background-color: #777;
border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
color: #FFF;
background-color: #999;
border: 1px solid #EEE;
}



h1 {
clear: both;
margin: 10px 0;
font: 700 1em verdana, sans-serif;
text-transform: uppercase;
color: #7BD32C;
background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
}

h1 span 
{
font: 12px verdana, arial, sans-serif; 
font-weight: bold;
display: block;
padding: 2px;
background: url(../images/rounded_br.gif) no-repeat bottom right;
}

#inwestition1
{
font-size: .9em;
float: left;
color:  #006938; 
background-image: url(../images/inw1.jpg);
width:241px;
height: 153px;
}
#inwestition2
{
font-size: .9em;
float: left;
color:  #006938; 
background-image: url(../images/inw2.jpg);
width:241px;
height: 153px;
}
#inwestition3
{
font-size: .9em;
float: left;
color:  #006938; 
background-image: url(../images/inw3.jpg);
width:241px;
height: 153px;
}

.inw_desc
{	 
font: 12px verdana, arial, sans-serif; 
padding-left: 3px;
padding-right: 3px;
vertical-align:top;
}

.inw_img
{

font-size: 12px;
padding-left: 3;
padding-right: 3;
vertical-align:top;
width: 241px;	
}
#inwestition_desc
{	 
font-size: .9em;
margin-left: 0.5em;
float: left;
}
#sideBar h1 {
text-align: right;
background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

#sideBar h1 span {
display: block;
padding: 2px;
text-align:center;
background: url(../images/rounded_bl.gif) no-repeat bottom left;
}


#content ol li { 
color: #9BE4FF;
}

#content ol li span {
color: #EEE;
}

#content ul {
padding-bottom: 10px;
}

#content ul li {
list-style-image: url(../images/li_bullet.gif);
}

blockquote {  
margin: 0;
background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
} 

blockquote span {
display: block;
padding: 5px;
background: url(../images/rounded_br.gif) no-repeat bottom right;
}

/***************************************************
Layout Element Styles
***************************************************/



#banner 
{
width: 769px;
background: #585858 url(../images/bg_header.jpg) repeat-y top center;  

}
#header {  
width: 770px;
height: 33px;
margin: 0 auto;
background: #86E160; 
}

/***************************************************
Header Menu
***************************************************/

#menu 
{
font-size: 11px;
width: 767px;
margin: 0 auto;
text-align: left;  
}

#menu ul {
margin: 0;
padding: 0;
line-height: normal;  
}

#menu ul li {
display: inline;
float: left;
padding-top: 0.8em;  
list-style: none;
text-align: center;
}

#menu ul li a {
display: block;
text-decoration: none;
text-transform: uppercase;
padding-bottom: 1.0em;
color: #006938;
font-weight: bold;
}

#menu ul li a:hover,
#menu ul li a.active {
font-weight: bold;
color: white;
background: url(../images/menu_tab.gif) no-repeat bottom center;
}


#bottommenu 
{
width: 275px !important;
width: 290px;
font-size: 12px;
float: left;
color:  #006938; 
}

#bottommenu a {
display: inline;
text-decoration: none;
padding-bottom: 1.0em;
color:  #006938;
text-decoration:none;
}

#bottommenu a:hover,
#bottommenu a.active {
color: white;
}

/***************************************************
Header topmenu
***************************************************/

table.price
{
font: 11px verdana, arial, sans-serif;  	
border: solid 1px #86E160;  
}
table.price td
{
border-bottom: solid 1px #86E160;
vertical-align:top;
text-align: center;	
font: 11px verdana, arial, sans-serif;  	
}
td.img_header
{
font: 12px verdana, arial, sans-serif; 
}

td.priceheader
{
text-align:center;
}
#internalmenu 
{
width: 580px !important;
width: 570px;
font-size: 12px;
float: left;
color:  #006938; 
}

#internalmenu a {
display: inline;
text-decoration: none;
padding-bottom: 1.0em;
color:  #006938;
text-decoration:none;
}

#internalmenu a:hover,
#internalmenu a.active {
color: white;
}


#topmenu {
font-size: .9em;
float: left;
margin-left: 0.5em;
color:  #006938; 
bottom:0;
padding:  10px 0.5em 0 0;	
}

#topmenu a {
display: inline;
text-decoration: none;
padding-bottom: 1.0em;
color:  #006938;
text-decoration:none;
}

#topmenu a:hover,
#topmenu a.active {
color: white;
}


/***************************************************
Site Title
***************************************************/

#favorites 
{

padding: 0em 55px 0.1em 0;
}

#title {
margin-right: 0.5em;
float: right;
padding:  10px 0px 0.1em 0;
}

#title h1 {
display: inline;
color:  #222;
background-color: #86E160;
background-image: none;
}


/***************************************************
Page Content
---------------------------------------------------
1. Left side text
2. Dropdown image
3. Right side bar 
***************************************************/


#content {  
clear: both;
width: 770px;
margin: 0 auto;
text-align: left;
min-height:610px;
height:100%;
background : url(../images/plants1.jpg) no-repeat top right;
}

#text 
{
clear: both;
font: 12px verdana, arial, sans-serif; 
width: 570px !important;
width: 600px;
padding: 10px 5px 20px 20px !important;
padding: 20px 5px 20px 20px;
}

#image 
{
float: right;
width: 170px;  
vertical-align: top;
}


#sideBar 
{		
float: left;
width: 145px !important;
width: 160px;
padding: 10px 15px 20px 0 !important;
padding: 20px 15px 20px 0;
}

.sideMenu {

}

.sideMenu a {
display: block;
text-align: center;
text-decoration: none;
margin-bottom: 1px;  
}

.sideMenu a span {
display: block;
padding: 1px;
}

.sideMenu a:hover {
background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

.sideMenu a:hover span {
background: url(../images/rounded_bl.gif) no-repeat bottom left;
}

/***************************************************
Comment Styles
***************************************************/

#comments p {
padding: 0 5px;
margin-bottom: 0;
background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

#comments p span.author {
display: block;
margin-top: 5px;
text-align: right;
font-weight: 700;
}

#comments img {
margin-top: -1px;
}

#comments a {
color: #7BD32C;
}

#comments a:visited {
color: #AAA;
}

#comments a:hover {
color: #FFF;
}

/***************************************************
Footer
***************************************************/

#footer {
clear: both;
float: left;
width: 500px;
padding: 10px 20px;
color: #888;
text-align:center;
}

#footer p {
padding-top: 0 !important;
padding-top: 10px;
}

#footer a {
color: #888;
}

#footer a:hover {
color: #EEE;
}

a.fullAhead {
float: left;
width: 30px;
height: 34px;  
margin-right: 10px;
background: url(../images/logo_fullahead.gif) no-repeat 0 0;
}

a:hover.fullAhead  {
background-position: -30px 0;
}

a
{
	color: Red;

}
a.link {
text-decoration: none;
color: Red;
}

a:hover.link  
{
color:Black;
}

/***************************************************
Generic Display Classes
***************************************************/

.center {
text-align: center;
}

.noPad {
padding: 0;
margin: 0;
}

.left {
float: left;
}

.right {
float: right;
}

img.left {
padding: 5px 5px 5px 0;
}

img.right {
padding: 5px 0 5px 5px;
}

.button {
width: auto;
cursor: pointer;
}

.date {
display: block;
font-weight: 700;
}

img.real
{ 
border: 1px solid #6FEF42; 
}