html,body{
  margin:0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
  padding:0;
  border:0;
/* \*/
/***  height:100%;***/
/* Last height declaration hidden from Mac IE 5.x */
}



html { height: 100%;}





body{
  background:#;

  min-width:985px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
 /*** text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
  font-family:'trebuchet MS', arial, verdana, sans-serif;
  font-size: normal;
  color:#000000;
}

* html body {height: 100%;}

#container
{
 margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
 margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
 text-align:left; /*** IE Win re-alignment of page if page is centered ***/
 position:relative; /*** Needed for IE, othewise header and footer aren't contained
directly above and below the body ***/
 width:985px; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
/* \*/
/***   height:100%;***/
/* Last height declaration hidden from Mac IE 5.x */
/***Needed for Moz to give full height design if page content is
too small to fill the page ***/
  min-height: 100%;
  background-color: #D5F5CB;
  color: #000000;
  border-left: 3px solid #008000;
  border-right: 3px solid #008000;
}

html>body #container {height: auto;}/*for Mozilla as IE treats height as min-height anyway*/

	

#header 
{
	top: 0;
	left: 0;
	height:100px;
	width: 985px;
	background-image: ;
	background-color: #ffffff;
	text-align: left;
	margin-bottom: 0px;
	border-top:3px solid #008000;

}

#headerimg{
	float: right;
	display: inline;
    clear: none;
    margin-right:20px;
    margin-top:20px;
}
#headername{
	float: left;
	display: inline;
    clear: none;
    margin-left:20px;
    margin-top:20px;
}
#menu{
  width:985px;
  height:25px;
  text-align: center;
  font-size: 120%;
  margin-left: 0px;
  border-bottom: 3px solid #008000;
  border-top: 3px solid #008000;
  background-color:#EEEEEE;
}

