/* Izilla CSS Template for - WorkCover - Inspector Jobs - Screen Styles */
/* http://www.izilla.com.au */

/* --------------------------------------------
	Conditional Browser Rules
----------------------------------------------- */

/*
	Usage: Apply each of these "hacks" after the initial incorrect value has been set.

	Child Selector for FF, IE7, Opera, Safari:
		html > body element {rule}
	
	Child Selector + Comment Hack, which IE7 ignores:
		html >/^^/ body element {rule}
	
	Comment Hack to hide from IE5x:
		element {selector/^^/:/^^/ value;}
	
	Replace ^ with *
*/




/* --------------------------------------------
	Colour Glossary
----------------------------------------------- */

/*
	Swatch - #000000
*/




/* --------------------------------------------
	Top-level Elements
----------------------------------------------- */

/* Top-level Elements

    * HTML - HTML document
          o BODY - Document body
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding: 0 15px;
	text-align: center;
}

html >/**/ body {
	padding-bottom: 1px;
}

body * {
	font-family: inherit;
	font-size: 100%;
}





/* --------------------------------------------
	Generic Classes
----------------------------------------------- */

.align_centre {
	text-align: center !important;
}

.align_justify {
	text-align: justify !important;
}

.align_left {
	text-align: left !important;
}

.align_right {
	text-align: right !important;
}

.centre_object {
	display: block;
	margin: 0 auto 1.4em auto;
}

.clear {
	clear: both;
}


div.clear {  /* for clearing divs if overflow doesn't work */
	font-size: 0;
	line-height: 0px;
}

.float_left {
	display: block;
	float: left;
}

.float_right {
	display: block;
	float: right;
}

.glossary {display: none;}	/* For use in conjunction with AddGlossary script */

img.float_left {
	margin: 0.5em 1em 0.5em 0;
}

img.float_right {
	margin: 0.5em 0 0.5em 1em;
}

img.border {
	border: 1px solid #cad5f3;
	margin: 0.5em 1em 1em 0;
}

img.float_left_border {
	border: 1px solid #cad5f3;
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

img.float_right_border {
	border: 1px solid #cad5f3;
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.hidden {
	left: -999px;
	position: absolute;
	width: 1px;
}

.invisible {
	visibility: hidden;
} 




/* --------------------------------------------
	Specific Classes
----------------------------------------------- */

/* --------------------------------------------
	Special Inline Elements
----------------------------------------------- */

/* Special Inline Elements

    * A - Anchor
    * BR - Line break
    * IFRAME - Inline frame
    * IMG - Inline image
    * MAP - Image map
          o AREA - Image map region
    * Q - Short quotation
    * SPAN - Generic inline container
    * SUB - Subscript
    * SUP - Superscript
*/

a {
	color: #739301;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #415100;
}

a img {border: none;}

a.anchor {
	background-color: inherit;
	border: inherit;
	color: inherit;
	display: inline;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-align: inherit;
	text-decoration: inherit;
	text-indent: inherit;
	text-transform: inherit;
	white-space: inherit;
	word-spacing: inherit;
}

a.izilla, a:hover.izilla {
	color: #00814f;
}

a.cognition, a:hover.cognition {
	color: #237eb8;
}

q:before, q:after { 
    content: ""; /* With IE's lack of support, remove quotes on all good browsers. Add them manually in the markup */
}

/* --------------------------------------------
	Generic Block-level Elements
----------------------------------------------- */

/* Generic Block-level Elements

    * ADDRESS - Address
    * BLOCKQUOTE - Block quotation
    * DEL - Deleted text
    * DIV - Generic block-level container
    * H1 - Level-one heading
    * H2 - Level-two heading
    * H3 - Level-three heading
    * H4 - Level-four heading
    * H5 - Level-five heading
    * H6 - Level-six heading
    * HR - Horizontal rule
    * INS - Inserted text
    * P - Paragraph
    * PRE - Preformatted text
*/

address {
	font-style: normal;
}

#cim_main h1 {
	border-bottom: 1px solid #000;
	color: #676566;
	font-size: 145%;
	margin-bottom: 0.5em;
	padding-bottom: 4px;
}

#cim_main h2 {
	color: #86ac00;
	font-size: 130%;
	margin-bottom: 0.5em;
}

#cim_main h3 {
	color: #111;
	font-size: 120%;
	margin-bottom: 0.5em;
}

#cim_main h4 {
	color: #86ac00;
	font-size: 110%;
	margin-bottom: 0.8em;
}

#cim_main h5 {
	color: #111;
	font-size: 110%;
	margin-bottom: 1em;
}

#cim_main h6 {
	color: #86ac00;
	font-size: 100%;
	margin-bottom: 1.1em;
}

hr {
	border: none;
	background-color: #c0dc58;
	color: #c0dc58;
	height: 1px;
	margin-bottom: 1.1em;
}

