/*
CSS definitions by Stefan Isarie
http://www.isarie.com/
FOR ALBION ENVIRONMENTAL
august 2005

FORMAT LAYOUT
																												*/
html, body{ margin:0; padding:0; font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; background-color:#DCE2DC; text-align:center; }
#page_wrapper{ margin:0 auto; width: 800px; text-align:center; }
#top{ height:57px; width:800px; background: url(../images/header_bg.gif) no-repeat bottom center; text-align:left; margin:0 auto; }
#content_wrapper{ width:800px; float:left; text-align: center; background: url(../images/content_vertical_bg.gif) repeat-y top center; }
#header{ height:174px; width:740px; margin:0 auto; text-align:left; background: url(../forum/images/header_image_forum.jpg) no-repeat top center; }
#content{ width: 738px; float:left; margin-left:30px;  }
* html #content{ margin-left:30px; }
* html #content {width:725px; margin-left:25px;} /* for stupid IE 7*/

#left{ width:556px; float:left; text-align:left; padding-top:40px; }
* html #left{ width:555px; }
#right{ width:182px; float:left; text-align:center; }
#footer{ height: 70px; width:800px; text-align:center; background: url(../images/footer_bg.gif) no-repeat top center; float:left; padding-top:26px; }
																												/*
FORMAT PAGE'S ELEMENTS
																												*/
img{ border:0; }
.inside{ padding:12px; }
p{ line-height: 20px; }
h1{ font: 22px Georgia, serif; font-style:italic; color:#066; }
.clear{ clear:both; }
																												
/*TOP'S ELEMENTS*/
#img{ width:396px; float:left; margin-left:30px; }
* html #img{margin-left:15px;}
#navigator{ width:344px; text-align:right; float:left; }
#navigator ul{ margin:24px 0 0 0; padding:0; list-style:none; float:right; }
#navigator li{ margin:0; padding:0 8px; float:left; }
#navigator a,
#navigator a:link,
#navigator a:visited{ padding-left: 16px; text-decoration: none; color:#40516C; }
#navigator a:hover,
#navigator a:active{ color:#CC0000; }
#navigator a.home{ background: url(../images/navigator_home.gif) no-repeat left center; }
#navigator a.news{ background: url(../images/navigator_news.gif) no-repeat left center; }
#navigator a.links{ background: url(../images/navigator_links.gif) no-repeat left center; }
#navigator a.contact{ background: url(../images/navigator_contact.gif) no-repeat left center; }

/*CONTENT WRAPPER ELEMENTS*/
/*RIGHT*/
#links{ background:url(../images/right_bg.gif) repeat-y top right; text-align:left; }
#links ul{ margin:0; padding:0; list-style:none; margin-left:12px; margin-top:16px;}
#links li{ margin-bottom:4px; }
* html #links li{ margin:0; }
#links li.last{ margin-bottom:0; }
#links a,
#links a:link,
#links a:visited{ text-decoration:none; color:#c00; background:url(../images/bullet.gif) no-repeat top left; padding-left:20px; display:block; }
#links a:hover,
#links a:active{ color:#495081; text-decoration:underline; }

/*LEFT*/
#left a{ color:#c00; }

p.top{ text-align: right; }
p.top a{ color:#9D9D9D !important; }
#left h2{ font:16px Georgia, serif; color:#000066; }

#left dt{ color:#3F4368; font-weight:bold; font-size:14px; }

#left address{ margin-left:56px; margin-bottom:10px; }

#left ul{ list-style-image:url(../images/tick.ico); }
#left ul li{ padding-left: 6px; }

/*FOOTER*/
#footer h2{ font-size:16px; color:#565; margin:0; }
#footer img{ padding: 6px; }
#footer a{ color:#154A8E; text-decoration:none; }
#footer p{ margin:0; }

																													/*
http://www.waste-awareness.co.uk/ ELEMENTS
																													*/
#presentation{ margin: 0 12px; float:right; padding:2px; border:1px solid #666; }