#topnav{
   height: 20px;
   width: 100%;
   font-size: .8em;
   font-weight: normal;
   border-top: 1px solid #699;
   border-bottom: 1px solid #699;
   background: #008000;
   padding-top: 1.6px;
}
#topnav ul{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-align: center;
}
#topnav  li{
	 list-style-type: none;
	 display: inline;
	 border-right: 1px  solid #000;
	 padding-left: 12px;
	 padding-right: 14px;
}
#topnav  li a{ 
	text-decoration: none;
    padding: 1px 1px;
    color: #FFFFFF;
    background: #008000;  
}
#topnav li a:hover{
	color: #000000;
    background: #D5F5CB;
}
#topnav a:visited{
	color:#FFFFFF;
	background: ##008000;
}
#topnav span{
   color: #000000;
	background: #D5F5CB;   
}
table.committee{
   width: 600px;
   margin-left: 190px;
   font-size: 80%;
} 	
table.committee td{
	vertical-align:top;
   border-bottom: 1px solid black;
}
table.committee td a{
	text-decoration: none;
}
li.ppg_is{
  margin-left: 100px;
  font-family: cursive;
  font-style: italic;
}
div.regiontext{
  float: left;
  width: 350px;
  margin-right:10px;
  margin-left:10px;
  margin-top: 5px;
}
div.address{
  float: left;
  width: 60%;
  margin-left:20%;
  margin-top: 7px;
}
div.address_r{
	float: right;
	clear:none;
	width: 30%;
}
div.ppgis{
  width: 100%;
  height: 120px;
  border: none;
}
div.peelregion{
  float: left;  
  border: 3px outset #008000;
  width: 900px;
  padding: 5px;
  margin-top: 20px;
  margin-left: 80px;
}
div.map-canvas{
    width: 500px;
    height: 500px;
    margin-left: 250px;
    border: 3px outset black;
}
div.bulktext{
	 width: 900px;
	 float: left;
	 margin-left: 20px;
	 border-bottom: 1px solid black;
	 padding-top: 20px;
	 padding-bottom: 20px;
}
p.caption940{
	background-color: #C3FFFF;
	color: #1B20DE;
	text-align: center;
	font-size: 80%;
	line-height: 17px;
	width: 940px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.container940{
	background-color: #ECFFE6;
	float: left;
	clear: both;
	margin-left: 22px;
	width: 940px;
	border: 6px ridge #A0E4F8;
	margin-bottom: 30px;
}
div.container790{
	background-color: #ECFFE6;
	float: left;
	clear: both;
	margin-left: 85px;
	width: 790px;
	border: 6px ridge #A0E4F8;
	margin-bottom: 30px;
}
p.caption790{
	background-color: #C3FFFF;
	color: #1B20DE;
	text-align: center;
	font-size: 80%;
	line-height: 17px;
	width: 790px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.container520{
	background-color: #ECFFE6;
	float: left;
	clear:both;
	margin-left: 232px;
	width: 520px;
	margin-bottom: 30px;
	border: 6px ridge #A0E4F8;
}
div.container220{
	background-color: #ECFFE6;
	float: left;
	clear:both;
	margin-left: 80px;
	margin-right: 20px;
	width: 220px;
	margin-bottom: 30px;
	border: 6px ridge #A0E4F8;
}
div.pic250{
	float: left;
	margin-left: 20px;
	background-color: #008000;
	padding-bottom: 0px;
	width: 250px;
	margin-bottom: 7px;
}
.pic250 p{
	text-align: center;
	font-size: 80%;
	color: #ffffff;
	line-height: 13px;
}
.pic250 img{
	width: 250px;
	margin-bottom: 0px;
}
div.pic250_l{
	float: left;
	margin-left: 0px;
	background-color: #008000;
	padding-bottom: 0px;
	width: 250px;
	margin-bottom: 7px;
}
.pic250_l p{
	text-align: center;
	font-size: 80%;
	color: #ffffff;
	line-height: 13px;
}
.pic250_l img{
	width: 250px;
	margin-bottom: 0px;
}
div.pic220{
	float: left;
	margin-left: 20px;
	background-color: #008000;
	padding-bottom: 0px;
	width: 220px;
	margin-bottom: 7px;
}
.pic220 p{
	text-align: center;
	font-size: 80%;
	color: #ffffff;
	line-height: 13px;
}
.pic220 img{
	width: 220px;
	margin-bottom: 0px;
}
div.pic220_l{
	float: left;
	margin-left: 0px;
	background-color: #008000;
	padding-bottom: 0px;
	width: 220px;
}
.pic220_l p{
	text-align: center;
	font-size: 80%;
	color: #ffffff;
	line-height: 13px;
}
.pic220_l img{
	width: 220px;
	margin-bottom: 0px;
}
div.button{
  height: 20px;
	width: 100px;
	background-color: #7ecec5;
	float: left;
	margin-left: 0px;
	text-align: center;
	font-size: 90%;
}
p.caption520{
	background-color: #C3FFFF;
	color: #1B20DE;
	text-align: center;
	font-size: 80%;
	line-height: 17px;
	width: 520px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.break{
	height: 0px;
	clear: both;
}
div.break10{
	height: 10px;
	clear: both;
}
div.break20{
	height: 20px;
	clear: both;
}
div.formleft{
	float:left;
	clear: left;
	background-color:#;
	color:#000000;
	padding-top:0px;
	padding-bottom: 3px;
	font-size: 90%;
	font-family:'trebuchet MS', arial, verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	width:250px;
	margin-left: 150px;
	border: 0px solid black;
}
div.formright{
	float:right;
	background-color:#;
	color:#000000;
	padding-top:0px;
	padding-bottom: 3px;
	font-size: 100%;
	font-family:'trebuchet MS', arial, verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	width:550px;
	margin-right: 20px;
}
#footer {
	 width: 985px;
	 clear: both;
	 height: 20px;
     padding-top: 0px;
	 background-color:#008000;
     font-size: 0.75em;
     color: #ffffff;
     text-align: right;
     position: relative;
 }
 p.caption{
     font-size: small;
     margin: 0px;
 }
p.body{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 100% ;
}
p.contact{
  margin-left: 100px;
  margin-right: 20px;
  font-size: 100% ;
}
p.phone{
  margin-left: 115px;
  margin-right: 20px;
  font-size: 100% ;
  text-indent: -15px;
}
.phone span{
	font-weight: bold;
	color: #0000ff;
}
p.formdetails{
  margin-left: 10px;
  margin-right: 20px;
  font-size: 100% ;
  line-height: 20px;
}
p.contact_inline{
   font-family:'trebuchet MS', arial, verdana, sans-serif;
	 font-weight: normal;
	 text-align: left;
	 margin-left:20px;
	 font-size: 80%;
	 line-height: 16px;
	 margin-top: 18px;
	 display: inline;
}
p.peel{
  font-size: 100% ;
  margin-left: 30px;
  margin-right: 30px;
}
 p.centre{
 	font-size: 90%;
    text-align: center;
 	margin-top: 0px;
    line-height:15px;
 }
 p.centre span{
    font-size: 100%;
    font-weight: bold;
}
p.spacer{
    line-height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
p.indexlower{
  text-align:center;
  font-family: cursive;
  font-style: italic;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 10px;
}
p.slide{
  text-align: center;
}
p.close{
   font-family:'trebuchet MS', arial, verdana, sans-serif;
	 font-weight: normal;
	 text-align: left;
	 margin-right:20px;
	 margin-left:20px;
	 margin-top: -10px;
	 font-size: 80%;
	 line-height: 16px;
}
p.lower{
   font-family:'trebuchet MS', arial, verdana, sans-serif;
	 font-weight: normal;
	 text-align: left;
	 margin-left:0px;
	 margin-top: 80px;
	 font-size: 90%;
}
h1{
  text-align:center;
  font-family: cursive;
  font-style: italic;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
 h3{
 	text-align: center;
 	font-size: 100%;
 	font-weight: bold;
    margin-bottom:0px;
 }
img.slide{
	width: 500px;
   filter:progid:DXImageTransform.Microsoft.Fade();
}
img.peelmap{
	width: 400px;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}
ul.fauna{
	text-align: center;;
}
.fauna li{
  font-size: 90% ;
}
.fauna a{
	text-decoration: none;
}
ul.join{
	margin-left: 100px;
}
.join li{
	font-size: 90%;
	margin-bottom: 1em;
}
.join a{
	text-decoration: none;
}
dl.links{
	margin-left: 280px;
}
dd.sub{
	margin-left: 70px;
	font-style: italic;
}
.links dd{
	font-style: italic;
	color: #008000;
}
.links dt{
	color: #000000;
	font-weight: bold;
}
.links a{
	text-decoration: none;
}
input{
	background-color: #7ecec5;
	border:none;
}
textarea{
	background-color: #ffffff;
	border:none;
	width: 530px;
	margin-top: 20px;
}
input.wide{
	background-color: #ffffff;
	border:none;
	width: 530px;
	margin-top: 15px;
}
input.street{
	background-color: #ffffff;
	border:none;
	width: 368px;
	margin-top: 15px;
	display: inline;
}
input.suburb{
	background-color: #ffffff;
	border:none;
	width: 368px;
	margin-top: 15px;
	display: inline;
}
input.state{
	background-color: #ffffff;
	border:none;
	width: 72px;
	margin-top: 15px;
}
input.no{
	background-color: #ffffff;
	border:none;
	width: 50px;
	margin-top: 15px;
}
input.button{
	background-color: #ffffff;
	border:none;
	width: 100px;
	margin-left: 15px;
	float: right;
	margin-right: 20px;
}