/*
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...
*/

/* 
The following colours are used in this stylesheet.

left background (image only): #edf2ff;
left selected/expanded background: #f5faff;
left/top unselected background: #d7e2fc;
left/top hover background: #002C95;
lines: #d7e2fc;
main text: black;
h1, highlight: #bf2a37;
navigation text: #0077c0;
toolbar text and nav spacing: white;
*/

/* Tag specific rules 
*******************************************************************************/
* {
	/* set even playing field for all browsers */
	margin : 0;
	padding : 0;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background-color : white;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 100.01%;
	padding : 0px;
}

img {border: 0;}
a {color: #0077c0; text-decoration: underline;}
a:hover {text-decoration: none;}

a:focus {text-decoration: underline;}
h1 {margin-bottom : 0.6em; font-size: 1.6em; color: #bf2a37 ; font-weight: normal;}
h2,h3,h4,h5,h6 {color: #0077c0;}
h2 {font-size: 1.2em; font-weight: bold;}
h3 {font-size: 1em; font-weight: bold;}
h4 {font-size: 1em; font-weight: normal;}
h7 {font-size: 0.90em; font-weight: normal;}
p {margin : 0 0 1em 0;}
ol,ul {margin: 0 0 1em 2em; }
ul li {}
ol li {}
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. total width is 1000px (incl 2x17px shadow sides)
*******************************************************************************/
#cim_page-wrapper {
	/* set global base font size for entire page */
	font-size: 80.01%;
	position : relative;
	width:983px;
	margin: 0 auto;
	padding-left:17px; 
	background: url(../images/bg_left.gif) repeat-y;
}

#right_shadow {
	padding-right:17px;
	width:966px;
	background: url(../images/bg_right.gif) right repeat-y;
}


#cim_skip-content {
	float: right;
	font-size: 0.85em;
	padding:5px 5px 0 0;
	color:white;
}
#cim_skip-content a {
	text-decoration: none;
	color:white;
}
#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration:underline;
}


/* Header 
*******************************************************************************/
#cim_header {
	position : relative;
	/*border-bottom : 1px solid #d7e2fc;
	margin-bottom : 1px;
	font-size : 0.85em;*/
	background: url(../images/topNav/banner-bgr-repeater.jpg) repeat-x;
}
* html #cim_header {height : 62px;}

#cim_header #cim_header-left {
	margin-right : 160px;
	color : #0077c0; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding : 0 0 0 88px;
	/* the width wraps the text; remove the declaration when using a house banner */
	width: 280px;
}
#cim_header #cim_header-left img {position : absolute; left : 0; top : 0;}

#cim_header #cim_header-left span.state {
	font-size : 1.5em;
	border-bottom : 1px solid #d7e2fc;
	line-height : 1.5em;
}
#cim_header #cim_header-left span.department {font-size : 1.4em; font-weight : normal;}
#cim_header #cim_header-left span.unit {font-weight : normal;font-size : 1em;}

#cim_header #cim_dept-logo {
	position : absolute;
	right : 0;
	top : 1px;
}
#cim_house-banner {
	position: absolute;
	margin-left:370px;
	top: 1.1em;
}
#cim_header-left a{
	text-decoration:none;
}

#cim_banner {
	height : 108px;
	background: url(../images/topNav/banner-bgr.jpg) no-repeat left top;
}

/* tools - search, links etcs
*******************************************************************************/
#cim_tools {
	background-color : #0077c0;
	border-bottom : 1px solid white;
	font-size : 0.85em;
	color : white;
	height : 2.2em;
	padding : 3px 10px 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 : 184px;
}
#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 {line-height : 1.8em;}




/* top navigation
*******************************************************************************/
#cim_top-nav {
	clear: both;
	/*background-color: #d7e2fc;*/
	background: url(../images/topNav/menu-bgr-repeater.jpg) repeat-x;
	/*border-bottom : 1px solid white;*/
	font-size : 11px;
	position : relative;
	height : 35px;
	z-index : 100;
}
#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;
	background: url(../images/topNav/menu-bgr.jpg) repeat-x;
	z-index : 90;
}
#cim_top-nav ul ul {
	display : none;
	position : absolute;
	top : 35px;
	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 #446d98;
	border-left: 1px solid #446d98;
	border-right: 1px solid #446d98;
}
#cim_top-nav li a {
	display : block;
	background: url(../images/topNav/menu_divider.gif) no-repeat right center;
	margin : 0;
	color:#404040;
	font-weight:bold;
	text-transform: uppercase;
	padding : 8px 0px 0px 10px;
	height: 27px;
	text-decoration : none;
}
#cim_top-nav li.lastItem a {
	background: none;
}
#cim_top-nav li a:hover, #cim_top-nav li a:focus, #cim_top-nav li a.highlight {
	/*background-color : #0077c0;*/
	color : #bf2a37;
	/*font-weight : bold;*/
}

