/* --------------------------- BASIC ELEMENTS --------------------------- */

body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
	background: #000;
	margin: 10px;
	text-align: left;
	}

p { 
	color: #333;
	padding: 0px;
	margin: 0px;
	margin-bottom: 12px;
	}

h1 {
	padding: 0px;
	font-weight: normal;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	padding: 0px;
	margin: 0px;
	}
	
h3 { 
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

h4 {
	color: #333;
	padding: 0px;
	margin: 0px;
	}
	
h6 {
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	}
	
a:link, a:visited { 
	text-decoration: none;
	color:#666;
	}

a:hover, a:active {
	text-decoration: underline;
	color: #C02A26;
}

/* --------------------------- DAVID --------------------------- */


.submenu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	padding-left: 10px;
}
.submenu p {
	padding-left: 8px;
	color: #EED034;
}
.menuBkgd {
	color: #FCDB17;
}

.chartDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EED034;
	text-align: left;
	font-weight: bold;
}

.chartItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #EED034;
	text-align: left;
}

.contactHD {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.contact {
	font-size: 12px;
	font-style: normal;
	text-align: left;
	color: #000;
	margin: 20px;
}

.cases-explanation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: 333;
	padding-right: 5px;
}
.color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: 333;
}


/* --------------------------- NAVIGATION --------------------------- */

#nav {
	position: relative;
	float:left;
	height: 40px;
	padding: 0px;
	}

#nav ul {
	list-style: none;
	display: inline;
	padding: 0px;
	}

#nav li {
	display: inline;
	padding: 0px;
	}
	
.nav01 { float: left; width: 89px; height: 40px; background: url(/images/nav01.gif) no-repeat 0 0px; }
a.nav01:link { background: url(/images/nav01.gif) no-repeat 0 0px; }
a.nav01:hover { background: url(/images/nav01.gif) no-repeat 0 -40px; }

.nav02 { float: left; width: 87px; height: 40px; background: url(/images/nav02.gif) no-repeat 0 0px; }
a.nav02:link { background: url(/images/nav02.gif) no-repeat 0 0px; }
a.nav02:hover { background: url(/images/nav02.gif) no-repeat 0 -40px; }

.nav03 { float: left; width: 88px; height: 40px; background: url(/images/nav03.gif) no-repeat 0 0px; }
a.nav03:link { background: url(/images/nav03.gif) no-repeat 0 0px; }
a.nav03:hover { background: url(/images/nav03.gif) no-repeat 0 -40px; }

.nav04 { float: left; width: 88px; height: 40px; background: url(/images/nav04.gif) no-repeat 0 0px; }
a.nav04:link { background: url(/images/nav04.gif) no-repeat 0 0px; }
a.nav04:hover { background: url(/images/nav04.gif) no-repeat 0 -40px; }

.nav05 { float: left; width: 88px; height: 40px; background: url(/images/nav05.gif) no-repeat 0 0px; }
a.nav05:link { background: url(/images/nav05.gif) no-repeat 0 0px; }
a.nav05:hover { background: url(/images/nav05.gif) no-repeat 0 -40px; }

.nav06 { float: left; width: 84px; height: 40px; background: url(/images/nav06.gif) no-repeat 0 0px; }
a.nav06:link { background: url(/images/nav06.gif) no-repeat 0 0px; }
a.nav06:hover { background: url(/images/nav06.gif) no-repeat 0 -40px; }

.nav07 { float: left; width: 83px; height: 40px; background: url(/images/nav07.gif) no-repeat 0 0px; }
a.nav07:link { background: url(/images/nav07.gif) no-repeat 0 0px; }
a.nav07:hover { background: url(/images/nav07.gif) no-repeat 0 -40px; }

.nav08 { float: left; width: 90px; height: 40px; background: url(/images/nav08.gif) no-repeat 0 0px; }
a.nav08:link { background: url(/images/nav08.gif) no-repeat 0 0px; }
a.nav08:hover { background: url(/images/nav08.gif) no-repeat 0 -40px; }

.nav09 { float: left; width: 98px; height: 40px; background: url(/images/nav09.gif) no-repeat 0 0px; }
a.nav09:link { background: url(/images/nav09.gif) no-repeat 0 0px; }
a.nav09:hover { background: url(/images/nav09.gif) no-repeat 0 -40px; }

