/*
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): #E3EDEF;
left selected/expanded background: #f5faff;
left/top unselected background: #99BAC1;
left/top hover background: #002C95;
lines: #99BBC4;
main text: black;
h1, highlight: #C03A00;
navigation text: #023B44;
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:#444; 
	background-color : #042A58;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 100.01%;
	padding : 5px 7px 0 7px;
}

img {border: 0;}
a {color: #0000CC; text-decoration: none;}
a:hover {color:#4444FF; text-decoration: none;}
a:focus {text-decoration: underline;}
h1 {margin-bottom : 0.6em; font-size: 1.5em; color: #042A58 ; font-weight: bold;}
h2 {margin-bottom : 0.6em; font-size: 1.2em; font-weight: bold; color: #042A58;}
h3 {margin-bottom : 0.6em; font-size: 1em; font-weight: bold; color: #042A58;}
h4 {margin-bottom : 0.6em; font-size: .9em; font-weight: bold; color: #042A58;}
p {margin : 0 0 1em 0;}
ol,ul {margin: 0 0 1em 2em; }
ul li {}
ol li {}

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: 90.01%;
	width:920px;
	margin-top: 0px; 	
	margin-left: auto; 	
	margin-right: auto; 
	padding: 0px; 
	background-color:#FFF;  
	border: 2px #FFF solid;
}

/*
#cim_skip-content {
	text-align: right;
	font-size: 0.85em;
	background: #005566;
	font-size : 0.85em;
	height : 15px;
	padding: 5px;
}
#cim_skip-content a {
	text-decoration: none;	color: #FFF;
}
#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration:underline;
}
*/

/* Header 
*******************************************************************************/
#cim_header {
/*	background: #559933;
	position : relative;
	font-size : 0.85em;
	border-bottom : 1px solid #FFF;
	border-top : 1px solid #FFF; */
	height: 212px;
}

/* 
* html #cim_header {height : 60px;}

#cim_header #cim_header-right {
	float: right;
	color : #FFF; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding : 0 0 0 0;
	margin-top: 25px;
	margin-right: 10px;
}
#cim_header #cim_header-right img {
	position : absolute; left : 0; top : 5px;}

#cim_header #cim_header-right span.state {
	font-size : 1em;
	line-height : 1.5em;
}

#cim_header #cim_header-right a.state {
	font-size : 1em;
	color: #FFF;
}


#cim_header #cim_header-right a.department {
font-size : 1.5em; font-weight : bold; color: #FFF; 
border-top : 1px solid #FFF;
}

#cim_header #cim_dept-logo {
	position : absolute;
	right : 300px;
	margin-top:12px; 
	top : 1px;
}
#cim_house-banner {
	float: right;
	top: 1.99em;
}

#cim_homeflash {
	float: right;
	top: 60px;
}

#cim_logo {
	float: left;
	top: 84px;
}


#cim_header-left a{
	text-decoration:none;
}

*/

/* tools - search, links etcs
*******************************************************************************/
/*

#cim_tools {
	background-color : #888;
	border-bottom : 1px solid white;
	font-size : 0.85em;
	color : white;
	height : 23px;
	padding : 2px 10px 0px 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 #99BAC1;
	vertical-align : middle;
	padding : 1px 0 2px 0;
	width : 150px;
}
#cim_tools input.go {
	border : 0;
	width : 25px;
	height : 18px;
	padding : 0;
}

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

*/

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

#cim_content-wrapper li { margin:10px 0 0 10px; list-style: disc; }

/* left column (secondary navigation)
*******************************************************************************/
#cim_left-col {
	font-size : 0.8em;
	width : 216px;
	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 li {
	list-style-type : none;
	margin : 0;
}
#cim_left-col a {
	display : block;
	border-top: 1px solid #FFF;	
	border-bottom: 1px solid #AAA;
	padding: 10px 0px 10px 12px;
	width : 204px;
	\width : 228px;
	w\idth : 204px;
	color: #555;
	text-decoration : none;
	font-weight : bold;
	background : #DDD;
}
#cim_left-col a:hover, #cim_left-col a:focus {
	color : #000;
	background : #EEE;
}
#cim_left-col a.arrow {
	background : #DDD url(../img/arrow_green_side.gif) 190px 14px no-repeat; 
}
#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
	background: #EEE url(../img/arrow_white_side.gif) 190px 14px no-repeat;
}

/* first level EXPANDED items */

#cim_left-col li.highlight {background-color : #DDD; font-weight : bold;}
#cim_left-col li.highlight a {
	background-color : #EEE;
	border : 0;
	font-weight : bold;
}
#cim_left-col li.highlight a:hover, #cim_left-col li.highlight a:focus {
	background : transparent;
	color : #000;
	text-decoration : none;
	font-weight : bold;
}
#cim_left-col li.highlight a.arrow {
	background: transparent url(../img/arrow_green_down.gif) 190px 14px no-repeat;
}
#cim_left-col li.highlight a.arrow:hover, #cim_left-col li.highlight a.arrow:focus {
	background: transparent url(../img/arrow_green_down.gif) 190px 14px 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;
	border : 0;
font-weight : bold;
	padding : 6px 12px 6px 18px;
	width : 186px;
	\width : 226px;
	w\idth : 186px;
}
#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 28px;
	width : 130px;
	\width : 180px;
	w\idth : 130px;
	font-size : 0.9em;
	color : #333333;
}

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



/* main body content
*******************************************************************************/
#cim_main-content {
	font-size : 0.85em;
	padding : 20px 20px 20px 240px;
	position : relative;
	z-index : 5;
}
.no-right-col {
	padding-right: 14px !important;
}

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


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



/* arrow styles
*******************************************************************************/


img.bol_right
{
	border: none;
	width: 8px;
	height: 14px;
}
img.spacer
{
	width: 5px;
	border: 0; 
}

/* misc */
hr { color: #888;  height: 1px; width: 100%;  noshade; }