#cim_top-nav li li a {
	display : block;
	background: #edeef0;
	padding : 6px 0px 2px 10px;
	height:20px;
	text-transform: none;
}

#cim_top-nav li li a:hover, #cim_top-nav li li a:focus {
	background-color : #0077c0 !important;
	color : white !important;
	font-weight : bold;
}
/* 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-item280 { width: 68px;} #cim_top-nav li.menu-item280 a {width : 58px;}
#cim_top-nav ul li.menu-item278 {width: 110px;} #cim_top-nav li.menu-item278 a {width : 100px;}
#cim_top-nav ul li.menu-item279 {width: 150px;} #cim_top-nav li.menu-item279 a {width : 140px;}
#cim_top-nav ul li.menu-item5 {width: 65px;} #cim_top-nav li.menu-item5 a {width : 55px;}
#cim_top-nav ul li.menu-item6 {width: 71px;} #cim_top-nav li.menu-item6 a {width : 61px;}
#cim_top-nav ul li.menu-item162 {width: 140px;} #cim_top-nav li.menu-item162 a {width : 125px;}


/* third level nav */
/*#cim_top-nav ul ul ul {
	top : 0.5em;
	margin-left : 171px;
	\left : 144px;
	lef\t : 160px;
	border: 1px solid white;
}

#cim_top-nav ul ul ul li  {
	border-left: 1px solid white;
}*/

#cim_top-nav li.block {
	width : 12px;
	height:35px;
	background: url(../images/topNav/left-block.jpg) no-repeat;
	border:none;
}
#cim_top-nav li.curve {
	width : 162px;
	height:35px;
	background: url(../images/topNav/menu-curve.jpg) no-repeat;
	border:none;
}

#cim_top-nav li li.roundedCornerTop {
	display:none;
}
#cim_top-nav li li.roundedCornerBottom {
	display:none;
}


/* content wrapper
*******************************************************************************/
#cim_content-wrapper {
	/* creates fake left column background image */
	background: transparent url(../images/bg_left_col.gif) 0 0 repeat-y;
	clear : both;
	/*border-top : 1px solid #d7e2fc;*/
}

#cim_content-wrapper.no-left-col-bgr {
	/* creates fake left column background image */
	background: none;
}


/* 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;
	/*background-color:#edeef0;*/
}

#cim_left-col1 {
	font-size : 0.70em;
	width : 170px;
	margin-left : 1px;
	float : left;
	position : relative;
	display : inline;
	z-index : 49;
	/*background-color:#edeef0;*/
}
#cim_text-pdf {
	font-size : 1.1em;
	width : 170px;
	margin-left : 3px;
	float : left;
	position : relative;
	display : inline;
	z-index : 49;
	/*background-color:#edeef0;*/
}

#left_nav_container {
	background: url(../images/leftNav/outline-repeat.gif) repeat-y;
	margin: 5px 0 15px 10px;
	/*padding:10px 0 0 0;*/
	width:148px;
}

#left_nav_title {
	background: url(../images/leftNav/body2level.gif) repeat-y;
	margin: 5px 0 15px 10px;
	/*padding:10px 0 0 0;*/
	width:148px;
}

#left_col_title {
	background: url(../images/titles/left_col_title_bgr.jpg) no-repeat;
	margin: 0 0 0 4px;
	width:139px;
	height:43px;
	text-transform: uppercase;
	color:white;
	font-family: arial;
	font-size:1.2em;
	font-weight:bold;
	padding-top: 12px;
	text-align: center;
}
/* this DIV (left_col_title1)is used only for xmlBasedDocument.jsp */
#left_col_title1 {
	background: url(../images/titles/left_col_title_bgr.jpg) no-repeat;
	margin: 0 0 0 4px;
	width:139px;
	height:41px;
	text-transform: uppercase;
	color:white;
	font-family: arial;
	font-size:1.00em;
	font-weight:bold;
	padding-top: 12px;
	text-align: center;
	 border-bottom : 5px solid #edeef0;
}

/* rounded conor */
.bl_blue {background: url(../images/leftNav/bl_blue.gif) 0 100% no-repeat #11519c;}
.br_blue {background: url(../images/leftNav/br_blue.gif) 100% 100% no-repeat}
.tl_blue {background: url(../images/leftNav/tl_blue.gif) 0 0 no-repeat}
.tr_blue {background: url(../images/leftNav/tr_blue.gif) 100% 0 no-repeat; padding:10px}


#nav_wrapper {
	background-color:#ffffff;
	width:137px; 
	margin:4px 0 0 4px;
}
/* * * * * * * * *   only for xmlBasedDocument.jsp and leftNav4.jsp** * * * * * * * * /
#nav_wrapper1 {
	background-color:#edeef0;
	width:137px; 
	margin:4px 0 0 4px;
}
 * * * * * * * * * * * * * * * *  * * * * * * * * /

/* first level items */

