body{
margin: 0px;
padding: 0px;
background: #FFF url(../images/green_bg.jpg) repeat-x;
text-align: center;
font-family: verdana;
font-size: 9pt;
color: #333;
}

#green_wrap{
position: relative;
margin: 0px auto;
width: 766px;
background: #016416;
text-align: center;
}

#container{
position: relative;
margin: 0px auto;
width: 764px;
background: #FFF;
text-align: left;
}

#lg_box{
position: relative;
width: 700px;
margin-top: 2px;
text-align: left;
margin-bottom: 50px;
}

#lg_box p, #an_lg_box p{
margin-left: 25px;
width: 700px;
line-height: 165%;
}

#contwmb{
position: relative;
margin: 0px auto;
width: 764px;
text-align: left;
background: #FFF url(../images/wmb_secure_bg.jpg) bottom right no-repeat;
}

ul.info{
list-style-type: none;
margin-left: 20px;
padding: 0px;
}

.subitem{
margin-left: 30px;
}

#banner{
position: relative;
width: 760px;
height: 78px;
background: #004684 url(../images/banner.jpg) top left no-repeat;
margin-left: 2px;
text-align: right;
}

#space{
position: relative;
width: 760px;
height: 50px;
}

#bc{
position: absolute;
top: 102px;
left: 2px;
width: 760px;
height: 20px;
background: url(../images/bc.png) no-repeat;
}

#bc_text{
margin-left: 15px;
font-size: 8pt;
line-height: 170%;
height: 20px;
}

#content{
position: relative;
width: 760px;
margin-top: 2px;
text-align: left;
margin-bottom: 50px;
}

#content_1{
position: relative;
width: 520px;
margin-top: 2px;
text-align: left;
margin-bottom: 50px;
}

#an_content{
position: relative;
width: 760px;
margin-top: 2px;
text-align: left;
margin-bottom: 50px;
}

#content p, #an_content p{
margin-left: 25px;
width: 700px;
line-height: 165%;
}

#content_1 p, #an_content p{
margin-left: 25px;
width: 520px;
line-height: 165%;
}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 150%;
color: #036518;
margin-left: 25px;
margin-top: 20px;
margin-bottom: 20px;
}

h2{font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
margin-left: 25px;
color: #01761B;
}

#content ul{
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 165%;
}

#content ul li{
margin: 0px 20px 0px 20px;
}

#content_1 ul{
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 165%;
}

#content_1 ul li{
margin: 0px 20px 0px 20px;
}



#end{
position: relative;
margin-left: 215px;
margin-top: 30px;
width: 310px;
height: 5px;
border-top: 1px dashed #369;
}

#footer{
position: relative;
width: 764px;
height: 30px;
text-align: left;
background: url(../images/foot_grn.jpg) repeat-x;
}


#validity{
position: absolute;
height: 15px;
width: 200px;
bottom: 3px;
left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: left;}

#foottext{
position: absolute;
height: 15px;
width: 380px;
bottom: 4px;
right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: right;
line-height: 120%;}


a:link{
color: #0C8502;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:visited{
color: #82A791;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;}

a:hover{
color: #0C8502;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:active{
color: #87AE98;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;}

/*searchbutton*/

#schbut{
position: absolute;
top: 132px;
right: 50px;
width: 32px;
height: 35px;
background: #EBEBEB;
}


/*searchpage*/

#search{
width: 500px;
font-size: 8pt;
color: #06F;
z-index: 50;
margin-left: 20px;
}

#search form{
padding: 0px;
margin: 0px;
}

.wide{
width: 400px;
}

img{
border: none;
}

.arrowind{
background: url(../images/arrow_green_small.gif) top left no-repeat;
padding-left: 20px;
line-height: 150%;}

.back{
background: url(../images/back.gif) top left no-repeat;
padding-left: 20px;
line-height: 150%;}

.doc{
background: url(../images/doc.gif) top left no-repeat;
padding-left: 20px;
line-height: 160%;
height: 20px;}

.dlpara{
position: relative;
background: url(../images/dlpara2.jpg) top left repeat-y;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 20px;
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
}

