/*
NOTE: This version2.2 is a work in progress! Trying to get the z-index and position-ing of the house-banner
behaving in both IE6 AND Firefox is problematic...
*/


/*
link, sub level headings =							0066ff
link hover, h1 =									6c8300
Top nav strip, left & right nav highlight = 		404500
top nav top border, NSW state underline colour = 	ff906e
top nav bottom border = 							8a2c01
left col link colour =								f5f5f5
left col border top = 								b07d20
left col border bottom = 							6a4e06
left col hover bg = 								664c05
left col hover text = 								ffffff
left col highlight hover = 							694500
left col highlight border top = 					565656
left col highlight border bottom = 					6a4e06
left col highlight sub level text =					0066ff
left col highlight sub level bg = 					efefef
footer unlinked text colour =						cfcfcf
*/


/* Tag specific rules 
*******************************************************************************/
* {
	/* set even playing field for all browsers */
	margin : 0;
	padding : 0;
}
html {background: #fff url("/sandbox/images/html_bg.gif") repeat-x 0 0}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 100.01%;
	background: transparent url("/sandbox/images/body_bg.gif") no-repeat 50% 10px;
}

img {border: 0;}
a {color: #0066ff; text-decoration: underline;}
a:hover {text-decoration: none;color:#6c8300}
a:focus {text-decoration: underline;color:#6c8300}
h1 {margin-bottom : 0.6em; font-size: 1.6em; color: #039 ; font-weight: bold;}
h2,h3,h4,h5,h6 {color: #039;border-bottom: 1px solid #039;padding-bottom:6px;margin-bottom:6px}
h2 {font-size: 1.2em; font-weight: bold;}
h3 {font-size: 1em; font-weight: bold;}
h4 {font-size: 1em; font-weight: normal;}
p {margin : 0 0 1em 0;}
ol,ul {margin: 0 0 1em 2em; }
ul li {}
ol li {}

dl {margin: 0 0 1em}
dt {font-weight:bold;margin: 1em 0 0}

table {
	border-collapse : collapse;
	border : 0;
	margin : 0 0 1em 0;
}

input,select,textarea {
	font-size : 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* page wrapper
*******************************************************************************/
#cim_page-wrapper {
	/* set global base font size for entire page */
	font-size: 80.01%;
	position : relative;
}


#cim_skip-content {
	font-size: 0.85em;
	position:absolute;top:4px;right:17px;width:8.5em;
	z-index:999
}
#cim_skip-content a {
	text-decoration: none;
	color:#341f00;
}
#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration:underline;
}


/* Header 
*******************************************************************************/
#cim_header {
	position : relative;
	font-size : 0.85em;
	min-height : 100px;
	/* background: #7a9193 url("/sandbox/images/cim_header_bg.gif") repeat-x 0 0; */
	background: transparent url("/sandbox/images/cim_header-left_bg.gif") no-repeat 0 0;
}
* html #cim_header {height : 100px;}

#cim_header #cim_header-left {
	color : #fff195; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	/* the width wraps the text; remove the declaration when using a house banner */
	width: 430px;
	min-height : 100px;
	
}
* html #cim_header #cim_header-left {height : 100px;}

#cim_header #cim_header-left img {position:absolute; left:28px;top:22px}

#cim_header #cim_header-left span.state {
	font-size : 1.5em;
	border-bottom : 1px solid #c49e42;
	line-height : 1.5em;
	position:relative;
	top:25px;
	left:125px;
}
#cim_header #cim_header-left span.department {
	font-size : 1.4em; 
	font-weight : normal;
	position:relative;
	top:25px;
	left:125px;
}
#cim_header #cim_header-left span.unit {
	font-weight : normal;
	font-size : 1em;
	position:relative;
	top:25px;
	left:125px;
}

#cim_header #cim_dept-logo {
	position : absolute;
	right : 0;
	top : 0;
	width:169px;
	height:100px;
}
#cim_house-banner {
	position: absolute;
	left:390px;
	top: 18px;
	display:none;
}

