																												/*
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; }

#green_line{height:7px; width:738px; margin:0 auto;background:#006666;}


#header{ height:107px; width:738px; margin:0 auto;margin-top:0px; text-align:left; background: url(../images/header_image.jpg) no-repeat top center; }
#under_menu{height:17px; width:738px; margin:0 auto;margin-top:93px; text-align:left; background: url(../images/under_menu.jpg) no-repeat top center; }
* html #under_menu{ width:738px; margin-top:0px;margin-left:1px; }

#under_submenu{height:17px; width:738px; margin:0 auto;margin-top:93px; text-align:left; background: url(../images/under_menu.jpg) no-repeat top center; }
* html #under_submenu{ width:738px; margin-top:0px;margin-left:1px; }



#content{ width: 738px; float:left; margin-left:31px; background: url(../images/content_horizontal_bg.jpg) no-repeat top left; }
* html #content{ background: url(../images/content_horizontal_bg_ie.jpg) no-repeat top left; }
* html #content {width:739px; margin-left:15px;} /* for stupid IE */
#left{ width:720px; float:left; text-align:left; padding-top:10px; }
* html #left{ width:710px; }


#left_smaller{ width:500px; float:left; text-align:left; padding-top:10px; }
* html #left_smaller{ width:490px; }


#right{ width:190px; float:left;margin-top:50px;margin-left:30px;}


#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-left:15px; }
p{ line-height: 20px; }
h1{ font: 22px Georgia, serif; font-style:italic; color:#066; }

h3{ font: 18px Georgia, serif; font-style:italic; color:#066;}
* html h3{padding-top:20px; }
.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{text-align:left; }
.links ul{ margin:0;  list-style:disc; margin-left:0px; margin-top:16px;}
.links li{ margin-bottom:2px; margin-right:5px;margin-left:-15px;}
* html .links li{ margin-bottom:2px;margin-left:30px; margin-right:5px; }
.links li.last{ margin-bottom:0; }
.links a,
.links a:link,
.links a:visited{ text-decoration:none; color:#c00; }
.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; }

/*LEFT smaller*/
#left_smaller a{ color:#c00; }

p.top{ text-align: right; }
p.top a{ color:#9D9D9D !important; }
#left_smaller h2{ font:16px Georgia, serif; color:#000066; }
#left_smaller dt{ color:#3F4368; font-weight:bold; font-size:14px; }
#left_smaller address{ margin-left:56px; margin-bottom:10px; }
#left_smaller ul{ list-style-image:url(../images/tick.ico); }
#left_smaller 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; }

/*____________________new code________________________________________________________________________________*/

.news{ background:url(../images/newsbox3.gif) no-repeat top left; text-align:center;width:173px;height:233px;margin-top:20px;padding-left:5px;padding-right:5px;}

.news h3{ text-align:center;padding-top:7px;}



#menu_green{width:738px;float:left;background: #006666;text-align:left;font-family:trebuchet;font-size:14px;color:#fff;margin-top:51px;height:22px;}
#menu_green a{color:#fff;text-decoration: none;line-height:22px;padding-left:11px;padding-right:10px;}
#menu_green a:hover{color:#000;line-height:22px;padding-left:10px;padding-right:11px;text-decoration: underline;}
#menu_green_clicked{font-weight:bold;color:#fff;text-decoration: none;line-height:22px;padding-left:11px;padding-right:10px;}

#submenu_green{width:738px;float:left;background: #0e7f7f;text-align:center;height:20px;font-family:trebuchet;font-size:13px;color:#fff;}
#submenu_green a{font-family:trebuchet;font-size:13px;color:#fff;text-decoration: none;line-height:20px;padding-left:22px;padding-right:22px;}
#submenu_green a:hover{font-family:trebuchet;font-size:13px;color:#000;line-height:20px;padding-left:22px;padding-right:22px;text-decoration: underline;}
#submenu_green_clicked{font-weight:bold;font-family:trebuchet;font-size:13px;color:#fff;text-decoration: none;line-height:20px;padding-left:22px;padding-right:22px;}

* html #menu_green{width:739px;font-size:13px;}
* html #submenu_green{width:739px;font-size:11px;}













