/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: left;
	color: #5F0101;
	background: #EECB8E;
}

/* logo */

#logo {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	text-align: left;
}

#logo span, #logo a {
	display: block;
	width: 377px;
	height: 78px;
	padding: 0;
	border-style: none;
	background: url(images/logo.gif) no-repeat; 
}
	
#logo img  {
	display: block;
	width: 377px;
	height: 78px;
}

#logo a:hover {
	background-image: url(images/logo.gif);
}
	

#header {
	width:100%;
	padding: 0;
	margin-top:5px;
	font-size: 95%;
/*	background: #CF8B21;*/
	background: #C08830;
}

/* navigation */

#nav {
	margin: 0 auto 0 auto;
	padding: 0;
	}

#nav ul {
	float: left;
	width:100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #C08830;
	color: White;
}

#nav li {
	font-weight:bold;
	float: left;
	margin: 0;
	margin-top:5px;
	margin-left:10px;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 100%;
	letter-spacing: 2px;
	text-transform: uppercase;
/*	border-top: 1px solid #B07D2C;
	background-color: #CF8B21;
	background-image:none;*/
	/* Need this to override the list bullets */
	background: #CF8B21 url(images/navtrans.gif) repeat-y top left; 
}

#nav li a {
	float: left;
	padding: 0.5em 0.5em;
	text-decoration: none;
	color: #e7e3d9;
	border-top: 0.2em solid #D9AF6D;
	border-left: 0.2em solid #D19E4D;
	border-right: 0.2em solid #CD953D;	
	border-bottom: 0.1em solid #BE8832;
}

#nav li a:hover {
	color: #fff;
	background: #464a52;
}

#nav ul li a.active {
	font-weight: bold;
/*	color: #fff;*/
	color: #000;
	border-left: 0.2em solid #E0C08E;
	border-right: 0.2em solid #DBB77F;
	border-top: 0.2em solid #E4C99E;
	/* set to main background color */
	border-bottom: 0.1em solid #EECB8E;
	background: #EECB8E;
}

/* hspacer and its descendants strong and em align the update text to the left and the #
message Supporting Sustainable Development to the right  */
#hspacer{
	display:block;
	clear:left;
	letter-spacing:0.4em;
	color:#615A1D;
	font-size:90%;
	padding-bottom:6px;
	padding-top:3px;
}

#hspacer strong{
	float:left;
	color:#663399;
	margin:5px;
	letter-spacing:0.1em;
	padding-bottom:5px;
}

#hspacer em{
	margin:5px;
	float:right;
}

#content {
	float:left;
	width: 78%;
	margin-right:2%;
	font-size:95%;
	line-height:1.5em;
	color:#333;
	text-align:justify;
}

#content .gutter{
padding-top:0;
padding-left:25px;
padding-right:20px;
/*background: url(images/content-bg.gif) repeat-x top left;*/
}

/* Just use these for sub menu headings at top of page */

#content .gutter h2{
	margin: 0 0 1em 0;
	padding:5px;
	font-family:Georgia, serif;
	background-color:#F7E7C6;
	letter-spacing: 3px;
	font-size: 150%;
	font-weight:bold;
	text-align: center;
	color:#663;
}

#content h3 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
	font-size: 130%;
/*	color:#990066;*/
	color:#BD4E13;
	letter-spacing: 2px;
}

#content h4 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006600;
	font-size: 110%;
	letter-spacing: 1.1px;
}

#right-sidebar {
	float:right;
	width: 20%;
}

#right-sidebar .gutter{
	/*margin-top:15px;*/
padding-top:15px;
	margin-left:auto;
}

#right-sidebar .gutter .box{
/*margin: 0 0 20px 0;
padding: 0 0 12px 0;*/
font-size:90%;
line-height:1.5em;
}

#right-sidebar ul {
text-align:left;
}

#right-sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 0;
	padding-left:20px;
}

#right-sidebar ul li a.active {
	font-family:Georgia, serif;
	text-decoration:none;
	padding: 3px;
	letter-spacing: 1.2px;
	background: #663;
	font-weight:bold;

	color:#FFFFFF;
}

#footer{
	clear:both;
	background:#828377;
}

/* HACK */
/* The backslash before the end comment hides it from IE6/Mac */

/* hide from ie6/mac \*/
#footer{
padding:10px;
height:10%;
}
/* End hide from ie6/mac */
/* Now target this declaration to IE/Win only using the start HTML hack */
/* hide from ie5/mac \*/
html #footer{
height:10%;
}
/* End hide from ie5/mac */

/* Has background image which lies behind the content */
#wrap{
clear:both;
	min-width:500px;
	max-width:1400px;
	background: url(images/contentback.gif) repeat-y 70% 0;
}