#cim_left-col ul {
	list-style-type : none;
	padding : 0;
	margin : 0;
	/*margin:4px 0 0 4px;*/
	background : url(../images/leftNav/nav_gradient.jpg) no-repeat;
}
#cim_left-col li {
	list-style-type : none;
	margin : 0;
	background : url(../images/leftNav/seperator.gif) bottom no-repeat;
	/*height:21px;*/
	width:137px;
}
#cim_left-col li.lastItem {
	background : url(../images/leftNav/last_menu_elem_bgr.gif) bottom no-repeat;
    border-bottom : 3px solid #edeef0;
}


#cim_left-col a {
	display : block;
	/*border-bottom : 1px solid white;*/
	background : url(../images/leftNav/arrow.gif) 7px center no-repeat;
	padding: 6px 0px 9px 20px;
	text-decoration : none;
	color:black;
}
#cim_left-col a:hover, #cim_left-col a:focus {
	/*color : white;
	background : #0077c0;*/
	color : #bf2a37;
}
/*#cim_left-col a.arrow {
	background : #d7e2fc url(../images/arrow_blue_side.gif) 150px 8px no-repeat;
}
#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
	background: #0077c0 url(../images/arrow_white_side.gif) 150px 8px no-repeat;
}*/

/* first level EXPANDED items */

#cim_left-col li.highlight {background-color : #f5faff;}
/*#cim_left-col li.highlight a {
	background : transparent;
	border : 0;
	font-weight : bold;
}
#cim_left-col li.highlight a:hover, #cim_left-col li.highlight a:focus {
	background : transparent;
	color : #0077c0;
	text-decoration : underline;
}
#cim_left-col li.highlight a.arrow {
	background: transparent url(../images/arrow_blue_down.gif) 150px 8px no-repeat;
}
#cim_left-col li.highlight a.arrow:hover, #cim_left-col li.highlight a.arrow:focus {
	background: transparent url(../images/arrow_blue_down.gif) 150px 8px no-repeat;
}
*/
/* SECOND level items */
/*#cim_left-col li li.highlight a {font-weight : bold !important;}*/

#cim_left-col ul ul {
	display : none;
	position : absolute;
	/*top : 0;*/
	margin-left : 137px;
	margin-top:-2.5em;
	/* background: url(../images/leftNav/flyout_bgr_repeat.jpg) repeat-y;*/
	/*\left : 144px;
	lef\t : 160px;*/
	width:139px;
}
#cim_left-col li li {
	/*background: url(../images/leftNav/flyout_seperator.gif) center bottom no-repeat;*/
	background: url(../images/leftNav/flyout_bgr_repeat.gif) repeat-y;
}
#cim_left-col li li.roundedCornerTop {
	background: url(../images/leftNav/flyout_rounded_top.gif) center bottom no-repeat;
	height:11px;
}
#cim_left-col li li.roundedCornerBottom {
	background: url(../images/leftNav/flyout_rounded_bottom.gif) center bottom no-repeat;
	height:5px;
    margin-top:-0.4em;

}

#cim_left-col li li a {
	/*background-color : transparent;
	background-image : none !important;*/
	background: url(../images/leftNav/flyout_seperator.gif) center bottom no-repeat;
	border : 0;
	font-weight : normal !important;
	color:white;
	padding: 6px 0px 9px 10px;
	width : 129px;
	/*\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 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 : #bf2a37 ; font-weight : bold !important;}*/



/* main body content
*******************************************************************************/
#cim_main-content {
	/*padding : 6px 184px 1em 182px; To better cater for floating content this was changed to margins */
	padding : 6px 184px 1em 0;
	margin-left: 182px;
	position : relative;
	z-index : 5;
	min-height:200px;
	background: url(../images/bg_left_col.gif) right repeat-y;
}
#cim_main-content.no-right-col {
	padding-right: 14px !important;
	background:none;
}

.no-left-col {
	margin-left: 0px !important;
	padding-left: 12px !important;
	/*background: url(../images/left-col-cover.gif) 0 0 repeat-y;*/
}

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


#cim_main-content #content_title td {
	width:572px;
	height:139px;
	background: url(../images/titles/content_title_bgr.jpg) no-repeat;
	vertical-align : middle; 
	
}

#cim_main-content #content_titleXML td {
	width:572px;
	height:100px;
	background-color:#076BB7;
	font-size:1.2em;
}
#cim_main-content #content_titleXML #cim_mainXML {
	margin-left:10px;
	padding-left:30px;
	color:#ffffff;
	font-weight: normal;
	font-family: verdana;
}

