﻿html, body	{
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: 0;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
	margin: 0;
  padding: 0;
}  
h1 {
	color: #b95802;
	font-size: 170%;
	margin: 1.5em 0 0.5em 0;
}
h2 {
	border-top: 1px dashed #ccc;
	clear: both;
	padding-top: 0.5em;
	color: black;
	font-size: 130%;
	margin: 1em 0 1em 0;
}
h3 {
	color: black;
	font-size: 120%;
	margin: 1.5em 0 1em 0;
}
h4 {
	color: #666;
	font-size: 100%;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
}

#PageHeader {
	position: absolute; 
	top: 0; left: 0; 
	height: 122px; 
	background: white url(/SiteCollectionImages/bg-header.gif) repeat-x 0 0;
	width: 100%; 
	z-index: 10;
	overflow: hidden;
}

.thetable		{
	position: relative;
	display: table; 
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0; 
	clear: both;
	border-spacing: 0; /* required by Opera 6 */
}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow		{display: table-row;}

.tablecell	{
	display: table-cell;
	border: 0;
	padding: 0;
	margin: 0; 
	padding-top: 122px; 
	padding-bottom: 120px;
	vertical-align: top;
	min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.one				{
	width: 169px; 
	background-color: #A3C5D4; 
	position: relative;
	z-index: 5;
}
.two {
padding-left: 10px;
padding-right: 10px; 
width: auto; 
background: white; 
position: relative;
font-size: 80%;
}
.three			{
width: 268px; 
background: #e0eff6; 
position: relative;
}

.three-top {
	background: #e0eff6 url(/sitecollectionimages/bg-side-top.gif) no-repeat 0 0; 	
	width: 268px;
	height: 100%;
	margin: 0px;
	padding: 10px;
	overflow: hidden;
}


#breadcrumb {
	position: absolute;
	top: 101px;
	left: 169px;
	color: #666;
	background: white url(/sitecollectionimages/bg-breadcrumb.gif) no-repeat 0 0;
	height: 25px;
	padding-left: 15px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 70%;
	width: 100%;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited {
  background-color: transparent;
  color: #515124;
}
#breadcrumb a:hover {
  background-color: inherit;
  color: black;
}

#breadcrumb p {
	position: relative;
	top: -5px;
}

#header-design-right {
	background: transparent url(/sitecollectionimages/bg-header-design-right.gif) no-repeat 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 375px;
	height: 93px;

}

#header-design-left {
	background: transparent url(/sitecollectionimages/bg-nav-site.gif) no-repeat 0 0;
	position: absolute;
	top: 98px;
	left: 0px;
	width: 169px;
	height: 24px;
}

#SiteActions {
	display: inline;
	position: relative;
	float: left;	
}


#login {
	float: left;
	font-size: 80%;
	position: absolute; 
	right: 10px; 
	top: 5px;
}

#login a:link,
#login a:visited {
	color: #b7d3df;
}

#login a:hover {
	color: black;
}
#nav-header ul {
  position: absolute; 
  right: 0; 
  top: 15px;
}
#nav-header li {
  background: transparent url(/sitecollectionimages/arrow-right.gif) no-repeat 18px 5px;
	color: white;
  float: left;
	font-size: 90%;
	font-weight: bold;
  list-style-type: none;
	padding: 0 0 0 30px;
  margin: 0 5px 0 0;
}
#nav-header li a,
#nav-header li a:link,
#nav-header li a:visited {
  background-color: transparent;
  color: white;
  text-decoration: none;
}
#nav-header li a:hover {
  background-color: transparent;
  color: #f2af30;
  text-decoration: underline;
}

#search {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 180px;
}


#SiteActions {
	margin-left: 10px;
}

#SiteActions a {
	color: white;
	text-decoration: none;
	font-size: 80%;
}

.ms-MenuUIPopupBody {
	z-index: 250;
}

#PageEditConsole {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;	
}




.nav-site-menu {
	border-bottom: 1px dotted #b2cfdc;
	border-top: 1px solid #e0eff6;
	padding: 6px 2px 6px 5px;
	background-color: #e0eff6;
	color: #006;
	display: block;
	text-decoration: none;
	font-size: 75%;
}


.nav-site-hover {
	background: url(/sitecollectionimages/bg-nav-site-hover.gif) no-repeat 0 0;
	background-color: #f3f8fb;
	text-decoration: underline;
}

.nav-site-selected {
	border-top: 1px solid #b2cfdc;
	border-bottom: 1px solid white;
	background-color: white;
	color: black;
	display: block;
	text-decoration: none;
}


