/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-shadow: 0 0 0px #000000; /*  this removes bolded text effect in Safari */
}


body, html {
	height:100%;
}

body {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-align:left; /* this is required in the body to center divs on the page */
	color:#000000;
	position:relative;
}

p {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding:0px 0px 1em 0px; 
	font-size:0.9em; 
	line-height:1.4em;
}

p.fulltext  {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding:0px 0px 0px 0px; 
	font-size:0.9em; 
	line-height:1.4em;
	margin-bottom:10px;
}

p.fulltextheading  {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding:0px 0px 0px 0px; 
	font-size:0.90em; 
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:10px;
}

a  { 
	color:#3399CC; 
	font-weight:bold;
}
a:link    { color: #3399CC; }
a:visited { color: #026899; }
a:hover   { color: #3399CC; background-color: #F3F3F3; }

div.normal {
	font-size:0.75em; 
	line-height:1.2em;
}

span.normal {
	font-size:0.75em; 
	line-height:1.2em;
}

div.normaltable {
	font-size:1em; 
	line-height:1em;
}

table.normal {
	font-size:0.75em; 
	line-height:1.2em;
}

table { font-size: 100%; /* IE hack */ }

/* for general use web forms */
div.form_general form  {
	font-size:0.75em; 
	line-height:1.2em;
	border:1px solid #CCCCCC;
}

div.form_general label {
	padding: .5em;
	vertical-align:text-top;
	border:0px solid blue;
	margin: 2px;
}

div.form_general input {
	padding: .5em;
	vertical-align:text-top;
	border:0px solid blue;
	margin: 2px;
}

div.form_general textarea {
	padding: .5em;
	vertical-align:text-top;
	border:0px solid blue;
	margin: 2px;
}

div.form_general .comment {
	vertical-align:text-top;
	margin: 2px;
	padding: 5px;
	border:1px solid #CCCCCC;
	width:350px;
}

div.form_general .field {
	vertical-align:text-top;
	margin: 2px;
	padding: 5px;
	border:1px solid #CCCCCC;
	width:350px;
}

a { text-decoration:none;  }

#wrapper {  /* mainly for background image */
	/* background:url(images/bg_withcolumns___.gif) repeat-y center #BDC3B3; */ /* or this could be in the body - works better in the body in opera */
	position:relative;
	/* min-height:100%; */  /* without works on IE7, IE6 */  /* with works on Firefox, IE6, IE8, opera, safari */
	height:auto !important;
	height:100%;
}

#wrapper_main {
	position:relative;
	margin:0px auto 0px auto;
	width:1005px;
	overflow:hidden;
	text-align:left; /* overrides text-align:center in the body */
	min-height: 100%;
	padding-bottom:20px; /* adjust this to allow for footer */
	text-align:left; 
}

#wrapper_header {
	float:left;
	font-size:0px;  /* allow images to align even with a line break */
	display:none;
}

#wrapper_footer_container {
	position:absolute;      
	width:100%;
	left:0px;
	bottom:0px;
	display:none;
}

#wrapper_footer {
	position:relative;
	margin:0px auto 0px auto;
	width:1005px;
	display:none;
}

#masthead {
	float:left;
	list-style:none;
	padding:1px 0px;
	background-color:#FFFFFF;	
}

#wrapper_header li { float:left; }

#topnav {
	background-color:#BB4121;
	float:left;
	width:100%;
	color:#EEEAD8;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

#topnav ul {
 	float:left;
	width:auto;
	background-color: #BC4120;	
}

#topnav li { display: inline; }

#topnav li a {
	display: block;
	padding: .45em 1em;
	border-bottom: solid 0px #A33416;
	border-left: solid 0px #A33416;
	border-right: solid 2px #A33416;
	color: #F6F4EB;
}

#topnav li a:link    { color: #F6F4EB; }
#topnav li a:visited { color: #F6F4EB; }
#topnav li a:hover   { color: #FFFFFF; background-color: #CA5B3E; }

div#searchbox { 
	background-color:#BB4121;
	float:right;
	height:28px;
}