/* Press releases */
#pr{
	line-height: 1.5em;
	text-align:justify;
}

#pr h3{
	text-align:center;
}

/* For the subscribe and contact web form pages */
#fieldsetform {
	text-align:center;
	width: 45em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #369;
	border-right: 1px solid #369;
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	padding:5px;
	color: #999;
}

#fieldsetform label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #66000;
}

#fieldsetform fieldset{
	border:inherit;
	border-bottom: 2px solid #369;
	border-right: 2px solid #369;
	padding:5px;
}

#fieldsetform legend{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:90%;
	color:#666;
	background:#eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px;
}
 
#fieldsetform #name{
font-family:Georgia, "Times New Roman", Times, serif;
width:20em;
}

#fieldsetform #email{
width:20em;
}

/* To highlight text relevant to planning policy sections */
.hlight{
	font-style:italic;
	font-weight:normal;
	color:#880000;
}

/* The plannning apps table */
.planning{
	border-top: 0.2em solid #D9AF6D;
	border-left: 0.2em solid #D9AF6D;
	border-bottom: 0.2em solid #C89F5E;
	border-right: 0.2em solid #C89F5E;
}


.planning thead{
	border: 5px solid #000;
	font-family:"Courier New", Courier, monospace;
	letter-spacing:0.3em;
}

.planning caption{
	font-family:"Courier New", Courier, monospace;
	font-size:140%;
	font-weight:bold;
	color:#660000;
	padding-bottom:0.8em;
}

.planning  thead tr{
text-align:center;
color:#CCFFFF;
font-size:130%;
background-color:#765A2E;
}

.planning  tr{
background-color:#ECC37C;
padding:0;
/*	border: thin solid #CC6600;*/
}
.planning  td{
	border-top: 0.2em solid #D9AF6D;
	border-left: 0.2em solid #D9AF6D;
	border-bottom: 0.2em solid #C89F5E;
	border-right: 0.2em solid #C89F5E;
background-color:#ECC37C;
padding:0.7em;
/*	border: thin solid #CC6600;*/
}

.redbox {
	background-color: #FF3300;
	display: inline;
	letter-spacing: 2px;
	border: thin solid #CC6600;
	padding: 5px;
	color: #000000;
	text-align: left;
}

.bluebox {
	background-color: #9FDEFF;
	display: inline;
	letter-spacing: 2px;
	border: thin solid #CC9933;
	padding: 5px;
	color: #000000;
	text-align: center;
}

li{
	padding-bottom:5px;
	list-style-type:none;
	background: url(images/icon-bullet.gif) no-repeat top left;
	padding-left:20px;
}

.pdflist li a{
	letter-spacing: 0.1em;
	line-height:2em;
	list-style:none;
	padding-left:25px;
	background: url(images/pdficon.png) no-repeat 0 50%;
}


/* Expandable Quotations */
blockquote{
	width:370px;
	text-align:center;
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:140%;
	letter-spacing:-1px;
	line-height:1em;
	color:#555;
	background: #eee url(images/quoteopen.gif) no-repeat top center;
}

.quote{
	margin: 0 10px 0 0;
	padding: 20px 30px 10px 20px;
	background: url(images/quoteclose.gif) no-repeat right bottom;
}

.author{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	color:#999;
	font-size:80%;
	background: url(images/bottom.gif) no-repeat bottom;
}

/* These are for event posters on the website */
.event{
	text-align:center;
}

.event table{
	background-color:#99CC66;
	border: thin solid #CC9933;
	font-weight:bold;
	text-align:left;
}

.event dt{
	font-size:120%;
	color:#993300;
	font-weight:bold;
	letter-spacing:1.1px;
}

.event dd{
	color:#3300FF;
	font-style:italic;
	padding-bottom:10px;S
}

.event h4{
	font-size:180%;
	font-family:Georgia, , Times, serif;
	background-color: #9FDEFF;
	display: inline;
	letter-spacing: 1.5px;
	border: thin solid #CC9933;
	padding: 5px;
	color: #000000;
	text-align: center;
}

.event p{
	color:#000000;
	font-weight:bold;
}

.fleft{
	margin-right:10px;
	float:left;
}
.fright{
	margin-left:15px;
	float:right;
}

/* icon for external links */
.outlink 
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	background:  url(images/newwin2.gif) no-repeat right 50%;
}

/* icon for internal links */
.intlink 
{
	padding-right: 30px;
	background:  url(images/intlink.gif) no-repeat right 50%;
}
.hlight2 {
	font-style:italic;
	font-weight:bold;
	color:#880000;
}
.pdf {
	background-image: url(images/pdficon.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}