.nav10 { float: left; width: 85px; height: 40px; background: url(/images/nav10.gif) no-repeat 0 0px; }
a.nav10:link { background: url(/images/nav10.gif) no-repeat 0 0px; }
a.nav10:hover { background: url(/images/nav10.gif) no-repeat 0 -40px; }

.nav11 { float: left; width: 126px; height: 40px; background: url(../images/nav/nav11.gif) no-repeat 0 0px; }
a.nav11:link { background: url(../images/nav/nav11.gif) no-repeat 0 0px; }
a.nav11:hover { background: url(../images/nav/nav11.gif) no-repeat 0 -40px; }

.nav12 { float: left; width: 85px; height: 40px; background: url(/images/nav/nav12.gif) no-repeat 0 0px; }
a.nav12:link { background: url(/images/nav/nav12.gif) no-repeat 0 0px; }
a.nav12:hover { background: url(/images/nav/nav12.gif) no-repeat 0 -40px; }

.nav13 { float: left; width: 85px; height: 40px; background: url(/images/nav/nav13.gif) no-repeat 0 0px; }
a.nav13:link { background: url(/images/nav/nav13.gif) no-repeat 0 0px; }
a.nav13:hover { background: url(/images/nav/nav13.gif) no-repeat 0 -40px; }

.nav01on { float: left; width: 89px; height: 40px; background: url(/images/nav01.gif) no-repeat 0 -80px; }

.nav02on { float: left; width: 87px; height: 40px; background: url(/images/nav02.gif) no-repeat 0 -80px; }

.nav03on { float: left; width: 88px; height: 40px; background: url(/images/nav03.gif) no-repeat 0 -80px; }

.nav04on { float: left; width: 88px; height: 40px; background: url(/images/nav04.gif) no-repeat 0 -80px; }

.nav05on { float: left; width: 88px; height: 40px; background: url(/images/nav05.gif) no-repeat 0 -80px; }

.nav06on { float: left; width: 84px; height: 40px; background: url(/images/nav06.gif) no-repeat 0 -80px; }

.nav07on { float: left; width: 83px; height: 40px; background: url(/images/nav07.gif) no-repeat 0 -80px; }

.nav08on { float: left; width: 90px; height: 40px; background: url(/images/nav08.gif) no-repeat 0 -80px; }

.nav09on { float: left; width: 98px; height: 40px; background: url(/images/nav09.gif) no-repeat 0 -80px; }

.nav10on { float: left; width: 85px; height: 40px; background: url(/images/nav10.gif) no-repeat 0 -80px; }

.nav11on { float: left; width: 126px; height: 40px; background: url(../images/nav/nav11.gif) no-repeat 0 -80px; }

.nav12on { float: left; width: 85px; height: 40px; background: url(/images/nav/nav12.gif) no-repeat 0 -80px; }

.nav13on { float: left; width: 85px; height: 40px; background: url(/images/nav/nav13.gif) no-repeat 0 -80px; }


/* --------------------------- SUBNAV --------------------------- */

#subnav { margin: 0px; padding: 0px; text-align: left; }
	
#subnav ul { list-style: none; margin: 0px;	padding: 0px; }

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

#subnav li a { color: #000;	display: block; text-decoration: none; padding: 0px; }
	
#subnav li a:hover { color: #000; text-decoration: none; display: block; background: #e5cf3e; padding: 0px;	}

