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

img {
  border: 0;
}
/*  these rules effects to whole website for the following inner contents tags */
/*
a {color: #0033FF; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {text-decoration: underline;}
*/

h1 {
  margin-bottom: 0.6em;
  font-size: 1.6em;
  color: #C03A00;
  font-weight: normal;
}

h2, h3, h4 {
	background: url(images/nodeTitle.gif) no-repeat 0 100%;
	color: #00a7c0;
	font-size: 1.392em;    /* 22px */
	font-weight:bold;
	line-height: 1.25em;
	margin: 0px 0 0 0;
}

p {
	color: #444;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 0.8125em;    /* 13px */
	line-height: 1.461em;    /* 19px */
	margin: 6px 0 12px 0;
}

ol, ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 1em;
}

ul li {}

ol li {}

table {
  border: 0;
  margin: 0 0 0em 0;
}
/* page wrapper
*******************************************************************************/

#whole_body_wrapper {
/* set global base font size for entire page */
  font-size: 99.01%;
  position: relative;
  display: block;
  width: 99%;
}

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

#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 #d7e2fc;
  margin-bottom: 0px;
  font-size: 0.85em;
  min-height: 73px;
  background-color: #003399;
}

* html #cim_header {
  height: 73px;
}

#cim_header #cim_header-left #top_left_corner_image {
  position: absolute;
  left: 0;
  top: 0;
}

#cim_header #cim_header-left #logo {
  position: absolute;
  left: 0px;
  top: 0;
}

#cim_header-left {}

#cim_header #cim_header-left span.unit {
  font-weight: normal;
  font-size: 1em;
}

#cim_header #cim_dept-logo {
  position: absolute;
  right: 0;
  top: 0px;
}

#cim_house-banner {
  position: absolute;
  margin-left: 270px;
  top: 1.0em;
}
/* ............................. Search ........................... */

.search {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

#cim_search-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

#cim_search_input, #cim_search_input input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 1em;
  border: 1px solid #003399!important;
  width: 165px;
}
/* tools - search, links etcs
*******************************************************************************/

#cim_tools {
  background-color: #eeeeee;
  border-bottom: 1px solid white;
  font-size: 0.85em;
  color: #000000;
  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 {
  color: #002C95;
  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;
}

#cim_tools div.search {
  float: right;
  line-height: 1.8em;
}
/* top navigation
*******************************************************************************/

#cim_top-nav {
  clear: both;
  background-color: #d7e2fc;
  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: #d7e2fc;
  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 */
  background: transparent url(../images/bg_left_col.gif) 0 0 repeat-y;
  clear: both;
  width: 100%;
}

#main-table{
  width: 100%;
}


/* ........................................ Added Features ........................................... */
/* main body content
*******************************************************************************/

#cim_main-content {
  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%;
}

.left-col {
  background-color: #eeeeee;
  width: 170px;
}
/* right column (used for related links, shortcuts, peripheral info, etc)
*******************************************************************************/

.body_right_column {
	background-image: url(images/mac_hzVrule.gif);
	background-repeat: repeat-y;
}

.right_col {
  width: 208px;
  font-size: 0.85em;
}

.right_col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.right_col ul li {
  list-style-type: none;
  margin: 0;
}

.right_col ul li a {
  text-decoration: none;
}

.right_col ul li a:hover, .right_col ul li a:focus {
  text-decoration: underline;
}

td.right_col {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #eeeeee;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #eeeeee;
}

td.middle_col {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dedfde;
}
/* bread crumbs
*******************************************************************************/

#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 #d7e2fc;
  position: relative;
}

#cim_bread-crumbs img {
  display: inline;
  margin-right: 5px;
  padding-left: 5px;
}

#cim_bread-crumbs li {
  display: inline;
  padding-left: 20px;
  padding-right: 10px;
  background: transparent url(../images/icons/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;
  padding-right: 10px;
}

#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;
  text-align: right;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-size: 0.8em;
  color: #FFFFFF;
}

#cim_footer1 {
  font-size: 0.8em;
  color: #FFFFFF;/* #002C95; */
  background-color: #003399;
}

#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: bold;
}
/* generic reusable classes
*******************************************************************************/

.clear-hidden {
  clear: both;
  font-size: 1px;
  line-height: 1px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float_left_image {
  float: left;
}

.float_right_image {
  float: right;
  background-color: #FFFFFF;
  display: block;
  height: 73px;
  width: 285px;
}

/* =====================================================================================	
 	 	Start function-icons section rules  	
   =====================================================================================	*/   
div.function-icons {
  cursor: default;
  text-align: center;
}

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

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

#body_area {
  PADDING-RIGHT: 7px;
  PADDING-LEFT: 10px;
  PADDING-TOP: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 0.85em;
}

.state {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  display: block;
  padding-top: 18px;
}

.state a:link, .state a:active, .state a:visited, .state a:hover {
  display: block;
  font-size: 1.0em;
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
}

.department, .department a:link, .department a:active, .department a:visited, .department a:hover {
  display: block;
  text-decoration: none;
  font-size: 0.9em;
  padding-top: 4px;
}

.logo_and_text {
  padding-top: 4px;
}

.logo_and_text img {
  padding-top: 0px;
  border: none;
}
/*	===================================== 
/*	MAC Website's Additions	
/*	=====================================	*/

/* ------------------------------------ Classes for BreadCrumbs -------------------------------------- */

.BreadCrumbs {
  padding-left: 25px;
  height: 15px;  
  font-size: 0.7em;
  width: 100%;
  color: #666666;
  text-align: left;
  display: block;
}

.BreadCrumbs a:link, .BreadCrumbs a:visited {
  color: #009999;
  text-decoration: underline;
}

.BreadCrumbs a:hover {
  color: #666666;
  text-decoration: none;
}


/*	===================================== 
/*	Rules for main contents body table  
/*	=====================================	*/
.body_wrapper_table	{
	width: 100%;
	margin-left: 10px;
}

/*	===================================== 
/*	Rules for table body_left_column 
/*	=====================================	*/
.body_left_column	{
	width: 250px;
}

/*	===================================== 
/*	Rules for table body_center_column 
/*	=====================================	*/
.body_center_column	{
	width: 95%;
}

/*	===================================== 
/*	Rules for table body_right_column 
/*	=====================================	*/
.body_right_column	{
	width: 250px;
}
/*	===================================== 
/*	Rules for mod_latest_news
/*	=====================================	*/
.mod_latest_news	{
	width: 95%;
}

/* ========================================= Rules for new site's User Section =================================== */

#UserLoginTable, #UserLoginTable table {
  font-size: 0.95em;
  color: #333333;
}

#UserLoginTable fieldset {
  border-color: #FF3300;
  padding-top: 0;
  margin-top: 0;
}

#UserLoginTable legend {
  font-size: 1.1em;
  font-weight: bold;
  color: #003399;
  margin-left: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

#UserLoginTable .check_box {
  color: #333333!important;
  background: none!important;
}