#cim_main p {
	margin-bottom: 1.1em;
}

/* --------------------------------------------
	Lists
----------------------------------------------- */

/* Lists

    * DIR - Directory list
    * DL - Definition list
          o DT - Definition term
          o DD - Definition description
    * LI - List item
    * OL - Ordered list
    * UL - Unordered list
*/



/* --------------- */
/*	Tools Bar       */
/* --------------- */


#cim_tools {
	color: #fff;
	font-size: 120%;
}

#cim_tools {
	overflow: hidden;
	width: 957px;
}

#cim_tools .links {
	display: inline;
	float: left;
	margin: 10px 18px;
}

#cim_tools .contact {
	display: inline;
	float: right;
	margin: 10px 18px;
}

#cim_tools .links ul {
	list-style-type: none;
}
	
#cim_tools .links ul li {
	float: left;
	margin-right: 25px;
}

#cim_tools a {
	background: url(/images/bg_cim_tools_a.gif) no-repeat 0 2px;
	color: #fff;
	float: left;
	padding-left: 18px;
	text-decoration: none;
}

#cim_tools a:hover, #cim_tools a:focus {
	background-position: 0 -201px;
}

/* --------------- */
/*	Top Navigation */
/* --------------- */

#cim_top-nav {
	background: #97c000 url(/images/bg_cim_top-nav.png) no-repeat 0 0;
	height: 44px;
	width: 957px;
}

/* --------------- */
/*	Content Lists  */
/* --------------- */

#cim_main ul {
	list-style-type: none;
	margin-bottom: 1.1em;
	padding-left: 24px;
	position: relative;
}

#cim_main ul li {
	background: url(/images/bg_cim_main_ul_li.gif) no-repeat 2px 5px;
	height: 1%;
	margin-bottom: 0.5em;
	padding-left: 18px;
}

#cim_main ol {
	list-style-type: decimal;
	margin-bottom: 1.1em;
	margin-left: 5px;
	padding-left: 3em;
}

#cim_main ol.lower_aplha {list-style-type: lower-alpha;}
#cim_main ol.upper_alpha {list-style-type: upper-alpha;}
#cim_main ol.lower_roman {list-style-type: lower-roman;}
#cim_main ol.upper_roman {list-style-type: upper-roman;}

#cim_main ul ol li {
	background: none;
	padding-left: 0;
}

#cim_main li ul {margin-top: 1.1em;}
#cim_main li ol {margin-top: 1.1em;}

#cim_main ol li {
	margin-bottom: 0.5em;
}


/* --------------------------------------------
	Phrase Elements
----------------------------------------------- */

/* Phrase Elements

    * ABBR - Abbreviation
    * ACRONYM - Acronym
    * CITE - Citation
    * CODE - Computer code
    * DFN - Defined term
    * EM - Emphasis
    * INS - Inserted text
    * KBD - Text to be input
    * SAMP - Sample output
    * STRONG - Strong emphasis
    * VAR - Variable
*/




/* --------------------------------------------
	Font Style Elements
----------------------------------------------- */

/* Font Style Elements

    * SMALL - Small text
    * TT - Teletype text
*/



/* --------------------------------------------
	Specific Sections
----------------------------------------------- */

#cim_page-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 957px;
}

/* --------------- */
/*	Skip to Link   */
/* --------------- */

#cim_skip-content {
	background: #fff url(/images/bg_cim_skip-content.png) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	margin-top: 15px;
	overflow: hidden;
	width: 957px;
}

#cim_skip-content a {
	color: #0e5279;
	float: right;
	margin: 6px 11px 6px 14px;
	text-decoration: none;
}

#cim_skip-content a:hover,
#cim_skip-content a:focus {
	text-decoration: underline;
}

/* --------------- */
/*	Header         */
/* --------------- */

#cim_header {
	background: #fff url(/images/bg_cim_header.png) no-repeat left bottom;
	height: 91px;
	padding: 0 12px;
	position: relative;
}

#cim_header img {
	position: absolute;
	right: 13px;
	top: 0;
}

#cim_header-left {
	height: 55px;
	padding-top: 2px;
	overflow: hidden;
	width: 370px;
}

#cim_header-left br {
	display: none;
}

#cim_header-left img {
	float: left;
	margin-right: 8px;
	position: static;
}

#cim_header-left span.state {
	float: left;
	height: 20px;
	margin-bottom: 4px;
	margin-top: 8px;
	overflow: hidden;
	width: 274px;
}

#cim_header-left span.state a {
	background: url(/images/bg_state.png) no-repeat 0 0;
	display: block;
	height: 20px;
	text-indent: -999em;
	width: 274px;
}

#cim_header-left span.department {
	float: left;
	height: 16px;
	width: 153px;
}

#cim_header-left span.department a {
	background: url(/images/bg_department.gif) no-repeat 0 0;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
	width: 153px;
}