div#searchbox form {
	float:left;	
}

div#searchbox label { 
	float:left;
	margin: 6px 10px 0px 0px;
}

div#searchbox select { 
	float:left;
	font-size:12px;
	background-color:#D8DAD5; 
	margin: 5px 10px 0px 0px;
	border: 1px solid #D8DAD5;
}

div#searchbox input { 
	float:left;
	font-size:14px;
	height:19px;
	width:148px;
	margin: 4px 10px 0px 0px;
	background:url(images/bg_textbox.gif);
}

div#searchbox #searchbutton { 
	float:left;
	font-size:12px;
	height:19px;
	width:24px;
	margin: 4px 10px 0px 0px;
	background:url(images/bg_gobutton.gif);	
}

#sidenav {
	float:left;
	text-align:center;
}


#sidenav ul {
	float: left;
	list-style:none;
	background-color: #CB5333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	width:206px;
}

#sidenav li {
	float: left;
	text-align:left;
	width:100%;
	
 }

#sidenav li a {
	border-bottom: solid 2px #EEEAD8;
	border-left: solid 4px #EEEAD8;
	border-right: solid 4px #EEEAD8;
	color: #F6F4EB;
	display:block;
	padding: .45em 1em;
}

#sidenav li a:link    { color: #F6F4EB; }
#sidenav li a:visited { color: #F6F4EB; }
#sidenav li a:hover   { color: #FFFFFF; background-color: #D3694C; }

#issuecover {
	float:left;
	width:100%;
	margin: 12px 0px 12px 0px;
}

#sustainability_guide {
	float:left;
	width:100%;
	margin: 12px 0px 12px 0px;
}


#spotlightboxborder {
	float:left;
	border:4px solid #F6F4EB;
	margin:0px 3px 12px 3px;
}

#spotlight {
	width:192px;
}

#spotlight .header {
	background-color:#F6F4EB;
	padding:.1em 0 .2em 0;
}

#spotlight .header h1 {
	display:inline;
	font-size:1.0em;
	font-weight:bold;
	padding:0 6px;
	color:#E16442;
	font-family:Arial, Helvetica, sans-serif;	
}

#spotlight .content {
	background-color:#FFFFFF;
	color:#3F3F3F;
	font-weight:normal;
	width: 100%;
	text-align:left;
}

#spotlight .content h2 {
	padding-left:.3em;
}

#spotlight a { color:#3399CC; font-weight:bold;}	

#featurediv {
	float:left;
	width:100%;
	border: 0px solid blue;
}

#feature {
	border:4px solid #F6F4EB;
	float:none;
	margin: 0px 26px 12px 26px;
}

#feature .header {
	background-color:#F6F4EB;
	margin:0px;	
	padding:.1em 0 .2em 0;
	width:100%;
}

#feature .header h1 {
	display:inline;
	font-size:1.0em;
	font-weight:bold;
	padding:0 6px;
	color:#E16442;
	font-family:Arial, Helvetica, sans-serif;	
}

#feature .content {
	background-color:#FFFFFF;
	border: 2px solid white;
	font-size:0.9em;
}

#feature a { color:#3399CC; font-weight:bold;}	

#feature img { padding:3px;}	

#csiro_containerdiv {
	position:relative;
	float:left;
}

#csiro { /* note csiro_containerdiv is required for this positioning to work in IE6 */
	position:absolute;
	width:210px;
	left:0px;
	bottom:20px;	
	font-weight:bold;
	font-size:11px;
	color:#968C82;
	text-align:center;
	border: 0px solid blue;
}

#bottomBanner { /* note csiro_containerdiv is required for this positioning to work in IE6 */
	position:absolute;
	width:468px;
	left:268px;
	bottom:20px;	
	font-weight:bold;
	font-size:11px;
	color:#968C82;
	text-align:center;
	border: 0px solid blue;
}

#footerTools { /* note csiro_containerdiv is required for this positioning to work in IE6 */
	position:absolute;
	width:468px;
	left:268px;
	bottom:80px;
	border:0px solid blue;
}

