/*
=general
=form
=table
=page structure
=panel
=content
=main_nav
=utility_nav
=site_nav
=misc
*/

/*
=general
---------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 101%;
	width: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%; /* 11px */
	color: #666;
	line-height: 150%; /* 18px */
	background-color: #f5f5f5;
	border-top: 15px solid #5c6670;
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
}

table, tr, td, input, select, textarea, ul, ol {
	font-size: 100%;
	vertical-align: top;
}

a img, img { border: 0; }

code, pre {
	font-size: 1.5em;
	color: #999;
	display: block;
	width: 500px;
}

/* =a */
a {
	text-decoration: none;
	color: #359fdb;
	xborder-bottom: 1px solid #359fdb;
}

a:hover, a:focus, a:active {
	color: #cd0001;
	xborder-color: #cd0001;
}

/* =hxs */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 130%;
}

/* =h1 */
h1 {
	font-size: 35px;
	font-weight: normal;
	color: #362f2d;
}

/* =h2 */
h2 {
	font-size: 17px;
	color: #359fdb;
}

/* =h3 */
h3 {}

/* =h4 */
h4 {}

/* =h5 */
h5 {}

/* =h6 */
h6 {}

ul {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

li {
	background: transparent url(../media/share/star.gif) no-repeat 2px .5em;
	padding: 0 0 8px 20px;
	line-height: 16px;
}

p { margin-bottom: 1.5em; }

blockquote {
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.635em; /* 18px */
	background: transparent url(../media/share/blockquote-bg.gif) no-repeat 0% .1em;
	width: 315px; /* 315px */
	margin: 0 auto 20px;
	padding: 0 0 0 22px;
	line-height: 130%;
	color: #999;
}

blockquote p { xpadding: 0 22px 0 0; }

blockquote p {
	xdisplay: inline;
	background: transparent url(../media/share/blockquote-p-bg.gif) no-repeat 100% 100%;
}

acronymn{ cursor: help; }

/*
=form
---------------------------------------------- */

/*
=table
---------------------------------------------- */

/*
=page structure
---------------------------------------------- */
#container {
	width: 924px; /* 946px */
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
	background: #fff url(../media/share/container-bg.gif) repeat-y 0% 0%;
}

.panel {
	float: left;
	width: 179px; /* 200px */
	padding: 18px 0 0 21px;
}

#content {
	float: right;
	width: 700px;
	height: 600px;
	min-height: 600px;
}

*>#content { height: auto; }

/* these control the sub section links in the initial Water, Environment and Sustainability pages */

#content.water .list li { background: transparent url(../media/share/star.gif) no-repeat 2px .5em;}
#content.water .list li a { color: #0033CC; }

#content.environment .list li { background: transparent url(../media/share/star-green.gif) no-repeat 2px .5em;}
#content.environment .list li a { color: #006600; }

#content.sustainability .list li { background: transparent url(../media/share/star-red.gif) no-repeat 2px .5em;}
#content.sustainability .list li a { color: #E24309; }

#content.come-to-australia .list li { background: transparent url(../media/share/star-yellow.gif) no-repeat 2px .5em;}
#content.come-to-australia a, #content.come-to-australia h2 { color: #C39500; }

#footer {
	clear: both;
	width: 924px;
	padding: 10px 0 0;
	background: #fff;
}

/*
=.panel
---------------------------------------------- */
#logo {	margin: 0 0 50px; }

.panel .nav {
	border-top: 1px solid #fff;
	margin: 0 0 37px 0;
	padding: 0;
	width: 100%;
}

.panel .nav.first { border-top: none; }

.panel .nav li {
	width: 100%;
	border-bottom: 1px solid #fff;
	background: none;
	padding: 0;
}

.panel .nav li#home { padding: 0 0 30px; }

.panel .nav li.end { border-bottom: none; }

.panel .nav li a {
	color: #666;
	padding: 3px 25px 3px 0;
	display: block;
	border: none;
	width: 154px; /* 179px */
}

.panel .nav li.current a {
	background-color: #fff;
	padding: 3px 25px 3px 11px;
	width: 143px; /* 179px */
}

.panel .nav li a:focus, .panel .nav li a:hover, .panel .nav li a:active, .panel .nav li.current a { color: #359fdb; }

.panel .nav li#water.current a, .panel .nav li#water a:hover { color: #359FDB; }

.panel .nav li#sustainability.current a, .panel .nav li#sustainability a:hover { color: #e24309; }

.panel .nav li#environment.current a, .panel .nav li#environment a:hover  { color: #5c9f35; }

.panel .nav li#come-to-australia.current a, .panel .nav li#come-to-australia a:hover  { color: #c39500; }



.panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.panel li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

.panel h3 {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 5px;
	padding: 0;
	color: #cc0000;
}

.panel p { width: 150px; }

.panel em {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	padding: 10px 0 0;
	display: block;
}

/*
=content
---------------------------------------------- */
#banner {
	width: 670px; /* 700px */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 168px; /* 168px */
	margin: -40px 0 30px 0;
	padding: 0 0 0 30px;
	position: relative;
}

