/* CSS Document */

body {background-image:url(i/pageBG.jpg); background-repeat:repeat-x; background-color:#ddd0a3; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:0.75em; line-height: 150%;}
#container, #container2 {width: 850px; margin-left:auto; margin-right:auto; background-image:url(i/containerBG.gif); background-repeat:repeat-y; background-position: 20px 0px;}
#container2 {margin-top: 5px; padding-top:20px;}

#header {background-color:#7e4400; height:100px; width:800px; background-image:url(i/bLogoBG.gif);}
#banner {background-image: url(i/bannerTop.gif); background-repeat:no-repeat; background-position: 0px 20px;}
#bannerImg {background-image:url(i/bannerMiddle.gif); background-repeat: repeat-y;}
#logo {margin: 16px 85px; border-style:none;}
#tagline {float:right; color:#fff; font-size:2em; margin-right:55px;}

#navHolder {background-color:#614a2f; width:800px; background-image: url(i/navCorner.gif); background-position:top right; background-repeat:no-repeat;}
#navHolder #mainNav {list-style-type:none; width:100%; margin: 0px; padding:0px;}
#navHolder #mainNav ul {list-style-type:none;}
#navHolder #mainNav li {float: left;}
#navHolder #mainNav li a {display:block; background-repeat:repeat-x; background-position:bottom; height:3.5em; color:#fff; text-decoration:none; text-align:center; font-size:1em; font-weight:bold; line-height:2em;}

#navHolder #mainNav li a#who {width:8em; background-image:url(i/navBGs/sustainable.gif); padding-left:6em;}
#what {width:10em; background-image:url(i/navBGs/responsible.gif);}
#new {width:10em; background-image:url(i/navBGs/news.gif);}
#whatsNew {width:10em; background-image:url(i/navBGs/involved.gif);}
#beInformed {width:10em; background-image:url(i/navBGs/forBusiness.gif);}
#contact {width:10em; background-image:url(i/navBGs/informed.gif);}

/* MAIN SITE NAVIGATION */
#navHolder #mainNav li a#who:hover {background-color: #c88a11;}
#navHolder #mainNav li a#what:hover {background-color: #9fce67;}
#navHolder #mainNav li a#new:hover {background-color: #b0953b;}
#navHolder #mainNav li a#whatsNew:hover {background-color: #43718c;}
#navHolder #mainNav li a#contact:hover {background-color: #6e0902;}
#navHolder #mainNav li a#beInformed:hover {background-color: #559ed2;}

/* SUB MENU BACKGROUND COLOUR */
#navHolder #mainNav li ul li a {height: auto; padding: 0.5em; text-align:left; border-top: 1px #fff solid; font-size: 0.9em;}
#navHolder #mainNav li #whoSub li { background-image:url(i/navBGs/whoSubBG.png);}
#navHolder #mainNav li #whoSub li a {text-align: right;}
#navHolder #mainNav li #whatSub li  { background-image:url(i/navBGs/whatSubBG.png);}
#navHolder #mainNav li #newSub li { background-image:url(i/navBGs/whySubBG.png);}
#navHolder #mainNav li #whatsNewSub li { background-image:url(i/navBGs/whatsNewSubBG.png);}
#navHolder #mainNav li #contactSub li { background-image:url(i/navBGs/informedSubBG.png);}
#navHolder #mainNav li #informSub li { background-image:url(i/navBGs/contacts.png);}

/* SUB MENU HOVER */
#navHolder #mainNav li #whoSub li a:hover {background-color:#945100;}
#navHolder #mainNav li #whatSub li a:hover  {background-color:#689b2a;}
#navHolder #mainNav li #newSub li a:hover {background-color:#7a5d00;}
#navHolder #mainNav li #whatsNewSub li a:hover {background-color:#033553;}
#navHolder #mainNav li #contactSub li a:hover {background-color:#430400;}
#navHolder #mainNav li #informSub li a:hover {background-color:#17669f;}

/* BREADCRUMB TRAIL */
#breadCrumb {list-style-type: none; margin:0px; padding:0px; padding-left:75px; font-size: 0.9em;}
#breadCrumb li:first-child {color: #fff;}
#breadCrumb li {display: inline; padding-top: 10px;color: #fff; margin-right: 10px; font-weight:bold;}
#breadCrumb li a {color: #fff; font-weight:normal; text-decoration:none;}
#breadCrumb li a:hover {text-decoration: underline;}
#breadCrumbFooter {height:15px; background-image:url(i/bannerBottom.gif); background-repeat:no-repeat;}

/* MAIN CONTENT LAYOUT */
.mainContent {width:740px; margin-left: auto; margin-right:50px;}
#leftContent {width:60%; float:left;}

#rightContent {width:275px; float:right; background-color:#e8e0c3; background-image:url(i/rightColMain.jpg); background-repeat:repeat-y;}
#rightContent h2 {background-repeat:no-repeat; margin:0px; color:#fff; border-bottom: 3px #fff solid; font-size: 1em; line-height:2em; background-color:#84670b; padding-left:25px;}
#rightContent ul {list-style-type:none; padding:0px; margin:0px;}
#rightContent ul li a {display:block; width:275px; height:100px; background-position: 10px center; background-repeat:no-repeat; color:#5c5437; text-decoration:none; border-bottom: 1px #e8e0c3 solid; border-top: 1px #e8e0c3 solid; font-size:0.9em;}
#rightContent ul li a.textOnly {display:block; width:275px; height:auto; color:#5c5437; text-decoration:none; border-bottom: 1px #e8e0c3 solid; border-top: 1px #e8e0c3 solid; font-size:0.9em;}
#rightContent ul li a span {float: left; margin: 10px 10px 0px 100px;}
#rightContent ul li a.textOnly span {margin: 10px 25px; font-weight:bold; float:none;}
#rightContent ul li a:hover, #rightContent ul li a.selected {/*background-color:#dbd3b6;*/border-bottom: 1px #fff solid; border-top: 1px #fff solid;}

#rightContent ul.clients li {display:block; width:275px; height:120px; background-position: 10px 10px; background-repeat:no-repeat; color:#5c5437; text-decoration:none; border-bottom: 1px #e8e0c3 solid; border-top: 1px #e8e0c3 solid; font-size:0.9em;}
#rightContent ul.clients li:hover /*a:hover*/, #rightContent ul li.selected /*a.selected*/ {/*background-color:#dbd3b6;*/border-bottom: 1px #fff solid; border-top: 1px #fff solid;}
#rightContent ul.clients li div.rightLinks { margin: 10px 0px 0px 100px; }
#rightContent ul.clients li.selected { border-bottom: 1px #fff solid; border-top: 1px #fff solid; }
#rightContent ul.clients li div.rightLinks a {display: inline;}
#rightContent ul.clients li div.rightLinks a.selecteda {text-decoration: underline;}
#rightContent ul.clients li div.rightLinks a:hover {text-decoration: underline; border: none;}
/*.rightBottom {display:block; width:275px; height:30px; background-image:url(i/rightColBottom.jpg); background-position:bottom; background-repeat:no-repeat; border-bottom: 3px #fff solid;}*/

#emailerForm {background-image: url(i/forwardBG.jpg); background-position:bottom left; width: 240px; margin:0px; padding: 10px 0px; float:right; background-color:#ccc4a7; background-repeat:no-repeat; padding: 10px;}

.bottomBrown {border-bottom:1px #614a2f solid;}
#rightContent ul li.rightBottom {display:block; width:275px; height:30px; background-image:url(i/rightColBottom.jpg); background-position:bottom; background-repeat:no-repeat; border-bottom: 3px #fff solid;}

.rssFunctionalHolder {width:780px; margin-left:20px;}
.rssFeed {float:left; width:450px; margin: 15px 0px 0px 0px; overflow:hidden;}
#functional {float: right; display:none; background-repeat:no-repeat; margin-top:15px; text-align:center; padding: 5px 0px; width:275px;}
#print {position: absolute; top: 300px; left: 30%; width:40%; height:300px; margin-left:auto; margin-right: auto; background-image:url(i/printAlertBG.png); display:none;}
#innerPrint {width:90%; height:90%; margin: 2.5% 5%; background-color:#fff; color:#000; border: 1px #ddd solid; background-image:url(i/printAlertBG.jpg); background-repeat:no-repeat; background-position: bottom right;}

#feedbackForm {}
#feedbackForm p { text-align:right; width:85%;}
#feedbackForm label {float:left;}
#feedbackForm input, #feedbackForm textarea {width:250px; border: 1px solid #6E0902; padding:0.5em;}
#feedbackForm textarea {height:80px;}
#feedbackForm #sendFeedback {background-color: #6E0902; color:#fff; font-weight:bold; width:150px;}

/* MISC THINGS SUCH AS SPACERS */
.paddingL20 {padding-left: 20px;}
.cBoth {clear:both;}
.mTop10 {margin-top: 10px;}
.mBottom10 {margin-bottom: 10px;}
.mTop20 {margin-top: 20px;}
.whiteText {color: #fff; text-decoration:none;}
.bgWhite {background-color: #fff;}
.wForward {width:125px;}
.hForward {height: 125px;}
.taRight {text-align: right;}
.flLeft {float:left;}
.b {font-weight:bold;}
a img {border:none;}

#mainNav li ul {position: absolute;	left: -999em; height: auto;	width: 14.4em; w\idth: 13.9em; font-weight: normal; margin: 0; padding:0px;
}

#mainNav li ul li a {font-size: 0.7em;	width: 14.4em; w\idth: 13.9em; padding:0px;}

#mainNav li ul .selected {
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul, #mainNav #fp {
	left: -999em;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul, #mainNav #fp {
	left: auto;
}

#mainNav li:hover, #mainNav li.sfhover {
}

#footer {background-color:#614a2f; width:780px; margin-left:20px; text-align:right; padding: 0.4em 0em;}
#footer #copy {float: left; margin: 0em 0em 0em 0.5em;}
#footer ul {list-style-type:none; margin:0em 0.5em 0em 0em; padding:0em;}
#footer ul li {display: inline;}
#footer a { color:#fff; font-size: 0.8em;}

h1 {line-height:130%; font-size:1.8em; margin-top:0px;}
h2 {font-size: 1.2em; line-height:125%; color:#614a2f;} 
h3 {font-size: 0.95em;}
p, li, blockquote {color:#614a2f;}
.alert {font-size:2em; color:#FF0000; font-weight:bold;}
.quotee {text-align:right;}
.stronger {font-weight:bold;}

/*ZONE COLOURS*/