#bottomBanner_space {
	float:left;
	width: 100px; /* needs some width so doesn't float alongside other content */ 
	margin-top:145px;
	
}

#csiro #csirologo img {
	display:inline;
	margin-bottom:15px;
}

#csiro_logo_space {
	float:left;
	border: 0px solid yellow;
	margin-top:150px;
}

#footernav {
	float:left;
	background-color:#333333;
	width:100%;
}

#footernav #publishlogo  {
	float:left;
	margin-top:.3em;
	margin-left:13px;
}

#footernav ul {
	color: #CCCCCC;
	float: right;
	font-size:11px;
	background-color:#333333;
	list-style:none;
}
#footernav li { 
	float:left;
}

#footernav li a {
	display:block;
	padding: 3px 62px 3px 13px;
	background:url(images/bg_bottomnav.jpg) no-repeat right #333333;
}

#footernav li#last a { background-image:none; }

#footernav li a:link  { color: #CCCCCC; }
#footernav li a:visited { color: #CCCCCC; }
#footernav li a:hover { color: #FFFFFF;}

#wrapper_body {
	position:relative;
	float:left;
	display:inline;
}

#c1, #c2, #c3 {
	  overflow:hidden;  
	}

#c1_content, #c2_content, #c2_content {
	 overflow:hidden;
}

#c1 {
	width:210px; /* width:210px; */
	float:left;
	border:0px solid blue;	
	display:none;
}

#c2 {
	width:585px; /* width:585px; */
	background-color:#FFFFFF; 
	float:left;
	border:0px solid green;
}

#c3 { 
	width:210px; /* width:210px; */
	float:right;
	border:0px solid red;
	display:none;
}

#c1_content {  
	margin:12px 0px 12px 0px;
	float:left;
	text-align:center;
	width:100%;	
	display:none;	
}

#c2_content { 
	margin:12px 0px 12px 0px; /* warning IE6 does not play nicely if left or right margins are not 0 */
	float:left;
	border-left: 15px solid white;
	border-right: 15px solid white;
}


#c3_content {
	margin:12px 0px 12px 0px;
	float:left;
	text-align:center;
	width:100%;
	display:none;
}

.contentboxblue {
	float:left;
	width:555px;
	margin-bottom:10px;
	border: 0px solid blue;
	background-color: #EFF6F8;
}


.contentboxblueheader {
	padding:.1em 0 .2em 0;
	margin-top:10px;
}

.contentboxblueheader h1 {
	display:inline;
	font-size:1.05em;
	font-weight:bold;
	padding:0 6px;
	color:#333333;
}

.contentboxblue  h2 {
	font-size: .8em;
	font-weight:bold;
	padding: .5em 0em .2em 0em;
	color:#3399CC;
}

.contentboxblue .content {
	margin:0px 6px 0px 6px;
	color:#3F3F3F;
	font-weight:normal;	
}

.contentboxblue .content a {
	color:#3399CC;
}

.contentboxnoborder {
	float:left;
	margin-bottom:10px;
	width:555px; 
}

.contentboxnoborder .header {
	background-color:#F6F4EB;
	padding:.1em 0 .2em 0;
}

.contentboxnoborder .header h1 {
	display:inline;
	font-size:1.05em;
	font-weight:bold;
	padding:0 6px;
	color:#333333;
}

.contentboxnoborder .content {
	padding:6px 6px 6px 6px;
	color:#3F3F3F;
	font-weight:normal;	
}

.contentboxnoborder .content p {  /* this style probably not needed */

}

/* standard content box */
.contentboxborder {
	float:left;
	width:555px;
	border: 0px solid blue;
}

.contentbox {
	border:4px solid #F6F4EB;
	float:none;
	margin: 12px 0px 12px 0px;
}

.contentbox .header {
	background-color:#F6F4EB;
	margin:0px;	
	padding:.1em 0 .2em 0;
}

.contentbox .header h1 {
	display:inline;
	font-size:1.05em;
	font-weight:bold;
	padding:0 6px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;	
}