p.withimage{
height: 100px;
padding-left: 5px;
margin-bottom: 25px;
border-bottom: 1px dashed #BDEEF8;}

.imgright{
float: right;
margin-left: 15px;
margin-bottom: 15px;
padding: 1px;
border: 1px solid #999;
}

a.leftthumb{
float: left;
margin-right: 15px;
padding: 1px;
border: 1px solid #999;
width: 100px;
height: 80px;
}

img.leftthumb{
float: left;
margin-right: 15px;
padding: 1px;
border: 1px solid #999;
width: 100px;
height: 80px;
}

p.grey{
background: #EDEDED;
padding: 1px;
line-height: 150%;
}

.date{
font-size: 8pt;
color: #023F0F;
}

.docdate{
position: absolute;
bottom: 0px;
right: 5px;
color: #088400;
font-size: 8pt;
}

.newspost{
background: url(../images/news.gif) top left no-repeat;
padding-left: 20px;
line-height: 200%;}

.imap{
margin-left: 20px;
font-family: verdana;
font-size: 9pt;
color: #333;
line-height: 165%;
}

.symm{
margin-left: 80px;
}


/* main navigation */

#navcontainer_org{
position: absolute;
top: 80px;
left: 2px;
width: 760px;
height: 20px;
background: #008441;
z-index: 50;
}

#nav_org, #nav_org ul {
	padding: 0;
	margin: 0px;
	list-style: none;
	width: 760px;
	height: 20px;
	background: #008441;
}


#nav_org a {
	display: block;
	width: 108px;
	height: 20px;
	text-decoration: none;
	color: #FFF;
	font-family: verdana, arial, helvetica;
}


#nav_org li {
	float: left;
	width: 108px;
	background: #008441;
	font-size: 8pt;
	line-height: 180%;	
}


.left{
margin-left: 2px;
font-size: 9pt;
}

.cent{
font-size: 9pt;
}


#nav_org li ul {
	position: absolute;
	width: 108px;
	left: -999em;
}

#nav_org li ul li{
border-top: 1px solid #FFF;
width: 110px;
}

#nav_org li:hover ul {
	left: auto;
}

#nav_org li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav_org li:hover, #nav li.sfhover {
	background: #026417;
}

/*photos*/

a.thumb{
padding: 2px;
margin-left: 10px;
margin-bottom: 25px;
margin-top: 10px;
border: 1px solid #336699;
width: 100px;
height: 100px;
display: block;
float: left;
}

a:link.thumb, a:visited.thumb{
background: #FFF;
text-decoration: none;
}

a:hover.thumb, a:active.thumb{
background: #336699;
text-decoration: none;
}

a img{
border: none;
}

/*matrix structure*/

#matrix{
background: #003300;
width: 729px;
margin: 20px 0px 20px 20px;
}

#matrix td {width: 53px;
height: 40px;
color: #000;
font-family: verdana;
font-size: 7pt;
vertical-align: top;
border: 0px;
}

/*matrix background colors*/

.headings{
background: #FFF;
font-weight: bold;
}

.axis{
background: #99CC99;
}

.future{
background: #FFFF66;
}

.maint{
background: #70AEEC;
}

.primary{
background: #CC6666;
}

.second{
background: #FF9933;
}

/*matrix anchors*/

#matrix a{
text-decoration: none;
}

#matrix a:link, #matrix a:visited{
text-decoration: none;
display: block;
width: 53px;
height: 40px;
border: 0px;
color: #000;
}

#matrix a:hover, #matrix a:active{
text-decoration: none;
color: #FFF;
}

p.mcode{
height: 80px;
padding-left: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #EDEDED;}

.code{
height: 40px;
width: 53px;
float: left;
margin-right: 15px;
border: 1px solid black;
}


/*for future rollover dev*/

#matrix a:hover.over1{
background: url(http://portal.environment.wa.gov.au/pls/portal/url/ITEM/FF995A5A888286C5E03010AC65054D55) no-repeat;
}

#matrix a:hover.over2{
background: url(http://portal.environment.wa.gov.au/pls/portal/url/ITEM/FF995A5A888386C5E03010AC65054D55) no-repeat;
}

#matrix a:hover.over3{
background: url(http://portal.environment.wa.gov.au/pls/portal/url/ITEM/FF995A5A888486C5E03010AC65054D55) no-repeat;
}

#matrix a:hover.over4{
background: url(http://portal.environment.wa.gov.au/pls/portal/url/ITEM/FF995A5A888586C5E03010AC65054D55) no-repeat;
}

/*end matrix*/

/*charts*/

#charts{
margin: 20px 0px 0px 70px;
padding-top: 30px;
}