h3.sitename-text {padding:0 0 2px;margin:0;background: transparent url("/sandbox/images/html_bg.gif") repeat-x 0 -27px;font: bold 150% arial;position:absolute;top:27px;right:160px;color:#341f00;border-bottom : 1px solid #341f00}
h4.department-text {padding:0;margin:0;background: transparent url("/sandbox/images/html_bg.gif") repeat-x 0 -51px;font: normal 130% arial;position:absolute;top:50px;right:160px;color:#341f00;border:none}


/* turns off default link style for page headings */
.sitename-text a:link, .sitename-text a:visited, .sitename-text a:hover, .sitename-text a:active, .sitename-text a:focus,
.department-text a:link, .department-text a:visited, .department-text a:hover, .department-text a:active, .department-text a:focus {
color: #341F00;
text-decoration:none;
}

/* tools - search, links etcs
*******************************************************************************/
#cim_tools {
	background-color : #221f04;
	border-top : 1px solid #fff;
	border-bottom : 2px solid #221f04;
	font-size : 0.85em;
	color : white;
	height : 2.2em;
	padding : 3px 3px 0 10px;
	clear : both;
}
* html #cim_tools {height : 2.3em;} 
*:first-child+html #cim_tools {height : 2.3em;} 

#cim_tools a {color : white; text-decoration : none;}
#cim_tools a:hover, #cim_tools a:focus {text-decoration : underline;}
#cim_tools input {
	border : 1px solid #d7e2fc;
	vertical-align : middle;
	padding : 1px 0 2px 0;
	width : 174px;
}
#cim_tools input.go {
	border : 0;
	width : auto;
	height : auto;
	padding : 0;
}

#cim_tools div.links {float : left; line-height : 1.8em;}
#cim_tools div.search {float : right; line-height : 1.8em;}




/* top navigation
*******************************************************************************/
#cim_top-nav {
	clear: both;
	background-color: #d7e2fc;
	border-bottom : 1px solid white;
	font-size : 0.85em;
	position : relative;
	height : 2.3em;
	z-index : 10;
}
#cim_top-nav ul {
	padding : 0; 
	margin : 0; 
	list-style-type: none;
}
#cim_top-nav ul li {
	list-style-type: none;
	float : left;
	position : relative;
	padding : 0;
	margin : 0;
	border-right : 1px solid white;
	z-index : 3;
}
#cim_top-nav ul ul {
	display : none;
	position : absolute;
	top : 2.5em;
	left : 0;
	\left : -16px;
	lef\t : 0;
}
#cim_top-nav ul li li {
	border : none;
	font-size : 1em;
	display : block;
	float : none;
	border-bottom : 1px solid white;
}
#cim_top-nav li a {
	display : block;
	margin : 0;
	padding : 6px 0px 6px 1em;
	text-decoration : none;
}
#cim_top-nav li a:hover, #cim_top-nav li a:focus, #cim_top-nav li a.highlight {
	background-color : #002C95;
	color : white;
	font-weight : bold;
}

#cim_top-nav li li a {
	display : block;
	background-color : #d7e2fc;
	padding : 6px 0px 6px 11px;
}

#cim_top-nav li li a:hover, #cim_top-nav li li a:focus {
	background-color : #002C95 !important;
	color : white !important;
	font-weight : normal;
}
/* top-nav variable width classes
over-rides set fixed width for drop-downs */
#cim_top-nav li li {
	width: 171px !important;
}
#cim_top-nav li li a {
	width : 160px !important;
}

/* home item has to be 171px */
#cim_top-nav ul li.menu-item-home {width: 171px;}
#cim_top-nav li.menu-item-home a {width : 160px;}
/* default so can be output without classes applied */
#cim_top-nav ul li {width: 171px;}
#cim_top-nav li a {width: 160px;}

/* 
	variables: item1 through item10
	Customise width of top level items - uncomment section below
	Note: you have a total of around 60em to work with (at default text sizes) 
*/

/*
#cim_top-nav ul li.menu-item1 {width: 15em;} #cim_top-nav li.menu-item1 a {width : 14em;}
#cim_top-nav ul li.menu-item2 {width: 15em;} #cim_top-nav li.menu-item2 a {width : 14em;}
#cim_top-nav ul li.menu-item3 {width: 15em;} #cim_top-nav li.menu-item3 a {width : 14em;}
#cim_top-nav ul li.menu-item4 {width: 15em;} #cim_top-nav li.menu-item4 a {width : 14em;}
#cim_top-nav ul li.menu-item5 {width: 15em;} #cim_top-nav li.menu-item5 a {width : 14em;}
#cim_top-nav ul li.menu-item6 {width: 15em;} #cim_top-nav li.menu-item6 a {width : 14em;}
#cim_top-nav ul li.menu-item7 {width: 15em;} #cim_top-nav li.menu-item7 a {width : 14em;}
#cim_top-nav ul li.menu-item8 {width: 15em;} #cim_top-nav li.menu-item8 a {width : 14em;}
#cim_top-nav ul li.menu-item9 {width: 15em;} #cim_top-nav li.menu-item9 a {width : 14em;}
#cim_top-nav ul li.menu-item10 {width: 15em;} #cim_top-nav li.menu-item10 a {width : 14em;}
*/


