The following colours are used in this stylesheet.


/* Tag specific rules 
*******************************************************************************/
* {
	/* set even playing field for all browsers */
	margin: 0;
	padding: 0;
}

body {
	font-family: Franklin Gothic, Franklin Gothic book, Franklin Gothic demi, sans-serif;
	color: #333366;
	background-color: #ffffff;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	padding: 5px 7px 0 7px;
}

img {
	padding: 4px 0px 9px 0px;
}

div.figure {
  float: right;
  width: 20px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  text-align: right;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

a {
	color: #0000ff; 
	text-decoration: underline;
}

a:hover {
	COLOR: #FF9933;
	text-decoration: underline
}

a:focus {
	text-decoration: underline;
}

h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 145%; 
	color: #006666;
	text-align: left;
	margin-bottom: 0.2em;
	padding-bottom: 2px;
	padding-top: 1px; 
}

h2,h3,h5,h6 {
	color: #006600;
}

h2 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 95%; 
	font-weight: bold;
	padding-bottom: 2px;
	MARGIN: 0px 0px 5px 0px;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 120%; 
	font-weight: bold;
	color: #408080;
}

h4 {
	font-family: Arial, sans-serif;
	font-size: 82%; 
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 2px;
	COLOR: #009900;
}

p {
	font-size: 85%;
	margin: 0 0 1em 0;
}

blockquote {
  	padding:  0 0 0 25px;
	font-size: 95%;	
}

ol,ul {
	margin: 0 0 1em 2em;
	list-style-position: outside; 
	font-size: 85%; 
	font-family: Franklin Gothic, Franklin Gothic book, Franklin Gothic demi, sans-serif;
	color: #333366;
	list-style-type: disc
}

ul li {}

ol li.highlight {
	color: #1F4164;
}

table {
	border-collapse: collapse;
	border: 0;
	margin: 0 0 1em 0;
}

input,select,textarea {
	font-size: 1em;
	font-family: Franklin Gothic, Franklin Gothic book, Franklin Gothic demi, sans-serif;
}


/* 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;
	text-align: right;
	cursor: default;
}

div.function-icons .noscript {
	display: none;
}

div.function-icons .scriptAvailable {
	display: inline;
}


/* page wrapper
*******************************************************************************/
#cim_page-wrapper {
	/* set global base font size for entire page */
	font-size: 80%;
	position: relative;
}


#cim_skip-content {
	text-align: right;
	font-size: 0.85em;
}

#cim_skip-content a {
	text-decoration: none;
}

#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration: underline;
}


/* Header 
*******************************************************************************/
#cim_header {
	position: relative;
	border-bottom: 1px solid #002C95;
	margin-bottom: 1px;
	font-size: 0.85em;
	min-height: 62px;
}

* html 
#cim_header {
	height: 62px;
}

#cim_header #cim_header-left {
	margin-right: 160px;
	color: #002C95; 
	font-family: font-family: Franklin Gothic, Franklin Gothic book, Franklin Gothic demi, sans-serif;
	font-weight: bold;
	padding: 0 0 0 88px;
	/* the width wraps the text; remove the declaration when using a house banner */
	width: 100%;
}
#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 #FF9933;
	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;
}

/* tools - search, links etcs
*******************************************************************************/
#cim_tools {

	border-bottom: 1px solid white;
	font-size: 0.85em;
	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 {
	text-decoration: none;
}

#cim_tools a:hover, #cim_tools a:focus {
	text-decoration: underline;
}

#cim_tools input {
	border: 1px solid #BEBEBE;
	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 {
	float: right; 
	line-height: 1.8em;
}




/* top navigation
*******************************************************************************/
#cim_top-nav {
	clear: both;
	background-color: #BEBEBE;
	border-bottom: 1px solid white;
	font-size: 0.85em;
	position: relative;
	height: 2.3em;
	z-index: 10;
}

#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;
	border-right: 1px solid white;
	z-index: 3;
}