#charts table{
font-size: 8pt;
}

#charts th{
color: #333;
height: 30px;
width: 150px;
text-align: center;
background: url(../images/chart_th_bg.jpg) no-repeat;
}

#charts td{
color: #333;
height: 30px;
width: 150px;
text-align: center;
background: url(../images/chart_td_bg.jpg) no-repeat;
}

.graph{
margin-left: 60px;
}


/*Contact and Case Study Forms*/

#case-study, #enquiries {
margin-left: 30px;
}

#case-study fieldset, #enquiries fieldset {
width: 500px;
padding: 20px;
}

#case-study legend, #enquiries legend {
color: #004684;
font-weight: bold;
}

.field-instruct {
margin: 20px 0 20px 0;
display: block;
}

#case-study input, #enquiries input{
margin-top: 5px;
}

/*EMAIL SUBSCRIBE FORM*/

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 

#subscwrap{
background: #E5F2FF url(../images/subscbg2.jpg) no-repeat bottom right;
margin-left: 25px;
width: 700px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}

#subscwrap h2{
color: #004684;
margin-bottom: 10px;
margin-left: 0px;
margin-top: 0px;
font-size: 9pt;
padding-left: 15px;
font-weight: normal;
background: url(../images/subscbullet.gif) 0px 1px no-repeat;
}

#subscwrap form{
margin-top: 20px;
margin-bottom: 0px;
padding-bottom: 0px;
}

#subscbut{
padding-top: 5px;
}

/* PREVENTION RECOVERY DISPOSAL NEWS BOX */

#prdnbwrap{
position: relative;
background: #369 url(../images/prdnbbg.gif) repeat-x top left;
margin-left: 25px;
width: 700px;
padding-top: 8px;
padding-left: 10px;
padding-bottom: 20px;
margin-bottom: 25px;
color: #C0DEE8;
text-align: left;
}

#prdnbwrap h2{
margin-left: 0px;
margin-top: 0px;
font-size: 9pt;
font-weight: normal;
color: #FFF;
}

#prdnbwrap ul{
margin: 0px 0px 0px 10px;
padding: 10px 0px 0px 0px;
list-style-type: none;
}

#prdnbwrap ul li{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 15px;
background: url(../images/prdnbbullet.gif) no-repeat 0px 5px;
}

#prdrss{
position: absolute;
right: 0px;
top: 0px;
text-align: right;
padding: 7px 10px 0px 0px;
}

#prdrss img{
margin: 0px 0px -2px 0px;
}


#prdnbwrap a{
color: #FFF;
}

#prdnbwrap a:link{
color: #FFF;
}

#prdnbwrap a:visited{
color: #FFF;
}

#prdnbwrap a:hover{
color: #FFF;
}

#prdnbwrap a:active{
color: #FFF;
}

table.striped, table.stripedwords {
width: 650px;
margin: 40px 0px 40px 50px;
color: #333;
font-size: 9pt;
}

table.dense {
width: 650px;
margin: 40px 0px 40px 50px;
color: #333;
font-size: 8pt;
}

table.striped th, table.stripedwords th, table.dense th {
color: #000;
}


table.striped th, table.striped td, table.dense th, table.dense td {
border-bottom: 1px solid #E2E2E2;
padding: 7px 0px 7px 5px;
text-align: left;
}

table.stripedwords th, table.stripedwords td {
border-bottom: 1px solid #E2E2E2;
padding: 7px 0px 7px 5px;
text-align: left;
line-height: 150%;
vertical-align: top;
}

.green {
color: #090;
}

.red {
color: red;
}

.cen {
text-align: center;
}

.zeb{
background: #EEF7FC;
}

/* HCW Steps */

.bigfatlink {
display: block;
line-height: 150%;
text-decoration: none;
margin: 40px 0px 30px 25px;
width: 680px;
padding: 10px;
background: #EEE url(../images/arrow_green.gif) no-repeat 640px 3px;
border-top: 1px solid #BDEEF8;
border-bottom: 1px solid #BDEEF8;
color: #36C;
}

a:link.bigfatlink {
text-decoration: none;
color: #36C;
}

a:visited.bigfatlink {
text-decoration: none;
color: #36C;
}

