body{margin:0;padding:0; text-align:center; font: 0.75em   Arial,Verdana, Sans-Serif;background:#C1E0F2 url(../images/sky.jpg) left top no-repeat;}


#wrap{width:780px; margin:20px auto; text-align:left;position:relative;padding:1px;}

#logo{position:absolute;top:0px;left:10px; position:relative; float:left;margin:0; text-indent: 0em;} 
#logo span{width:350px; height:104px; background: transparent url(../images/logo_main.png) no-repeat;position: absolute;top:0px;cursor:hand;
	}
	
#logo a{letter-spacing:-5000px}	


#economypage #logo span{background: url(../images/logo_economy.png) no-repeat; width: 350px; display: block;}

#enviropage #logo span{background: url(../images/logo_enviroment.png) no-repeat;}
#socpage #logo span{background: url(../images/logo_society.png) no-repeat;}

#advert{float:right;border:1px solid #000; margin:10px 30px 10px 0}


/* Top Navigation */
#topnav{margin:10px 18px 0 15px;list-style:none;padding:10px 0 0 0;clear:both}
#topnav .left{float:left}
#topnav .right{float:right}
#topnav ul{padding:3px 0 16px 0; background:url(../images/navbg.gif) repeat-x;margin:0 10px 0 10px;list-style:none;height:32px;}

.ir { letter-spacing : -1000em; }
/* Be nice to Opera, but hide from MacIE. */
/*\*/html>body .ir { letter-spacing : normal; text-indent : -999em; }

#topnav li{margin:0;padding:0px;float:left; }

#topnav li#companies-l {background: url(../images/companies.gif) no-repeat;}
#topnav li#sustainability-l {background: url(../images/sustainability.gif) no-repeat;}
#topnav li#individuals-l {background: url(../images/individuals.gif) no-repeat;}
#topnav li#aboutus-l {background: url(../images/about.gif) no-repeat;}
#topnav li#contactus-l {background: url(../images/contact.gif) no-repeat;}
#topnav li#forum-l {background: url(../images/forum.gif) no-repeat;}

#topnav a {display:block; height:36px; color:#000; overflow:hidden; text-decoration:none; text-indent:-5000px;margin-right:5px}