#cim_top-nav ul ul {
	display: none;
	position: absolute;
	top: 2.5em;
	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 white;
}

#cim_top-nav li a {
	display : block;
	margin : 0;
	padding : 6px 0px 6px 1em;
	text-decoration : none;
}

#cim_top-nav li a:hover, #cim_top-nav li a:focus, #cim_top-nav li a.highlight {
	background-color: #002C95;
	color: white;
	font-weight: bold;
}

#cim_top-nav li li a {
	display: block;
	background-color: #BEBEBE;
	padding: 6px 0px 6px 11px;
}

#cim_top-nav li li a:hover, #cim_top-nav li li a:focus {
	background-color: #002C95 !important;
	color: white !important;
	font-weight: normal;
}

/* 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-item1 {width: 15em;} #cim_top-nav li.menu-item1 a {width : 14em;}
#cim_top-nav ul li.menu-item2 {width: 15em;} #cim_top-nav li.menu-item2 a {width : 14em;}
#cim_top-nav ul li.menu-item3 {width: 15em;} #cim_top-nav li.menu-item3 a {width : 14em;}
#cim_top-nav ul li.menu-item4 {width: 15em;} #cim_top-nav li.menu-item4 a {width : 14em;}
#cim_top-nav ul li.menu-item5 {width: 15em;} #cim_top-nav li.menu-item5 a {width : 14em;}
#cim_top-nav ul li.menu-item6 {width: 15em;} #cim_top-nav li.menu-item6 a {width : 14em;}
#cim_top-nav ul li.menu-item7 {width: 15em;} #cim_top-nav li.menu-item7 a {width : 14em;}
#cim_top-nav ul li.menu-item8 {width: 15em;} #cim_top-nav li.menu-item8 a {width : 14em;}
#cim_top-nav ul li.menu-item9 {width: 15em;} #cim_top-nav li.menu-item9 a {width : 14em;}
#cim_top-nav ul li.menu-item10 {width: 15em;} #cim_top-nav li.menu-item10 a {width : 14em;}
*/


/* content wrapper
*******************************************************************************/
#cim_content-wrapper {
	/* creates fake left column background image */
	clear: both;
	border-top: 1px solid #999999;
}

/* left column (secondary navigation)
*******************************************************************************/
#cim_left-col {
	font-size: .9em;
	width: 160px;
	margin-left: 1px;
	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-bottom: 1px solid white;
	padding: 6px 12px 6px 12px;
	width: 146px;
	\width: 170px;
	w\idth: 146px;
	text-decoration: none;
	background: #ffffff;
}
#cim_left-col a:hover, #cim_left-col a:focus {
	color: #002C95;
	background: #FFCC33;
}
#cim_left-col a.arrow {
	background: #ffffff 150px 8px no-repeat;
}
#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
	background: #FFCC33 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: #002C95;
	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;
	border: 0;
	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: 120px;
	\width: 170px;
	w\idth: 120px;
}

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



/* main body content
*******************************************************************************/
#cim_main-content {
	padding: 6px 184px 1em 182px;
	position: relative;
	z-index: 5;
}

.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: 170px;
	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 #BEBEBE;
}

#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 (top navigation)
*******************************************************************************/
#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 white;
	position : relative;
}
#cim_bread-crumbs li {
	display: inline; 
	margin-right: 6px; 
	padding-left: 14px;
	background: transparent url(../images/icons/breadcrumb.gif) 0 60% no-repeat;
	color: #999999;
}
* 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: #F7A05D;
}


/* footer
*******************************************************************************/
#cim_footer {
	clear: both;
	border-top: 1px solid #FF9933;
	padding: 7px 0;
	text-align: center;
}

#cim_footer { 
	font-size: 0.7em; 
	color: #000000;
}

#cim_footer a {
	text-decoration: none;
}

#cim_footer a:hover, #cim_footer a:focus {
	text-decoration: underline;
}

#cim_footer #lastupdated {
	font-size: 0.9em; 
	font-weight: bold;
}