a:hover.bigfatlink {
text-decoration: none;
color: #36C;
}

a:active.bigfatlink {
text-decoration: none;
color: #36C;
}

.bigfatlink h2 {
font-size: 11pt;
color: #004684;
margin: 1px 1px 3px 1px;
}

.step {
color: #06F;
}

.bflhd {
font-size: 11pt;
color: #004684;
margin: 0px 0px 3px 0px;
display: block;
}

/* New News Classes */

#an_content h2{
margin: 10px 0px 0px 27px;
width: 700px;
padding-bottom: 5px;
}

#an_content p {
position: relative;
width: 700px;
display: block;
padding: 4px 0px 4px 0px;
margin: 0px;
border-bottom: 1px solid #E2E2E2;
}

.an_hdln_wrap {
position: relative;
width: 700px;
margin: 2px 0px 40px 20px;
padding-bottom: 25px;
border-top: 1px solid #E2E2E2;
color: green;
}

.an_date {
position: absolute;
right: 0px;
bottom: 0px;
text-align: right;
padding: 4px 0px 4px 0px;
font-size: 8pt;
color: #023F0F;
} 

.rowtint {
background: #EEF7FC;
}

.an_key {
color: #06F;
}

.key {
position: absolute;
right: 8px;
bottom: 0px;
text-align: right;
font-size: 7pt;
color: #666;
}

.strikeout {
text-decoration: line-through;
color: red;
}

#bundled {
margin: 20px 20px 20px 25px;
}

#bundled a {
margin-right: 15px;
}

.local {
color: #004684;
font-weight: bold;
}

form#organics-kits {
margin: 20px 0 0 25px;
width: 500px;
height: 40px;
}

form#organics-kits .form-select {
margin: 0;
float: left;
}

form#organics-kits .form-submit {
float: right;
}

#imagepack {
margin-left: 25px;
}

#imagepack a {
float: left;
margin: 0 25px 25px 0;
display: block;
width: 92px;
height: 93px;
border: 1px solid #FFF;
}

#imagepack a:hover {
border: 1px solid #CCC;
}

table.projects, table.projecttb {
width: 500px;
margin: 40px 0px 40px 50px;
color: #333;
font-size: 11pt;
}

#plant_img {
position: absolute;
top: 170px;
right: 15px;
width: 200px;
height: 300px;
background: #FFF url(../organics/overview/plant0.jpg) repeat-x;

}

#glove_img {
position: absolute;
top: 180px;
right: 45px;
width: 150px;
height: 100px;
background: #FFF url(../organics/rec_org/glove.jpg) repeat-x;

}


#bucket_img {
position: absolute;
top: 320px;
right: 55px;
width: 187px;
height: 172px;
background: #FFF url(../organics/benefits/bucket.jpg) repeat-x;

}


#cwa_img {
position: absolute;
top: 130px;
right: 95px;
width: 174px;
height: 78px;
background: #FFF repeat-x;

}


#babypl_img {
position: absolute;
top: 132px;
right: 42px;
width: 200px;
height: 100px;
background: #FFF url(../organics/guide_policy/baby_plant.jpg) repeat-x;

}


#worm_img {
position: absolute;
top: 132px;
right: 42px;
width: 333px;
height: 50px;
background: #FFF url(../organics/resources/worm/worm.jpg) repeat-x;

}



#worm_end {
position: absolute;
top: 1250px;
right: 10px;
width: 333px;
height: 50px;
background: #FFF url(../organics/resources/worm/worm.jpg) repeat-x;

}


#book1_img {
position: absolute;
top: 132px;
right: 42px;
width: 250px;
height: 100px;
background: #FFF url(../organics/guide_policy/guidelines/book.jpg) repeat-x;

}

#book2_img {
position: absolute;
top: 132px;
right: 42px;
width: 250px;
height: 100px;
background: #FFF url(../organics/guide_policy/policy/book2.jpg) repeat-x;

}

#education_img {
position: absolute;
top: 110px;
right: 10px;
width: 175px;
height: 152px;
background: #FFF url(../organics/resources/facts/education.jpg) repeat-x;

}


#compost_img {
position: absolute;
top: 110px;
right: 10px;
width: 220px;
height: 110px;
background: #FFF url(../organics/resources/compost/compost.jpg) repeat-x;

}