#banner.water { background-image: url(../media/share/banner-water.jpg); }
#banner.privacy_policy  { background-image: url(../media/share/banner-privacy-policy.jpg); }

#banner h1 {
	color: #fff;
	position: absolute;
	bottom: 25px;
	margin: 0;
	padding: 0;
}

#crumb_nav {
	margin: 0;
	padding: 0;
	color: #fff;
	position: absolute;
	bottom: 10px;
}

#crumb_nav em { font-style: normal; }

#crumb_nav strong {
	position: absolute;
	left: -999em;
}

#crumb_nav  a {
	color: #fff;
	border: none;
}

#crumb_nav a:focus, #crumb_nav a:hover, #crumb_nav a:active, #crumb_nav a.current { text-decoration: underline; }

.main_panel {
	float: right;
	width: 460px;
}

.side_panel {
	float: left;
	width: 200px;
}

li small { display: block; }

.wrapper {
	width: 100%;
	margin: 0 0 30px;
}

.feature a, .survey a { border: none; }

.feature {
	background: #eaeceb url(../media/share/feature-bg.gif) no-repeat 5px 100%;
	width: 350px; /* 520px */
	padding: 10px 50px 10px 116px;
	float: left;
}

.feature p { width: auto; }

.survey {
	width: 55px; /* 160px */
	float: right;
	padding: 10px 25px 10px 80px;
	background: #eaecec url(../media/share/survey-bg.gif) no-repeat 25px 100%;
}

.survey p { width: auto; }

.list {
	margin-bottom: 30px;
}

.list ul {
	float: left;
	width: 349px;
}

.contact { 
	background: transparent url(../media/share/icon-contact.gif) no-repeat 0% 0%;
    padding-left: 35px;
}

.contact p { margin-left: 35px;	}

.rss { 
	background: transparent url(../media/share/icon-rss-sml.gif) no-repeat 0% 0%;
    padding-left: 35px;
    height: 25px;
}

.phone { 
    background: transparent url(../media/share/icons/icon-contact.gif) no-repeat 0% 0%;
    padding-left: 35px;
}

.email { 
    background: transparent url(../media/share/icons/email.gif) no-repeat 0% 0%;
    padding-left: 35px;
}

.divider {
	border-top: 1px solid #e3e6e6;
	height: 18px;
}

.more_details {
	display: none;
}

/*
=footer
---------------------------------------------- */
#tagline {
	padding: 18px 0 18px 671px;
	background-color: #fff;
	display: block;
}

/*
=utility_nav
---------------------------------------------- */
#utility_nav {
	background-color: #5c6670;
	margin: 0;
	padding: 5px 10px;
	font-size: 10px;
	color: #fff;
	width: 904px; /* 924px */
}

#utility_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#utility_nav li {
	display: inline;
	background: none;
	padding: 0 20px 0 0;
}

#utility_nav li a {
	color: #fff;
	border: none;
}

#utility_nav li a:focus, #utility_nav li a:hover, #utility_nav li a:active, #utility_nav li.current a { text-decoration: underline; }

/*
=site_nav
---------------------------------------------- */
#site_nav {
	position: relative;
	left: -10px;
	width: 946px;
	background: #f5f5f5;
	color: #989898;
	text-align: center;
	padding: 10px 0;
	font-size: 10px;
}

#site_nav ul {
	margin: 0;
	padding: 0;
}

#site_nav li {
	display: inline;
	background: none;
	padding: 0;
}

#site_nav li a {
	color: #989898;
	border: none;
}

#site_nav li a:focus, #site_nav li a:hover, #site_nav li a:active, #site_nav li.current a { text-decoration: underline;  }

/*
=misc
---------------------------------------------- */
.hide, hr {
	position: absolute;
	left: -999em;
}

/* =button */

.button {
	display: block;
	width: 60px;
	height: 17px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	border: none;
}

.button:hover { background-position: -60px 0%; }

.button.view_roles { background-image: url(../media/share/button-view-roles.gif); }
.button.more { background-image: url(../media/share/button-more.gif); }
.button.back { background-image: url(../media/share/button-back.gif); }
.button.close { background-image: url(../media/share/button-close.gif); }
.button.details { background-image: url(../media/share/button-details.gif); }

.button span { display: none !important; }

/* =self clearing floats */
.clearfix:after,
#container:after,
#main_nav:after,
.list:after,
.wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}