.subnav_on { display: block; background: #feed82; }


/* --------------------------- SUBSUBNAV --------------------------- */

#subsubnav { margin: 5px 0px 10px 0px; padding: 0px; text-align: left; }
	
#subsubnav ul { list-style: none; margin: 0px;	padding: 0px; }

#subsubnav li { margin: 0px; height: 30px; padding: 0px; }

.subsubnav { padding: 7px 0px 5px 30px; }
a.subsubnav:link { color: #000; display: block; text-decoration: none; background: url(../images/subnav/subsubnav.gif) no-repeat 0 0px; }
a.subsubnav:hover { color: #000; display: block; text-decoration: none; background: url(../images/subnav/subsubnav.gif) no-repeat 0 -30px; }
a.subsubnav:visited { color: #000; display: block; text-decoration: none; }

.subsubnav_on { padding: 7px 0px 5px 30px; color: #FFE000; display: block; text-decoration: none; background: url(/images/subsubnav.gif) no-repeat 0 -60px; }
a.subsubnav_on { text-decoration: none; }


/* --------------------------- SUBSUBNAV2 --------------------------- */

#subsubnav2 { margin: 5px 0px 10px 0px; padding: 0px; text-align: left; }
	
#subsubnav2 ul { list-style: none; margin: 0px;	padding: 0px; }

#subsubnav2 li { margin: 0px; height: 30px; padding: 0px; }

.subsubnav2 { padding: 7px 0px 5px 30px; }
a.subsubnav2:link {
	color: #C00;
	display: block;
	text-decoration: none;
	background: url(../images/subnav/subsubnav2.gif) no-repeat 0 0px;
}
a.subsubnav2:hover { color: #C00; display: block; text-decoration: none; background: url(../images/subnav/subsubnav2.gif) no-repeat 0 -30px; }
a.subsubnav2:visited {
	color: #666;
	display: block;
	text-decoration: none;
}

.subsubnav_on2 { padding: 7px 0px 5px 30px; color: #FFE000; display: block; text-decoration: none; background: url(/images/subsubnav2.gif) no-repeat 0 -60px; }
a.subsubnav_on2 { text-decoration: none; }


/* --------------------------- CONTAINERS --------------------------- */

#container {
	margin: 0 auto;
	width: 998px;
	}

#subnav_container {
	position: relative;
	float: left;
	width: 238px;
	text-align: left;
	margin-bottom: 10px;
	}

#content_container {
	position: relative;
	float: right;
	width: 686px;
	background: #FFF;
	text-align: left;
	margin: 0px;
	padding: 30px;
	}
	
#copy_container {
	position: relative;
	width: 660px;
	text-align: left;
	margin: 0px;
	}
	
#three_column {
	position: relative;
	width: 228px;
	text-align: left;
	margin: 0px;
	}
	
#two_column {
	position: relative;
	width: 433px;
	text-align: left;
	margin: 0px;
	}
	
#onethirtyfour {
	position: relative;
	width: 134px;
	text-align: left;
	margin: 0px;
	}
	
#fivetwentyfive{
	position: relative;
	width: 525px;
	text-align: left;
	margin: 0px;
	}
	
#caption {
	position: relative;
	width: 180px;
	text-align: left;
	margin: 0px 20px 15px 0px;
	padding: 10px;
	background: #DCDCDC;
	}
	
#enviro_award {
	position: relative;
	float: right;
	width: 128px;
	height: 100px;
	text-align: center;
	margin: 0px;
	padding: 25px 0px 0px 100px;
	}

/* --------------------------- HOME --------------------------- */

#home {	background: url(/images/bg_home.gif) repeat-x top; }





/* --------------------------- CLASSES --------------------------- */

.left { float: left; }

.right { float: right; }

.border { border: solid 1px #333; }

.bdr { border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; }

.caption { font-size: 10px; line-height: 14px; color: #000; }

.checklist { list-style: url(/images/checklist.gif); margin-top: 10px;}


/* --------------------------- COLOURS --------------------------- */

.red { color: #D41929; }
.orange {color: #EF5129}
.yellow { color: #F1D02E; }
.black {
	color: #000;
}
.white { color:#FFF; }


/* --------------------------- RULES --------------------------- */

.thick-rule {
	background: url(/images/grey_rule.gif) repeat-x top left;
	width: 100%;
	height: 5px;
	margin: 0px 0px 30px 0px;
	clear: both;
	}
	
.grey-rule {
	background: url(/images/grey_rule.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	clear: both;
	}
	
.white-rule {
	background: url(/images/white-rule.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	clear: both;
	}

/* --------------------------- SPACERS --------------------------- */
	
.ten-space {
	width: 100%;
	height: 10px;
	clear: both;
	}

.twenty-space {
	width: 100%;
	height: 20px;
	clear: both;
	}
	
.thirty-space {
	width: 100%;
	height: 30px;
	clear: both;
	}
	
.forty-space {
	width: 100%;
	height: 40px;
	clear: both;
	}
	
.fifty-space {
	width: 100%;
	height: 50px;
	clear: both;
	}

/* --------------------------- LIST --------------------------- */

.list { list-style: url(../images/lists/bullet.gif); margin-top: 10px;}

/* --------------------------- FOOTER --------------------------- */

#footer {
	position: relative;
	text-align: left;
	float: left;
	height: 30px;
	width: 998px;
	font-size: 10px;
	color: #999;
	margin-top: 7px;
	padding: 5px 0px 10px 0px;
	}
	
#footer a { text-decoration: underline; color: #999; }
	
#footer a:hover { text-decoration: none; }

#footer a:visited { text-decoration: underline; color: #999; }