/*
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: #C03A00;
navigation text: #002C95;
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%;
	background-image: url(../design/top_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

img {border: 0;}
a {color: #003399; text-decoration: underline;}
a:hover {
	text-decoration: none;
}
a:focus {text-decoration: underline;}
h1 {margin-bottom : 0.6em; font-size: 1.7em; color: #000000; font-weight: normal;}
h2,h3,h4,h5,h6 {color: #000000;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #000000;
	text-decoration: none;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
h3 {font-size: 1.2em; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold;}
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;
}

#cim_main-content hr {
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #D7E2FC;
	background-color: #D7E2FC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

fieldset {
	border: 1px solid #999999;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: -10px;

}
/* page wrapper
*******************************************************************************/
#cim_page-wrapper {
	/* set global base font size for entire page */
	font-size: 80.01%;
	position : relative;
	background-image: url(../design/banner_graphic_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#cim_skip-content {
	text-align: right;
	font-size: 0.85em;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 500px;
	z-index: 100;
}
#cim_skip-content a {
	text-decoration: none;
	color: #A2CFFD;
}
#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration:underline;
}


/* Header 
*******************************************************************************/
#cim_header {
	position : relative;
	font-size : 0.85em;
	min-height : 85px;
	padding-top: 15px;
	padding-left: 10px;
	height: 93px;
}
* html #cim_header {
	height: 93px;
}

#cim_header #cim_header-left {
	margin-right : 160px;
	color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	/* the width wraps the text; remove the declaration when using a house banner */
	width: 400px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 88px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 15px;
}
#cim_header #cim_header-left ul, #cim_header #cim_header-left ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#cim_header #cim_header-left img.screen {
	position : absolute;
	left : 10px;
	top : 0;
	margin-top: 20px;
	height: 70px;
	width: 66px;
	margin-left: 12px;
}
#cim_header #cim_header-left img.print, #cim_header #cim_header-left img.nswfb_signature {
	display:none;
}

#cim_header #cim_header-left span.state a {
	font-size : 1.5em;
	border-bottom : 1px solid #d7e2fc;
	line-height : 1.5em;
	color: #FFFFFF;
	text-decoration: none;
}
#cim_header #cim_header-left span.department a {
	font-size : 1.4em;
	font-weight : normal;
	color: #FFFFFF;
	text-decoration: none;
}
.screen_nswfb {
	margin-top:8px;
	margin-left:9px;
}
#cim_header #cim_header-left span.unit {font-weight : normal;font-size : 1.1em;}

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

/* tools - search, links etcs
*******************************************************************************/
#cim_tools {
	font-size : 0.85em;
	color : white;
	height : 34px;
	padding : 0px 0px 0;
	clear : both;
}

* html #cim_tools {height : 34px;} 
*: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;
	background-image: url(../design/tools_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
	width: 190px;
}
#cim_tools div.search {
	float : right;
	line-height : 1.8em;
	width: 378px;
	text-align: right;
	padding-top: 7px;
	padding-right: 20px;
}
#cim_tools div.search label {
	display:none;
}
#cim_tools .search #cim_search-text {
	background-image: url(../images/search_box.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	height: 16px;
	margin-left: 50px;
}

/* 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;
}

/* left column (secondary navigation)
*******************************************************************************/

#cim_left-col {
	font-size : 0.85em;
	width : 170px;
	float : left;
	position : relative;
	display : inline;
	z-index : 49;
	background-image: url(../design/menu_bottom.gif);
	background-position: left bottom;
	padding-bottom: 140px;
	background-repeat: no-repeat;
}

/* first level items */

#cim_left-col ul {
	list-style-type : none;
	padding : 0;
	margin : 0;
}
#cim_left-col li {
	list-style-type : none;
	margin : 0;
}
#cim_left-col a {
	display : block;
	border-bottom : 1px solid #02274D;
	padding: 6px 12px 6px 12px;
	width : 146px;
	\width : 170px;
	w\idth : 146px;
	text-decoration : none;
	background : #033566;
	color: #FFFFFF;
}
#cim_left-col a:hover, #cim_left-col a:focus {
	color : white;
	background : #990E1C;
}
#cim_left-col ul.open {
	color : white;
	background:#006600;
}
#cim_left-col a.arrow {
	background : #033566 url(../images/arrow_blue_side.gif) no-repeat 150px 8px;
}
#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
	background: #990E1C url(../images/arrow_white_side.gif) no-repeat 150px 8px;
}

/* first level EXPANDED items */

#cim_left-col li.highlight {background-color : #0053A1;}
#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 : #FFFFFF;
	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 li li a {
	background-color : transparent;
	background-image : none !important;
	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 li.highlight li a {
	font-weight : normal !important;
}
#cim_left-col li li li a {
	padding : 6px 12px 6px 38px;
	width : 118px;
	\width : 170px;
	w\idth : 120px;
}
#cim_left-col ul li ul li.highlight {
	background-color: #0068C6;
	background-image: url(../design/menu_box.gif);
	background-repeat: repeat-y;
	background-position: left;
	display: list-item;
	height: 1%;
	border-top: 1px solid #6CB9FF;
	border-bottom: 1px solid #6CB9FF;
}



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


/* FOURTHS level items */

#cim_left-col li li li li a {
	padding : 6px 12px 6px 48px;
	width : 110px;
	background-color : transparent;
	background-image : none !important;
	border : 0;
	font-weight : normal !important;
}


