/*Region*/

#header {
	height:90px;
	background:url(/interface/images/portHedland/bg_porthedland.jpg) no-repeat;
	
}

#hd_title{
	position:relative;
	float:left;
	top: 0px;
	width: 938px;
	height: 105px;
	background:url(/interface/images/portHedland/hd_portHealand.jpg) no-repeat;
}

#menu li a:hover {
background: #b6dab4;
color:#fff;
}


body#EnivronmentTourism UL a#menu9_2{
background: #b6dab4;
color:#fff;
}

h4 {
	visibility: visible;
	font-size: 26px;
	font-weight:bolder;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:-5px;
	*margin-bottom:0px;
	color:#b6dab4;
}

h3{
	visibility: visible;
	font-size: 21px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	color:#b6dab4;
}

/*-----------------------------------------*/

body {
	margin: 0px;
	text-align:center;/* center layout in ie5 and 5.5. */
	background:#a5a492;
	
	width: 100%;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9e8b;
	
}

#outer_container{
	width: 1134px;
	
	overflow:hidden;
	margin:auto;
	background: #ffffff;/* this is the background colour of the right column */
	border:0px solid #000;
	text-align:center;
	
}


#container {
	width: 944px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;/* this is the background colour of the right column */
	border:0px solid #000;
	text-align:left;
}



#hd_spotlight{
	position:relative;
	float:right;
	left: 0px;
	top: 42px;
	width: 280px;
}

#hd_pilbaraRegion
{
	position:relative;
	float:left;
	top: 65px;
	height: 20px;
	left: 0px;
	width: 650px;
	text-align:right;
}
#content {
	position:relative;
	float:left;
	width:938px;
	*width:944px;
	background:#FFFFFF;
	border-top:#f2f2f0 4px solid;
	border-right:#f2f2f0 4px solid;
	border-bottom:#f2f2f0 6px solid;
	border-left:#f2f2f0 3px solid;
}


#hd_links{
position:relative;
float:right;
padding-right:16px;
top:-3px;}

#hd_search{
	position:absolute;
	float:right;
	padding-top:30px;
	left: 696px;
	top: 14px;
	width:200px;
}

select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9f9e8b;
outline-color:#9f9e8b;
width:200px;
}

#left {
	position:relative;
	width:661px;
	*width:665px;
	float:left;
	margin-top:10px;
	border-right:#f2f2f0 4px solid;
	border-top:#f2f2f0 4px solid;
	background:#f2f2f0;
}


/* left div */
#left_menu{
position:relative;
float:left;
width:183px;
*width:176px;
min-height:100%;
border-bottom:#f2f2f0 4px solid;

}

#left_content{
position:relative;
float:right;
width:470px;
background:#fff;
border-left:#f2f2f0 2px solid;
border-bottom:#f2f2f0 4px solid;
}
.lf_img
{
margin-top:5px;
}


#right {
	position:relative;
	float:right;
	width:273px;
	*width:260px;
	margin:10px 0px 0px 0px;
	padding:0px;
	border-top:#f2f2f0 4px solid;
}

#right_dv1
{
	position:relative;
	border-bottom:#f2f2f0 4px solid;
	width:273px;
	*width:260px;
}
#right_dv2
{
	position:relative;
	width:273px;
	*width:260px;
}


#right_dv2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9f9e8b;
}

#middle
{
	position:relative;
	float:left;
	width: 100%;

}
#header h1, #footer h1 {margin:0}


/* links for headings */
#hd_links a {
	color:#8f8e7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}


#hd_links a:visited {
	color:#8f8e7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#hd_links a:hover {
	color:#8f8e7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;	
}


/* para and breadcrumbs and links*/
#left_content p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9f9e8b;
margin: 10px 15px 0px 15px;
*margin: 10px 15px 0px 8px;
}


.webkit p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9f9e8b;
margin: 10px 15px 0px 15px;
}

#breadcrumbs{
	float:left;
	position:relative;
	background:#cccbaf;
	width:640px;
	*width:665px;
	left: 0px;
	margin-bottom:0px;
	border-right:#f2f2f0 5px solid;

}


.webkit #breadcrumbs{
	float:left;
	position:relative;
	background:#cccbaf;
	width:640px;
	left: 0px;
	margin-bottom:0px;
	border-right:#f2f2f0 5px solid;

}


.bdcrumbs {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:5px 10px 5px 10px;
}


.bdcrumbs a {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	text-decoration:none;
}

.bdcrumbs a:visited{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.bdcrumbs a:hover{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
}


.tb_pilbara{
width:545px;
}

.webkit .tb_pilbara{
width:552px;
}


/* styles of footer*/

#footer {
position:relative;
float:left;
background:url(/interface/images/footer_bg.jpg) no-repeat;
 width:1136px;
 height:280px;
 margin-left:-1px;
}

#footer-inner
{
margin:auto;
margin-top:60px;
width:960px;
}

#footer-inner p
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.copywrite{
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
/* links for footer */
#footer-inner a {
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}


#footer-inner a:visited {
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#footer-inner a:hover {
	color:#6f6e5f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;	
}


.graph{
margin-top:-24px;
*margin-top:-16px;
}

#graph_hd{
margin-left:35px;
}