/* content wrapper
*******************************************************************************/
#cim_content-wrapper {
	/* creates fake left column background image */
	background: transparent url(/sandbox/images/cim_content-wrapper_bg.gif) 0 0 repeat-y;
	clear : both;
	border-top: 1px solid #fff;
	margin-right:10px;
	overflow:auto;

}

/* left column (secondary navigation)
*******************************************************************************/
#cim_left-col {
	font-size : 0.85em;
	width : 170px;
	margin-left : 1px;
	float : left;
	position : relative;
	display : inline;
	z-index : 49;
}

/* first level items */

#cim_left-col ul {
	list-style-type : none;
	padding : 0;
	margin : 0;
}

#cim_left-col ul.cim_left-col-sublist {margin: 30px 0}

#cim_left-col li {
	list-style-type : none;
	margin : 0;
}
#cim_left-col a {
	display : block;
	border-top : 1px solid #b07d20;
	border-bottom : 1px solid #6a4e06;
	padding: 6px 12px 6px 12px;
	width : 146px;
	\width : 170px;
	w\idth : 146px;
	text-decoration : none;
	color:#f5f5f5;
	font-weight:bold;
}
#cim_left-col a:hover, #cim_left-col a:focus {
	background : #664c05;
	color : #ffffff;
}
/*
#cim_left-col a.arrow {
	background : #404500 url(/sandbox/images/cim_sprites.gif) 100% 0 no-repeat;
	color:#fff;
	border-top : 1px solid #565656;
	border-bottom : 1px solid #6a4e06;
}
#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
	background: #820b5d url(/sandbox/images/cim_sprites.gif) 100% -100px no-repeat;
}
*/

/* first level EXPANDED items */

#cim_left-col li.highlight {background-color : #efefef;border-bottom: 6px solid #222}
#cim_left-col li.highlight a {
	background : transparent;
	border : 0;
	font-weight : bold;
	color:#0066ff;
}
#cim_left-col li.highlight a:hover, #cim_left-col li.highlight a:focus {
	background : transparent;
	color : #6c8300;
	text-decoration : underline;
}



#cim_left-col li.highlight a.arrow {
	background : #221f04 url(/sandbox/images/cim_sprites.gif) 100% 0 no-repeat;
	color:#fff;
	border-top : 1px solid #565656;
	border-bottom : 1px solid #6a4e06;
}
#cim_left-col li.highlight a.arrow:hover, #cim_left-col li.highlight a.arrow:focus {
	background: #694500 url(/sandbox/images/cim_sprites.gif) 100% -100px no-repeat;
}



/* SECOND level items */

#cim_left-col li.highlight li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

#cim_left-col li li.highlight a {font-weight : bold !important;}

#cim_left-col li li a {
	background-color : transparent;
	background-image : none !important;
	border : 0;
	font-weight : normal !important;
	padding : 6px 12px 6px 28px;
	width : 130px;
	\width : 170px;
	w\idth : 130px;
}
#cim_left-col li li a:hover, #cim_left-col li li a:focus {background-image : none;}



/* THIRD level items */

#cim_left-col li.highlight li li {background-color : #ddd;border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

#cim_left-col li li.highlight li a {font-weight : normal !important;}
#cim_left-col li li li a {
	padding : 6px 12px 6px 38px;
	width : 120px;
	\width : 170px;
	w\idth : 120px;
}

/* orange highlighting - due to the cascade, several rules need overriding */
#cim_left-col a.highlight {color : #C03A00 ; font-weight : bold !important;}

#cim_left-col li.highlight li.highlight a.highlight {color:#000;font-weight:bold !important;}



/* main body content
*******************************************************************************/
#cim_main-content {
	padding : 6px 194px 1em 192px;
	position : relative;
	z-index : 5;
}
.no-right-col {
	padding-right: 14px !important;
}

* html #cim_main-content {
	padding-left : 10px;
	height : 1%;
}
*:first-child+html #cim_main-content {
	padding-left : 10px;
	height : 1%;
}


/* right column (used for related links, shortcuts, peripheral info, etc)
*******************************************************************************/
#cim_right-col {
	font-size : 0.85em;
	width : 170px;
	position : absolute;
	right : 0;
	top : 25px;
	background : #fff url(/sandbox/images/cim_right-col_bg.gif) 0 0 no-repeat;
	padding-top:1px;
}

#cim_right-col ul {
	list-style-type : none;
	margin : 0 0 0 2px;
	padding : 0;
}

#cim_right-col ul li {
	list-style-type : none;
}

#cim_right-col ul li a {
	text-decoration : none;
	display : block;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #e2eaf7;
	padding: 6px 11px 6px 11px;
	width : 145px;
	\width : 169px;
	w\idth : 145px;
	}
#cim_right-col ul li a:hover, #cim_right-col ul li a:focus {text-decoration : underline;background:#404500;color:#fff}