/* main body content
*******************************************************************************/
#cim_main-content {
	position : relative;
	z-index : 5;
	padding-top: 16px;
	padding-bottom: 1em;
	padding-right: 160px;
	padding-left: 180px;
}
.no-right-col {
	padding-right: 14px !important;
}

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


/* right column (used for related links, shortcuts, peripheral info, etc)
*******************************************************************************/
#cim_right-col {
	font-size : 0.85em;
	width : 150px;
	position : absolute;
	right : 0;
	top : 0;
}

#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;}
#cim_right-col #warning {
	padding: 5px;
	border: 1px solid #990000;
	margin-top: 20px;
	background-image: url(../design/homepage/warning_box_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FEE1E5;
	text-align: left;
	margin-right: 5px;
	font-size:13px;
}
#cim_right-col #warning strong {
}






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


/* footer
*******************************************************************************/
#cim_footer {
	clear : both;
	border-top : 1px solid #d7e2fc;
	padding : 30px 0 0px;
	text-align : right;
	background-image: url(../design/footer_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 140px;
	background-color: #036;
}
#footer_social {
	clear: left;
	float: left;
	position: relative;
}
#cim_footer {
	font-size: 0.8em;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}

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


/* 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;
}
#cim_left-col li li.highlight {
background-color : #FFFFFF;
}

.fact {
	background-color: #FFFFFF;
	background-image: url(../images/gradient_box_yellow.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #FFCC00;
}

.tip {
	background-color: #FFFFFF;
	background-image: url(../images/gradient_box_blue.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #0066CC;
}

.tip, .fact {
	color: #000000;
	font-size: 1em;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 1%;
}
.tip p, .fact p {
}
.tip a, .fact a {
	color: #003399;
}

.tip li, .fact li {
	padding-bottom: 10px;
}
.tip h2, .fact h2 {
	font-size: 1.2em;
	padding-bottom: 20px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.fact h2 {
	color: #000000;

}

.tip h2 {
	color: #000000;

}
#news img {
	float: left;
	position: relative;
	border: 1px solid #D7E2FC;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.image_border {
	border: 1px solid #000000;
}
.external a, a external {
	background: url(/gallery/images/external.gif) no-repeat 100% bottom;
	padding: 0 13px 0 0;
}
.pdf {
	background-image: url(/gallery/images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 17px;
}
.doc {
	background-image: url(/gallery/images/doc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 17px;
}
.video {

	background-image: url(/gallery/images/video.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
}
.xls {

	background-image: url(/gallery/images/xls.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
}
.email {
	background-image: url(/gallery/images/email.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
}
.bolder {
	font-size: 120%;
	font-weight: bold;
	color: #003366;
}

.image_border {
	border: 1px solid #D7E2FC;
}

.image_left {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.image_left_border {
	float: left;
	border: 1px solid #D7E2FC;
	margin-right: 7px;
	margin-bottom: 7px;
}
.image_right {
	clear: right;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 200px;
	margin-left: 10px;
}
.image_right_border {
	clear: right;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #D7E2FC;
}
ul.box li, ul.box2 li {
	background-color: #FBFCFF;
	border: 1px solid #D7E2FC;
	margin: 10px 0px 0px;
	list-style-type: none;
	float: left;
	position: relative;
	background-image: url(../images/box_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
ul.box h2, ul.box2 h2 {
display:none;
}
ul.box li img {
	float: left;
	margin-right: 10px;
	border: 1px solid #D7E2FC;
}
ul.box li p {
	padding-left: 86px;
}
ul.box li ul li, ul.box2 li ul li {
	list-style-type: disc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	background:none;
}
.download {
	border: 1px solid #C0C0C0;
	padding: 10px;
	background-image: url(../images/box_gradient.jpg);
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1%;
}
.download h2 {
	margin: 0px;
	padding: 0px 0px 10px;
}
.download p {
	font-weight: bold;
}



.page_numbers li a {
	list-style-type: none;
}
.page_numbers li {
	list-style-type: none;
	position: relative;
	clear: right;
	float: left;
	padding-right: 15px;
}
ul.page_numbers {
	list-style-type: none;
	position: relative;
	clear: left;
	float: left;
	margin-top: 20px;
}
.image_gallery {
	border: 1px solid #D7E2FC;
	margin: 10px;
}
#cim_header-left img.nswfb_logo {
display:none;
}
.small_box {
	border: 1px solid #A4C2F8;
	width: 100px;
	padding: 10px;
	text-align: center;
	background-color: #F2F9FF;
	position: relative;
	float: left;
	clear: none;
	height: 100px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.small_box img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.box_groups {
	width: 575px;
	clear: none;
	position: relative;
	margin-left: 50px;
	z-index: 999;
	float: left;
}

ul.box_groups, ul.box_groups li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.box_groups li {
	margin: 10px;
	padding: 5px;
	float: left;
	width: 100px;
	height: 110px;
	text-align: center;
	background-image: url(../images/gradient_box_blue.jpg);
	border: 1px solid #AAC0F9;
}
div.section {
	background-color: #FBFCFF;
	border: 1px solid #D7E2FC;
	margin: 10px 0px 0px;
	float: left;
	padding: 10px;
	width: 95%;
	position: relative;
}
div #cim_main-content div.warning {
	padding: 5px;
	border: 1px solid #990000;
	margin-top: 20px;
	background-image: url(../design/homepage/warning_box_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FEE1E5;
	text-align: left;
	margin-right: 5px;
}