.rgt-tb_col{
margin-right:30px;
}




/*Image Map*/
#gmap {display:block; width:272px; height:172px; background:url(/interface/Images/Image%20Maps/pilbaraRegionMap_Over_sm.gif) no-repeat; position:relative; margin:0 auto 0 auto;}
#gmap a {color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}


#eastPilbaraMap {
display:block; width:272px; height:172px; background:url(/interface/Images/Image%20Maps/eastPilbaraMap.gif) no-repeat; position:relative; margin:0px 0px 0px 0px;
}

#portHedlandmap{
display:block; width:272px; height:172px; background:url(/interface/Images/Image%20Maps/portHedlandMap.gif) no-repeat; position:relative; margin:0px 0px 0px 0px;
}


#reobournemap{
display:block; width:272px; height:172px; background:url(/interface/Images/Image%20Maps/roebourneMap.gif) no-repeat; position:relative; margin:0px 0px 0px 0px;
}

#ashburtonemap{
display:block; width:272px; height:172px; background:url(/interface/Images/Image%20Maps/ashburtonMap.gif) no-repeat; position:relative; margin:0px 0px 0px 0px;
}

a#map1 {
	display:block;
	width:81px;
	height:43px;
	padding-top:20px;
	overflow:hidden;
	position:absolute;
	left:27px;
	top:82px;
}
a#map1:hover {background:transparent url(/interface/Images/Image%20Maps/ashburtonMap_sm.gif) no-repeat 0 0; overflow:visible;}

a#map2 {
	display:block;
	width:46px;
	height:20px;
	overflow:hidden;
	position:absolute;
	left:44px;
	top:70px;
}
a#map2:hover {background:transparent url(/interface/Images/Image%20Maps/roebourneRollOver_sm.gif) no-repeat  0 0; overflow:visible;}

/*
a#map3 {
	display:block;
	width:32px;
	height:42px;
	padding-top:0px;
	overflow:visible;
	position:absolute;
	left:79px;
	top:59px;
}
a#map3:hover {background:transparent url(/interface/Images/Image%20Maps/portHedlandRollOver_sm.gif) no-repeat 0 0; overflow:visible;}
*/

a#map4 {
	display:block;
	width:200px;
	height:63px;
	padding-top:05px;
	padding-left:20px;
	overflow:hidden;
	position:absolute;
	left:90px;
	top:55px;
}
a#map4:hover {background:transparent url(/interface/Images/Image%20Maps/eastPilbaraRollOver_sm.gif) no-repeat 0 0; overflow:visible;}


a#map5 {
	display:block;
	width:74px;
	overflow:hidden;
	position:absolute;
	left:201px;
	top:142px;
	height: 33px;
}
a#map5:hover {background:transparent url(/interface/Images/Image%20Maps/pilbaraRegionRollOver_sm.gif) no-repeat 0 0; overflow:visible;}

/*sIFR*/
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/*Menu*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
width: 185px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}



#menu dt {
cursor: pointer;
margin: 0px 0px 2px 0;;
height: 23px;
line-height: 23px;
text-align: left;
border: 0px solid gray;
background: #dfdecf url(../images/menuBgArrow.jpg) no-repeat;
color:#8b8a7a;
padding-left:10px;

}





#menu dd {
border: 0px solid gray;
}

#menu li {
text-align: left;
background: #fff;
height: 23px;
line-height: 23px;
border-bottom:#dfdecf 2px solid;
}


#menu dt a {
color: #8b8a7a;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
margin-left:-10px;
padding-left:10px;
}

#menu li a {
color: #8b8a7a;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
padding-left:10px;
}




#menu dt a:hover{
background:#dfdecf url(../images/menuBgArrowOver.jpg) no-repeat;
}

.mainmenu{
background:#cccbaf;
height:100%;
margin: 0px 0px 2px 0;;
height: 23px;
line-height: 23px;
text-align: left;
font-weight: bold;
color: #fff;
text-decoration: none;
padding-left:10px;
}

body#EnivronmentTourism UL a#menu9_2{
background: #d0975f;
color:#fff;
}

#dnn_RightImagePane img{
padding:0px;
margin:5px 0px 0px 0px;
}

/* -----------VERY IMPORTANT-------------
-------- USING IE EXPRESSIONS TO RESOLVE ISSUES LIKE UPLOAD OF LARGE IMAGES THROWING OUT THE LAYOUT-----
*/

* html #right_dv1 p img {
     width: expression( document.body.clientWidth > 269 ? "270px" : "auto" ); /* sets max-width for IE */
}

* html #right_dv1 p {
margin:0px;
padding:0px;
}

#right_dv1 p img {

height: expression(this.height > 150 ? 150: true);
width: expression(this.width > 150 ? 150: true);/* proportional ration for IE */

max-width : 270px;
max-height: 140px;
}

* html #right_dv2 img p {
     width: expression( document.body.clientWidth > 269 ? "270px" : "auto" ); /* sets max-width for IE */
}

* html #right_dv2 p {
margin:0px;
padding:0px;
}

#right_dv2 p img {

height: expression(this.height > 250 ? 250: true);
width: expression(this.width > 270 ? 270: true);/* proportional ration for IE */

max-width: 270px; /* this sets the max-width value for all standards-compliant browsers */
}