/* bread crumbs
*******************************************************************************/
#cim_bread-crumbs {
	margin : 0 0 12px 0; 
	padding-left : 0; 
	padding-bottom : 6px; 
	list-style : none; 
	font-size : 0.85em;
	position : relative;
}
#cim_bread-crumbs li {
	display : inline; 
	margin-right : 6px; 
	padding-left : 14px;
	background : transparent url(/sandbox/images/bullet_breadcrumb.gif) 0 60% no-repeat;
	color : #6c8300;
}
* html #cim_bread-crumbs li {background-position : 0 70%;}
*:first-child+html #cim_bread-crumbs li {background-position : 0 70%;}

#cim_bread-crumbs li.first-item {
	background-image : none;
	padding-left : 0;
}

#cim_bread-crumbs li a {text-decoration : none;}
#cim_bread-crumbs li a:hover, #cim_bread-crumbs li a:focus {text-decoration : underline;}

#cim_bread-crumbs li.highlight {
	color: #6c8300;
}


/* footer
*******************************************************************************/
#cim_footer {
	clear : both;
	padding : 14px;
	text-align : right;
	background-color : #221f04;
	border-top : 1px solid #fff;
}
#cim_footer { 
	font-size: 0.8em; 
	color: #cfcfcf;
}

#cim_footer a {text-decoration : none;color:#fff}
#cim_footer a:hover, #cim_footer a:focus {text-decoration : underline;}
#cim_footer #nswstyle_datelastupdated {font-weight : bold;}


/* generic reusable classes
*******************************************************************************/
.clear-hidden {
	clear : both;
	font-size : 1px; 
	line-height : 1px;
}

.float-left {float : left;}
.float-right {float : right;}

div.function-icons {
	float : right;
	cursor : default;
}
div.function-icons .noscript {
	display:none;
}
div.function-icons .scriptAvailable {
	display:inline;
}


/* styles from old site
*******************************************************************************/

acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* links to Gallipoli galleries
------------------------------- */
dl.gallipoli-link {float: left; width: 160px; margin-right: 10px;}
.clear-left {clear: left;}

/* links to other sites in content area
--------------------------------- */
#cim_content-wrapper h2.site-link {
	font-size: 90%;
	background-color:#9CF;
	padding: 0.1em 0.15em;
	margin-right: 0.5em;
	border: 1px solid #666;
}
#cim_content-wrapper h2.site-link a {text-decoration: none;}
h2.site-link, h3.site-link {
	display: inline;
}
h3.site-link { border-bottom: none; }
.site-link { line-height: 2em; }

#cim_content-wrapper h2.bos {background-color:#ffbd18;}
#cim_content-wrapper h2.opclick {background-color:#EE8F9A;}
#cim_content-wrapper h2.wwii {background-color:#ADBDA2;}
#cim_content-wrapper h2.gal {background-color:#c5d2a2;}
#cim_content-wrapper h2.hsc-online {background-color:#9CF;}
#cim_content-wrapper h2.wwi {background-color:#9CF;}


/* presentation images
------------------------------- */
dl.pres-image dd {
	font-size: 85%;
	margin: 0 0.5em;
}
dl.w-weekly {
	float: right;
	width: 160px;
	margin: 0 0 0.5em 0.5em;
}
dl.aus-action {
	float: right;
	width: 170px;
	margin: 0 0 0.5em 0.5em;
}
dl.parer { 
	float: right;
	width: 260px;
	margin: 0 0 0.5em 0.5em;
}
dl.panorama {
	width: 575px;
}

/* breadcrumb links - new window pages
--------------------------------- */
ul#breadcrumb {
	padding-left: 0;
	whitespace: nowrap;
	margin-top: 1.5em;
}
ul#breadcrumb li {
	display: inline;
	list-style-type: none;
}
ul#breadcrumb a {
	padding: 0.25em 1.25em;
	font-size: 85%;
}
ul#breadcrumb a:link, ul#breadcrumb a:visited {
	background-color: #CCC;
	text-decoration: none;
}
ul#breadcrumb a:hover {
	color: #FFF;
	background-color: #999;
	text-decoration: none;
}
#contents {font-size: 80.01%;}

#contents dl {margin-left: 2em; color: #FFF;}

html #img_win {background-image:none;}
body#img-win {background-image:none; background-color:#7E5808;}



/* Clearing floats */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


	/* inline high pass filter */
	#front-pge-container { width: 100%; position: relative; } /* for ie 5+ and earlier */
  
  	i{content:"\"/*"}
	
  	/* modern browsers hereafter */
	
	#front-pge-container { float: left; width: 100%; position: relative; }
	#ns-fix { position: relative; }