#cim_house-banner {
	height: 46px;
	margin-left: 447px;
	position: absolute;
	margin-top: -82px;
	width: 354px;
}

#cim_content-wrapper {
	background: #fff url(/images/bg_cim_content-wrapper.gif) no-repeat left bottom;
	overflow: hidden;
	padding: 11px 18px;
	width: 957px;
	width/**/:/**/ 921px;
}

/* ------------------------ */
/*	Main Content Container  */
/* ------------------------ */

#cim_main-content {
	float: left;
	width: 728px;
}

#cim_main-content.home {
	width: 921px;
}

#cim_main {
	font-size: 120%;
	clear: both;
	display: inline;
	float: left;
	line-height: 160%;
	width: 921px;
}

/* ------------------------ */
/*	Home Page Containers    */
/* ------------------------ */

#hp_content {
	display: inline;
	float: left;
	width: 512px;
}

#hp_content h1 {
	border: none;
	color: #000;
	font-size: 140%;
}

#hp_content ul {
	padding-left: 0;
}

#hp_content ul li {
	margin-bottom: 0.2em;
}

#hp_feature {
	display: inline;
	float: left;
	margin-left: 18px;
	width: 391px;
}

#hp_feature ul {
	background: url(/images/bg_hp_feature_ul.jpg) no-repeat 0 0;
	height: 391px;
	list-style-type: none;
	padding: 0;
	position: relative;
	width: 391px;
}

#hp_feature ul li {
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 97px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -999em;
	width: 97px;
}

#hp_feature ul li#no_1 {
	background-image: url(/images/bg_hp_feature_li_1.jpg);
	left: 98px;
	top: 0;
}

#hp_feature ul li#no_2 {
	background-image: url(/images/bg_hp_feature_li_2.jpg);
	left: 0;
	top: 98px;
}

#hp_feature ul li#no_3 {
	background-image: url(/images/bg_hp_feature_li_3.jpg);
	left: 98px;
	top: 98px;
}

#hp_feature ul li#no_4 {
	background-image: url(/images/bg_hp_feature_li_4.jpg);
	left: 294px;
	top: 98px;
}

#hp_feature ul li#no_5 {
	background-image: url(/images/bg_hp_feature_li_5.jpg);
	left: 0;
	top: 196px;
}

#hp_feature ul li#no_6 {
	background-image: url(/images/bg_hp_feature_li_6.jpg);
	left: 294px;
	top: 294px;
}

#hp_feature ul li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 97px;
	overflow: hidden;
	text-indent: -999em;
	width: 97px;
}

#hp_feature ul li a:hover,
#hp_feature ul li a:focus {
	background-position: 0 -97px;
}

#hp_feature ul li#no_1 a {
	background-image: url(/images/bg_hp_feature_li_a_becoming_an_inspector.gif);
}

#hp_feature ul li#no_2 a {
	background-image: url(/images/bg_hp_feature_li_a_info_for_indigenous.gif);
}

#hp_feature ul li#no_3 a {
	background-image: url(/images/bg_hp_feature_li_a_what_can_wc_do.gif);
}

#hp_feature ul li#no_4 a {
	background-image: url(/images/bg_hp_feature_li_a_information_sessions.gif);
}

#hp_feature ul li#no_5 a {
	background-image: url(/images/bg_hp_feature_li_a_how_to_apply.gif);
}

#hp_feature ul li#no_6 a {
	background-image: url(/images/bg_hp_feature_li_a_meet_our_inspectors.gif);
}

#hp_feature h2 {
	background: url(/images/bg_h_put_experience_to_work.gif) no-repeat 0 0;
	height: 22px;
	overflow: hidden;
	text-indent: -999em;
}

#hp_column_right {
	display: inline;
	float: left;
	width: 180px;
}

/* --------------- */
/*	Footer         */
/* --------------- */

#cim_footer {
	background: #97c000 url(/images/bg_cim_footer.gif) no-repeat left bottom;
	color: #425401;
	font-size: 110%;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 17px;
	position: relative;
	width: 957px;
	width/**/:/**/ 923px;
}

#cim_footer * {
	color: #425401;
}

#cim_footer a {
	padding-right: 4px;
	text-decoration: none;
}

html >/**/ body #cim_footer a {
	padding-right: 8px;
}

#cim_footer a:hover, #cim_footer a:focus {
	text-decoration: underline;
}

#cim_footer ul#nav_gov {
	float: left;
	list-style-type: none;
	width: 200px;
}

#cim_footer ul#nav_site {
	list-style-type: none;
	margin: 0 200px;
	text-align: center;
	width: 520px;
}

#cim_footer ul li {
	border-right: 1px solid;
	display: inline;
	margin-right: 8px;
}

#cim_footer ul li.last_node {
	border-right: none;
}

#cim_footer p {
	float: right;
	font-style: italic;
	text-align: right;
	width: 200px;
}