#cim_main-content #content_initialXML td {
	width:572px;
	height:10px;
	background-color:#ffffff;

}
#cim_main-content #content_initialXML #cim_initialXML {
    text-align : right;
    padding-right:30px;
	font-weight: bold;
	font-size:1.9em;
	color:#076BB7;
	font-family: arial;
}

#cim_main-content #content_title #cim_main {
	margin-left:30px;
	padding-left:30px;
	color:#717171;
	font-weight: bold;
	font-family: arial;
	width:240px;
}



/* right column (used for related links, shortcuts, peripheral info, etc)
*******************************************************************************/

#cim_right-col {
	font-size : 0.85em;
	width : 156px;
	position : absolute;
	right : 0;
	top : 0;
	background-color:#edeef0;
	padding:15px 7px;
}



#cim_right-top {
	padding:7px 17px;
	font-size : 1.2em; color:#FFFFFF;
	font-weight : bold;
	background: url(../images/rightNav/topRightNav.jpg) no-repeat;
	height :20px;



}

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

#cim_right-col ul li {
	list-style-type : none;
	margin : 0;
	padding : 6px 0 6px 12px;
	/*border-bottom : 1px solid #d7e2fc;*/
}

#cim_right-col ul li a {text-decoration : none;}
#cim_right-col ul li a:hover, #cim_right-col ul li a:focus {text-decoration : underline;}

/* a sliding bgr to make it 100% height */



/* bread crumbs
*******************************************************************************/
#cim_bread-crumbs {
	margin : 0 0 12px 0; 
	padding-left : 0; 
	padding-bottom : 6px; 
	list-style : none; 
	font-size : 0.85em;
	border-bottom : 1px solid #d7e2fc;
	position : relative;
}
#cim_bread-crumbs li {
	display : inline; 
	margin-right : 6px; 
	padding-left : 14px;
	background : transparent url(../images/bullet_breadcrumb.gif) 0 60% no-repeat;
	color : #0077c0;
}
* 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: #bf2a37;
}


/* footer
*******************************************************************************/
#cim_footer {
	clear : both;
	border-top : 1px solid #d7e2fc;
	background-color: #b1b4b7;
	font-size: 0.8em; 
	color: white;
	position: relative;
}

#cim_footer .middle {
	background-color:#446d98; 
	margin:0 170px 0 171px;
	padding : 7px 0;
	text-align : center;
}

#cim_footer .end {

	font-size: 1.0em; 

}


#cim_footer a {text-decoration : none; color:white;}
#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;
}



/* the following is not part of NSW gov template
*******************************************************************************/
#cim_main-content .content-row {
	clear:both;
	margin: 1em 0;
}

#cim_main-content .content-row a {
	text-decoration: none;

}


#cim_main-content .content-row p a:link {
	text-decoration: underline;
}

#cim_main-content .pdfAttachment {
	margin: 2em 0;
	padding: 1em 0;
	border-top: 1px dashed #d7e2fc;
	clear:both;
}

#related-links {
	/*border:1px dashed #d7e2fc;*/
	margin: 1em 0;
}

#keyword-list {
	/*border:1px dashed #d7e2fc;*/
	margin: 1em 0;
}

.anchor-links ul {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 1.8em;
}


.children-pages {
	margin: 2em 0;
	padding: 1em 0;
	border-top: 1px dashed #d7e2fc;
}
.children-pages table {
	border-collapse: collapse;
	margin-top:2em;
}
.children-pages table th, .children-pages table td {
	border: 1px solid #d7e2fc;
	padding: 3px 5px;
}

#glossary-table {
	border-collapse: collapse;
	margin: 1em 0;
}
#glossary-table td {
	border: 1px solid #d7e2fc;
	padding: 3px 5px;
}

#libraryFilter {
	width:170px;	
}
#libraryFilter.off {
	display:none;	
}
#libraryFilter.on {
	display:block;	
}	









#nav {
margin: 0;
padding: 0;
}

#nav li.on ul, #nav li.off ul {
margin: 0;
padding: 0;
}

#nav a {
text-decoration: none;
}

#nav li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding-right: 15px;
}

#nav li ul {
display: none;
}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
position: absolute;
top: 33px;
*top: 44px;
left: 5px;
padding-top: 10px;
background: #d6e3b0;
height: 28px;
width: 640px;
}

#nav li a {
color: #d6e3b0;
font-weight: bold;
display: block;
height: 15px;
width: 100px;
border: 2px solid #d6e3b0;
padding: 5px;
}

#nav li.on a {
border: 2px solid #7a8566;
color: #7a8566;
}

#nav li.on ul a, #nav li.off ul a {
float: left; /*ie doesn't inherit the float*/
border: 0;
color: #7a8566;
width: auto;
margin-right: 15px;
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul {
display: block;
z-index: 6000;
}

#nav li.off a:hover, #nav li:hover a {
background: #d6e3b0;
color: #7a8566;
}


</style>