/*\*/html>body topnav ul{ letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* hack for older versions of IE with incorrect box model */

#companies  {width: 190px;height:36px;}
#individuals, #aboutus {width: 97px;height:36px;}
#contactus {width: 74px;height:36px;}
#sustainability{width: 159px;height:36px;}
#forum{width: 74px;height:36px;}
#topnav a#companies {background:transparent url(../images/companies1.gif) -999px -999px no-repeat;}
#topnav a#sustainability{background:transparent url(../images/sustainability1.gif) -999px -999px no-repeat;}
#topnav a#individuals{background:transparent url(../images/individuals1.gif) -999px -999px no-repeat;}
#topnav a#aboutus{background:transparent url(../images/about1.gif) -999px -999px no-repeat;}
#topnav a#contactus{background:transparent url(../images/contact1.gif) -999px -999px no-repeat;}
#topnav a#forum{background:transparent url(../images/forum1.gif) -999px -999px no-repeat;margin-right:0px}


#topnav a#companies:hover, #topnav a#sustainability:hover, #topnav a#individuals:hover, #topnav a#aboutus:hover, #topnav a#contactus:hover, #topnav a#forum:hover   {background-position:0 0; z-index:50;}



/* End of Top Navigation */

/* Home Boxes */

.homebox{float:left; width:365px; background: url(../images/boxb.gif) left bottom no-repeat; margin:0 5px 0 12px;padding-bottom:25px}
.homebox  .boxhead{ background: url(../images/box.gif) left top no-repeat; padding:13px 13px 0 9px;}
.homebox .content{background:url(../images/bluegrad.jpg) left top repeat-x;padding:10px 17px 10px 20px;margin:0;line-height:1.4em}
#wrap .homebox #green{background:url(../images/greengrad.jpg) left top repeat-x;}
.homebox  .content p{margin-top:0}
.homebox  .toppic{margin:0 0 0px 0;padding:0;display:inline}

#individualh {width: 285px;height: 30px;background: url(../images/individual-h.gif) no-repeat;margin:0;padding:0px 0 0px 0}
#companyh {width: 285px;height: 30px;background: url(../images/company-h.gif) no-repeat;margin:0;padding:0px 0 0px 0}
#individualh span, #companyh span {display: block;width: 0;height: 0;overflow: hidden;}

/* End of Home Boxes */


/* Side Navigation */
#sidenav{width:152px;float:left;margin:0 0px 0 15px;text-align:center}
#sidenav img{border:0}
#sidenav ul{padding:0; margin:0 ;list-style:none;text-align:left}

#sidenav li{margin:0;padding:0px;}

#sidenav li#ind-l {background: url(../images/ind.gif) no-repeat; height:29px}
#sidenav li#eco-l {background: url(../images/eco.gif) no-repeat; }
#sidenav li#enviro-l {background: url(../images/env.gif) no-repeat; }
#sidenav li#soc-l {background: url(../images/soc.gif) no-repeat; }

#sidenav a#ind-b {background:transparent url(../images/ind1.gif) -999px -999px no-repeat;height:29px}
#sidenav a#eco-b {background:transparent url(../images/eco1.gif) -999px -999px no-repeat;height:27px}
#sidenav a#enviro-b {background:transparent url(../images/env1.gif) -999px -999px no-repeat;height:27px}
#sidenav a#soc-b {background:transparent url(../images/soc1.gif) -999px -999px no-repeat;height:26px}

#sidenav a#ind-b:hover {background-position:0 0; z-index:50;}
#sidenav a#eco-b:hover {background-position:0 0; z-index:50;}
#sidenav a#enviro-b:hover {background-position:0 0; z-index:50;}
#sidenav a#soc-b:hover {background-position:0 0; z-index:50;}

#sidenav ul a {display:block; color:#000; overflow:hidden; text-decoration:none; text-indent:-5000px}

#sidenav .subnav{letter-spacing : normal;text-indent:0}
#sidenav .subnav a {display:block; color:#000; text-decoration:none; padding:3px 0 3px 25px;text-indent:0}
#sidenav .subnav li{ background:#ECE6D8; margin-right:1px; border-right:1px solid #8F8570; border-bottom:1px solid #E4D6BA;font-size:0.9em}
#sidenav .subnav a:hover {color:#000;background:#E3D4B7; }

#sidenav .subnav ul{background:#CAB998}
#sidenav .subnav ul li { font-size:1em; border:0;background:#E6DAC3}
#sidenav .subnav ul li {padding-left:10px}

#aboutmain #sidenav ul a{text-indent:0}
#aboutmain #sidenav li#about-l {background: url(../images/aboutush.gif) no-repeat; height:28px;border-right:0;}
#aboutmain #sidenav li#about-l a{padding:0}
#aboutmain #sidenav a#about-b {background:transparent url(../images/aboutush1.gif) -999px -999px no-repeat;height:28px; text-indent:-5000px}
#aboutmain #sidenav a#about-b:hover {background-position:0 0; z-index:50;}

#aboutmain #sidenav ul a {display:block; color:#000; text-decoration:none; padding:3px 0 3px 25px;text-indent:0}
#aboutmain .subnav li, #aboutmain #sidenav li{ background:#ECE6D8; margin-right:1px; border-right:1px solid #8F8570; border-bottom:1px solid #E4D6BA;font-size:0.9em}
#aboutmain #sidenav li a:hover {color:#000;background:#E3D4B7; }


/*  End of Side Navigation */


/* Main Content Box */

#content{width:570px; margin:0 0 0 180px;padding:1px 0 0 0;}
#content h1{font:1.8em "Trebuchet MS", Arial, Verdana, Sans-Serif;color:#79C221; margin:20px 0 0 0}
#content h2{font:1.4em "Trebuchet MS", Arial, Verdana, Sans-Serif;margin:10px 0 0 0}
#content #inner{margin:10px 0 0 0;background:url(../images/box-tile.gif) repeat-y;}
#content #text{padding:10px 20px 20px 30px;margin:0 3px 0 1px}

#download{margin:0 auto; background: url(../images/downloadbox.jpg) no-repeat; width:443px; height:101px;color:#000; }
#download h2{margin:0px 20px 0 100px; padding:30px 0 0 0;font-size:1.0em}
#download a{text-decoration:none;color:#79C221;font:1.6em Verdana, Arial, Sans-serif;}
#download a:hover{color:#000}
#sections{background:#4B8DC9; font:bold 1.0em/1.3em Verdana, Arial, Sans-Serif;color:#fff;padding:0px 0 0px 30px;margin:0 3px 0 1px; overflow:hidden; height:1%}
#sections h2{margin:0}
#sections #needhelp {width:249px;height:47px; background: url(../images/need-help.gif) no-repeat;margin-top:20px}
#sections #needhelp span {display: block;width: 0;height: 0;overflow: hidden;}

#buttons{width:245px;float:right;margin:0 0 0 30px;color:#000; font:0.9em Arial, Helvetica, sans-serif; }
#buttons p{margin:5px 0 0px 0; padding-bottom:21px}
#buttons h3{margin:0;padding:10px 0 0px 0}
#buttons a{text-indent:-5000px}
#society{background:#DE96DA url(../images/soc-button.jpg) 0px 0px no-repeat;padding: 0 10px 0 80px}
#society h3{width:90px; height:23px; letter-spacing:-999em;padding:10px 0 0px 0}
#society a{background: url(../images/society-h.gif) no-repeat;height:23px;display:block}
#society a:hover{background:url(../images/society-h1.gif) no-repeat}

#enviroment{background:#BAE59F url(../images/env-button.jpg) 0px 0px no-repeat;padding: 0 10px 0 80px}
#enviroment h3{width:139px; height:17px; letter-spacing:-999em;padding:8px 0 0px 0}
#enviroment h3 a{background: url(../images/enviro-h.gif) no-repeat;height:17px;display:block}
#enviroment h3 a:hover{background:url(../images/enviro-h1.gif) no-repeat}
#enviroment p{padding-bottom:4px}

#economy{background:#F5C655 url(../images/econ-button.jpg) 0px 0px no-repeat;padding: 0 10px 0 80px}
#economy p{padding-bottom:10px;margin-bottom:0}
#economy h3{width:139px; height:17px; letter-spacing:-999em;padding:15px 0 0px 0}
#economy h3 a{background: url(../images/eco-h.gif) no-repeat;height:17px;display:block}
#economy h3 a:hover{background:url(../images/eco-h1.gif) no-repeat}

#words a:hover{text-decoration:none}
#words{line-height:1.5em}
#words ul{list-style:none}
#words li{padding:2px 0 2px 18px; background: url(../images/blt.gif) 0 3px no-repeat}
#words ol#simple li {background: url(../images/blank.gif);}
/* End of Main Content Box */


/* Tooltips */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:left}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../images/bt.gif) no-repeat bottom}

/* Tooltips */

#bottombox{margin:0;padding:0;float:left}
#footer, #mainfooter{clear:both; text-align:right;padding-top:10px; color:#333333; font-size:0.95em;margin-right:80px}
#footer div{margin-right: 180px;}
#mainfooter{text-align: center; margin:auto;}
#footer a{color:#000}
 #mainfooter a{color:#000}

/* Contact Form */
#formbox{ }

#formbox label{width:150px; }
#formbox p{clear:both;}
#formbox input{}