.contentbox .content {
	float:none;
	color:#3F3F3F;
	font-weight:normal;	
	width: 100%;
	border: 0px solid blue;
}

.contentbox .contentitem {
	
}

.contentbox .contentitem .centeredimage {
	padding: 20px 5px 0px 5px;
}

.contentbox .contenttext {
	float:left;
	width:350px;
	border: 0px solid blue;
	vertical-align:middle;
}

.contentbox .morelink { text-align:right; }
.contentbox .morelink a { color:#3399CC; font-weight:bold; }

.contentbox .content p { 
	padding: .1em .3em .8em .3em;
}

.contentbox a { color:#3399CC; font-weight:bold;}	

.contentbox img { padding:3px;}	


h1 {
	font-size:1.05em;
	font-weight:bold;
	padding:15px 0px 0px 0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}	

h2 {
	font-size: .8em;
	font-weight:bold;
	padding: .9em 0.3em .5em 0.3em;
}

h3 {
	font-size: .8em;
	font-weight:bold;
	padding: .9em 0.3em .5em 0.3em;
}

h2.news { color:#8C9C05; }
h2.features { color:#CB5333; }
h2.spotlight { color:#3399CC;}

h2.news a:link  { color: #8C9C05; }
h2.news a:visited { color: #6E7B07; }
h2.news a:hover { color: #A9BD09;}

h2.features a:link  { color: #CB5333; }
h2.features a:visited { color: #A9452A; }
h2.features a:hover { color: #E15E3B;}

.banner_top {
	padding-bottom:12px;
	font-size:0px;
	text-align:center;
	display:none;
}

.banner_side {
	float:left;
	width: 100%;
	margin: 0px 0px 12px 0px;
}


#alertboxborder {
	float:left;
	width:100%;
}

#alertbox {
	float:none;
	margin: 0px 8px 12px 8px;
	padding:2px;
	background-color:#F6F4EB;
}

#alertbox a { color:#3399CC; }

#alertbox_icon {
	float:left;
	padding:2px 4px 14px 6px;
}

#alertbox_text {
	font-size: .75em;
	font-weight:bold;
	border: 0px solid red;
	margin-left: 35px;
	padding:2px;
}

.downloadpdf { color:#3399CC; font-weight:bold; }

a.linktools:link, a.linktools:visited, a.linktools:active {
	font-size: .75em;
	color: #000000;
	text-decoration: none;
	padding-left:5px;
}

a.linktools:hover {
	font-size: .75em;
	color: #000000;
	text-decoration: underline;
}

h2.article { 
	color:#8E9E05;
	font-size: .9em;
	padding-left:0px;
}

h3.article { 
	padding-left:0px;
}	
	
div.article {
	border: 0px solid blue;
	width:520px;
	margin-bottom:5px;
	float:left;
}

div.article .heading {	
	border: 0px solid green;
	width:520px;
}

div.article .abstract {
	float:left;
	border: 0px solid red;
	width: 520px;
}
	
div.article .abstract p {
	border: 0px solid yellow;
	width: 360px;
	float:left;
}

div.article .abstract_noimage p {
	border: 0px solid yellow;
	width: 520px;
	float:left;
}
		
div.article .abstract .image {
	float:right;
	border: 0px solid blue;
	padding:5px 0px 5px 15px;
}	

div.article .pdflink { 
	
}

div.article table {
	float:left;
}

#bookmarkinglinks {
	float:left;
	width:100%;
	border-bottom:1px dotted gray;
	margin-top:20px;
	margin-bottom:20px;
}

#bookmarkinglinks img {
	float:right;
}

#footerlinks {
	float:left;
}

div.editor_content {
	float:left;
	padding: 2px;
	text-align:left;
}

div.editor_content ul { 
	font-size:0.75em; 
	line-height:1.2em;
	border: 0px solid yellow;
	margin: 5px 5px 15px 15px;
} 

div.editor_content li {
	border: 0px solid green;
	padding: .3em;
}

div.editor_content h1, h2, h3, h4, h5, h6 {
	padding-left:  0em;
}