.nav-site-flyout {
	border: 1px solid #b2cfdc;
	background-color: #e0eff6;
	font-size: 75%;
	padding: 4px;
	color: #006;
}
.nav-site-flyout-hover {
	background-color: white;
}

#nav-site-image {
  background: url(/sitecollectionimages/bg-nav-site-image.gif) no-repeat 0 0;
  height: 44px;
}

#nav-webparts {
	width: 90%;
	margin-left: 10px;
	overflow: hidden;
}

#nav-site-bottom {
	height: 20px;
}

.latestNews-Image {
	float: left;
	border:4px double #A3C5D4;
	padding: 2px;
	margin-bottom:10px;
	margin-right: 8px;
}

.latestNews-Image img {
	width: 75px;
}

a.latestNews-heading {
	font-size: 130% !important;
	font-weight: bold;
	color: #336699 !important;
	text-decoration: underline !important;
}

.latestNews-description {	
	padding-top: 5px;
	color: black;
	font-size: 110%;
}


.one .ms-WPHeader td, .two .ms-WPHeader td, .three .ms-WPHeader td {
	border-bottom: none;
}

.one .ms-WPHeader {
	background-color: #B7D3DF;
	background-image: url('/sitecollectionimages/bg-other-links-top.gif');
	background-repeat: no-repeat;
	height: 28px;
	
}

.one .ms-WPHeader h3 {
	color: white;
	padding-left: 10px;
	font-size: 80%;
}

.one .ms-SPZone .ms-WPHeader h3, .two .ms-SPZone .ms-WPHeader h3, .three .ms-SPZone .ms-WPHeader h3 {
	color: black;
}

.one .ms-WPHeader td {
	border-bottom: 1px #477589 dotted;
}

.one .ms-WPBorder {
	background-color: #B7D3DF;
	padding: 3px;
	border: 1px solid #B7D3DF;
	background: #B7D3DF url('/sitecollectionimages/bg-other-links-top.gif') no-repeat center bottom;
	margin-bottom: 10px;
}



.two .ms-WPHeader {
	background-image: url('/sitecollectionimages/bg-news-header.gif');
	background-repeat: no-repeat;
	height: 28px;
}

.two .ms-WPHeader h3 {
	color: white;
	padding-left: 10px;
	font-size: 100%;
}

.three .ms-WPHeader {
	background-image: url('/sitecollectionimages/bg-side-header.gif');
	background-repeat: no-repeat;
	height: 24px;
	border-bottom: none;
}

.three .ms-WPHeader h3 {
	color: white;
	padding-left: 10px;
	font-size: 90%;
	font-weight: normal;
}


.three .ms-WPBorder {
	background-color: white;
	padding: 3px;
}



li.otherSites-link {
	margin-left: -35px;
	list-style: none;
	padding-left: 10px;
	padding-bottom: 5px;
	background:transparent url(/sitecollectionimages/bullet.gif) no-repeat scroll left 8px;
}

.otherSites-link a:link {
	color:#000066;
	text-decoration:none;
	font-size: 105%;
}


.one .ms-SPZone {
	position: relative;
	left: -10px;	
}




#PageFooter {
	background: #4474a4 url(/SiteCollectionImages/bg-footer.gif) repeat-x 0 0;
	clear: both; 
	position: relative; 
	height: 120px; 
	color: white; 
	margin-top: -120px;
	margin-bottom: 120px;
	z-index: 15;
	text-align: center;
}

#PageFooter a,
#PageFooter a:visited {
  color: #e0eff6; 
  font-weight: normal; 
  margin: 0; 
  padding: 0 10px 4px 6px;
  text-decoration: underline;
}
#PageFooter a:hover {
  color: #f2af30;
}
#PageFooter ul {
  list-style-type: none;
  height: 114px;
}
#PageFooter ul li {
  float: right; 
  margin: 0; 
  padding: 1px 15px 0 0;
}
#PageFooter img {
	margin-top: 5px;
}
#PageFooter p {
	color: #e0eff6;
	font-size: 90%;
	margin-top: 25px;
	padding-bottom: 15px;
}
#PageFooter .logo-gov {
  padding-right: 10px;
}
#PageFooter .logo-csiro {
 padding-right: 20px;
}
#PageFooter .logo-wa {
  padding-left: 10px;
}

#footer-design {
  background: transparent url(/SiteCollectionImages/bg-footer-design.gif) no-repeat 0 0;
  position: absolute;
	top: 0;
	right: 0;
	width: 175px;
	height: 80px;
}
