/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 24px; }
.clear{clear:both;}
.wrap { width: 880px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
a { color: #669247; text-decoration: none; }
a:hover { text-decoration: underline; }

/* BASE */
html { height: 100%; }
body { font-family: "Trebuchet MS",calibri,arial, verdana, helvetica, sans-serif; font-size: 90%; color: #626262; height: 100%; background: url(images/bg.png) #F9F8E7 repeat-x; }

#header { height: 367px; background: url(images/bg-header.png) no-repeat; }
  #hemail { width: 600px; text-align: right; float: right; height: 75px; }
  #logo { width: 200px; height: 200px; float: left; }
   #logo img { width: 200px; height: 175px; }

  #mainmenu { width: 600px; float: right; height: 51px; }
    #mainmenu ul { padding: 0; }
    #mainmenu li { margin: 0 5px 0 0; float: left; list-style: none none; position: relative; }
    #mainmenu li a { height: 36px; display: block; text-decoration: none; }
    #mainmenu li a span{visibility: hidden;}   
    #mainmenu #home, #mainmenu #home a{background: url(images/mainmenu_home.gif) no-repeat; width: 61px;}
    #mainmenu #objectives, #mainmenu #objectives a{background: url(images/mainmenu_objectives.gif) no-repeat; width: 90px;}
    #mainmenu #directory, #mainmenu #directory a{background: url(images/mainmenu_directory.gif) no-repeat; width: 80px;}
    #mainmenu #members-area, #mainmenu #members-area a{background: url(images/mainmenu_members-area.gif) no-repeat; width: 109px;}
    #mainmenu #eco-news, #mainmenu #eco-news a{background: url(images/mainmenu_eco-news.gif) no-repeat; width: 77px;}
    #mainmenu #join-us, #mainmenu #join-us a{background: url(images/mainmenu_join-us.gif) no-repeat; width: 61px;}
    #mainmenu #contact, #mainmenu #contact a{background: url(images/mainmenu_contact.gif) no-repeat; width: 74px; margin:0;}
    
    #mainmenu #home a.active, #mainmenu #home a:hover{background: url(images/mainmenu_home2.gif) no-repeat; width: 61px;}
    #mainmenu #objectives a.active, #mainmenu #objectives a:hover{background: url(images/mainmenu_objectives2.gif) no-repeat; width: 90px;}
    #mainmenu #directory a.active, #mainmenu #directory a:hover{background: url(images/mainmenu_directory2.gif) no-repeat; width: 80px;}
    #mainmenu #members-area a.active, #mainmenu #members-area a:hover{background: url(images/mainmenu_members-area2.gif) no-repeat; width: 109px;}
    #mainmenu #eco-news a.active, #mainmenu #eco-news a:hover{background: url(images/mainmenu_eco-news2.gif) no-repeat; width: 77px;}
    #mainmenu #join-us a.active, #mainmenu #join-us a:hover{background: url(images/mainmenu_join-us2.gif) no-repeat; width: 61px;}
    #mainmenu #contact a.active, #mainmenu #contact a:hover{background: url(images/mainmenu_contact2.gif) no-repeat; width: 74px; margin:0;}

  #headerimg { width: 410px; height: 220px; float: right; }
  #slogan { width: 410px; margin: 3px 0 0 50px; height: 80px; float: left; color: #fff; font-size: 15px; font-weight: bold; }
    #slogan h2 { color: #EBF491; font-size: 20px; margin: 0 0 5px 0; }
    #slogan a { color: #B9DB02; }
  
.rc-home { width: 382px; }
.c-home { width: 382px; }
.rc-all { width: 220px; }
.c-all { width: 540px; }  
#rightcontent { float: right; padding: 0 20px 0 0; margin: -5px 0 0 0;}
  #rightcontent p { line-height: 24px; }
  #rightcontent h3 { border-bottom: 1px solid #E3E3E3; font-family: "Trebuchet MS", Georgia, sans; color: #B05B02; font-size: 145%; font-weight: bold; padding: 0 0 10px 0;  margin: 0 0 10px 0; width: 100%; }
  #rightcontent h3 p{padding: 0; margin: 0;}
    #sidemenu { margin: 60px 0 0 0; }
    #sidemenu ul { list-style: none; margin: 10px 0 0 0; }
    #sidemenu li { list-style: none none; background: url(images/sidemenu.gif) no-repeat; padding: 2px 0 12px 35px;  font-size: 90%; }
      #sidemenu li a { font-weight: bold; }
#content { float: left; padding: 0 0 0 20px; }
  #content ul { padding: 0 0 18px 0; }
  #content ul li { list-style: none none; background: url(images/sidemenu.gif) no-repeat 0px 4px; padding: 0px 5px 5px 35px; }
  #box { width: 220px; color: #000; margin: 0 0 15px 15px; padding: 17px 10px 17px 10px; background: url(images/box-top.png) #DEDEDE no-repeat; float: right; position: relative; }
    #box p { padding: 0; }
    #boxend { width: 240px; background: url(images/box-bottom.png) #DEDEDE no-repeat bottom left; height: 17px; position: absolute; bottom: 0; left: 0; }
h1 { border-bottom: 1px solid #E3E3E3; font-family: "Trebuchet MS", Georgia, sans; color: #B05B02; font-size: 145%; font-weight: bold; padding: 20px 0 10px 0; margin: 0 0 10px 0; width: 100%; }

.tablediv { margin: 0 10px 0 20px; }
table { font-size: 11px; border-bottom: 1px solid #DDE3C7; padding: 0 0 10px 0; }
table p { line-height: 12px; }
.tlogo { width: 160px; vertical-align: top; }
.tlogo img { max-width: 155px; }
.ttext { width: 310px; vertical-align: top; line-height: 14px; } 
.tpic { width: 175px; text-align: center; vertical-align: center; } 
  .tpic img { max-width: 170px; }
.tcontact { width: 160px; vertical-align: top; line-height: 14px; }

#footer { background-color: #989F87; font-size: 11px; color: #fff;  padding: 2px; height: 20px; margin-top: 10px; margin-bottom: 15px; position: relative; }
  #ft { background-color: #F9F8E7; width: 10px; height: 24px; top: 0; left: 0; position: absolute; }
  #footer a { color: #fff; }
  #footer ul { width: 700px; padding: 2px 0 0 15px; list-style: none; }
  #footer ul li { float: left; padding: 0 16px 0 0; } 

.divider
{
padding: 0px;
margin: 0px;
}

/************* contact form ***************************/
form{
	width: 400px;
	margin: 15px 0 40px 0;
	clear: left;
}

#form-left{
	width: 200px;
	float: left;
}

#form-right{
	width: 200px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #666;
	background: #fff;
	width: 180px;
}

textarea{
	width: 380px;
}

#submitdiv input{
	float: right;
	margin: 0 20px 0 0;
	background: #eee;
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}