/*
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;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 80.01%;
}

img {border: 0;}
a {color: #000000; text-decoration: none;}
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: #000000;
	background-color: #000000;
	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;

}


/* 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 : #000000;
	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-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#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 span.state a {
	font-size : 1.5em;
	border-bottom : 1px solid #d7e2fc;
	line-height : 1.5em;
	color: #000000;
	text-decoration: none;
}
#cim_header #cim_header-left span.department a {
	font-size : 1.4em;
	font-weight : normal;
	color: #000000;
	text-decoration: none;
}
#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;
}

/* 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;
}

/* main body content
*******************************************************************************/
#cim_main-content {
	position : relative;
	z-index : 5;
	padding-top: 6px;
	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%;
}
*: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 : 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;}




/* 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;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#cim_bread-crumbs li {
	display : inline; 
	margin-right : 6px; 
	padding-left : 14px;
	background : transparent url(../images/bullet_breadcrumb.gif) 0 60% no-repeat;
	color : #000000;
}
* 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: #000000;
	font-weight: bold;
}
#cim_footer {
	font-size: 0.8em;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	text-align: right;
	display: none;
}


/* 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-repeat: repeat-x;
	background-position: top;
	border: 1px solid #000000;
}

.tip {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #000000;
}

.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: #000000;
}

.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;
}
.bolder {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

.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;
}
.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;
}
.download h2 {
	margin: 0px;
	padding: 0px 0px 10px;
}
.download p {
	font-weight: bold;
}
.download {
	display: none;
}





/* hide unnecessary nav */

#cim_skip-content {display:none;}
#cim_house-banner {display:none;}
#cim_tools {display:none;}
#cim_top-nav {display:none;}
#cim_left-col {display:none;}
.function-icons {display:none;}
#cim_right-col {display:none;}

/* hide backgrounds */
#cim_content-wrapper {background:none;}

/* reposition main content */
#cim_main-content {padding: 0; margin : 0;}

/* bread crumbs
*******************************************************************************/
#cim_bread-crumbs {

}

#cim_bread-crumbs li {

}
#cim_bread-crumbs li a {text-decoration : none;}

#cim_header #cim_header-left img.print {
	position : absolute;
	left : 10px;
	top : 0px;
	margin-top: 10px;
	height: 76px;
	width: 386px;
}
#cim_header #cim_header-left img.screen, #cim_header #cim_header-left img.screen_nswfb, #cim_header #cim_header-left .state {
	display:none;
}

#cim_header-left img.nswfb_logo {
	position: absolute;
	right: 20px;
	top: 10px;
	height:82px;
	width:148px;
}
#cim_header-left img.nswfb_signature {
	position: absolute;
	top: 40px;
	height:29px;
	width:257px;
}

