*
	{
	    PADDING-RIGHT: 0px;
	    PADDING-LEFT: 0px;
	    PADDING-BOTTOM: 0px;
	    PADDING-TOP: 0px;
	    MARGIN: 0px;
/*		 font-size: 10px;*/
		 font-size: small;
	}
/*** The Essential Code ***/

		body {
			font-family: arial;
			width: auto;
			font-size: 110%;
			background-color: #FFF;
			color: #565959;
			margin: 0 0 0 1em;
			padding: 0;
			height: 100%;
			background: transparent url(../img/fade_bg.gif) repeat-x 0 0;
		}
		#header{
/*			width: 68em;
			float: left;
			border: 1px solid yellow;
			margin-left: 3em;
			height: auto;*/
			clear: both;
			display: block;
			position: relative;
			float: left;
			width: 71.2em;
			padding: 0;
			height: auto;
/*			margin: 0 0 0 3em;*/
			background-color: transparent;
			z-index: 750;
		}
		#container {
			clear: both;
			display: block;
			position: relative;
/*			left: 40px;*/
/*			top: -2em;*/
			float: left;
			width: 71.2em;
			padding: 0;
			height: auto;
/*			margin: 0 0 0 3em;*/
/*			background-color: #e8e8e8;*/
		}
		p{
			padding: 1em 0 0 0;
		}
		#container .column {
			position: relative;
		}
		#innerWrapper1
		{
		float: left;
		height: auto;
		}
		#innerWrapper2
		{
			float: right;
			width: 15em;
		}
		#pageContent{
			padding: 1em 3em 3em 1em;
			background-color: #e8e8e8;
		}
		#pageContent img{
			padding: 0 1.5em 0 0;
		}
		#center {
			float: left;
			width: 52em;
			background-color: #e8e8e8;
			height: 40em;
/*			padding: 0 0 0 0;*/
		}
		html center{
/*			padding: 0 0 0 2em;*/
		}
		#container {
			height: auto;
			z-index: 500;
		}
		#center p {
		}
		h1{
			font-size: 160%;
			display: block;
			border-bottom: 0.3em solid #888;
			padding: 0.7em 0.2em 0.2em 0.2em;
			color: #9b301c;
			width: 95%;
			margin: 0 1em 0 0.5em;
		}
		h2{
			font-size: 110%;
			display: block;
			padding: 1em 0.2em 0.1em 0;
			color: #9b301c;
		}
		h3{
			font-size: 100%;
			display: block;
			padding: 0.2em 0.2em;
			color: #9b301c;
		}
		a{
			color: #565959;
		}
		a:hover{
			text-decoration: underline;
		}
		a:focus{
			text-decoration: underline;
		}
		a:active{
			text-decoration: underline;
		}
		.homeLink img{
			position: absolute;
/*			top: 0;
			left: 40px;*/
			margin: 0 0 0 3em;
			border: 0;
		}
		#image1{
/*			height: 12em;*/
/*			padding-left: 40px;*/
			position: relative;
			top: 0;
			left: 0;
			border: 0;
			width: 71.2em;
/*			margin: 0 0 0 2em;
			border: 0;*/
		}
		#left {
/*			float: left;
			width: 166px;
			height: 27.5em;*/
		}
		#right {
			float: right;
			height: 16em;
			width: 15em;
/*			border: 1px solid green;*/
			background-color: #9b301c;
			padding: 0.5em;
			margin: 3.3em 0 0 0;
		}
		#right fieldset{
			display: block;
			border: 0px solid #FFF;
		}
		#right h2{
			padding: 0.1em 0.2em;
			font-size: 160%;
			font-weight: normal;
			color: #fff;
			border-bottom: 0.2em solid #fff;
		}
		#right select{
			display: block;
/*			margin: 0;*/
		}
		#right label
		{
			position: relative;
			display: block;
			color: #fff;
			font-weight: bold;
		}
		#right input{
/*			margin-top: 1em;*/
			display: block;
		}
		#right .submitButton{
			margin-bottom: 0;
		}
		#aalogo{
			float: right;
		}
		/*** IE Fix ***/
		* html #left {
			float: left;
		}
		#navWrapper{
			float: left;
			position: absolute;
			top: 4.2em;
			left: 01em;
			width: 69.2em;
			line-height: 1;
			z-index: 1000;
		}
		
#nav, #nav ul {
	float: left;
	width: 69.2em;
	list-style: none;
	line-height: 1;
	background: #9b301c;
	height: 1.5em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
#nav{
/*	border-bottom: 0.5em solid #fff;*/
	background: #9b301c url(../img/menu_border.gif) repeat-x bottom left;
	padding-top: 0.25em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
}
#nav a {
	display: block;
	width: 10em;
	w\idth: 8.5em;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 0em 0em 0em;
	height: 1.5em;
	text-align: left;
	font-size: 90%;
/*	border-bottom: 0.5em transparent;*/
/*	border: 1px solid yellow;*/
}

/*		#nav li ul a{
			border-bottom: 0.5em solid #fff;
			color: #fff;
		}
		#nav li ul a:hover{
			border-bottom: 0.5em solid #fff;
			color: #fff;
		}
		#nav li ul a:active{
			border-bottom: 0.5em solid #fff;
			color: #fff;
		}
		#nav li ul a:focus{
			border-bottom: 0.5em solid #fff;
			color: #fff;
		}*/
#nav li {
	float: left;
	padding: 0;
	width: 8.5em;
/*	border-bottom: 0.1em solid #fff;*/
}
#nav li ul li a{
/*	border-bottom: 0.5em solid #fff;*/
	font-weight: bold;
	text-align: left;
	padding-left: 0.5em
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 10.9em;
	font-weight: normal;
	margin: 0;
	padding-top: 0.5em;
	background-color: #888;
	border-bottom: none;
	border-top: 0.5em solid #fff;
/*	background: #888 url(../img/menu_border.gif) repeat-x top left;*/
}
#nav ul li ul{
/*	border-bottom: 0em solid #9b301c;*/
}

#nav li li {
	padding-right: 1em;
	width: 10em;
	margin: 0;
}

#nav li ul a {
	width: 14em;
	w\idth: 10em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
/*	border-bottom: 0.5em solid #9b301c;*/
	background: #9b301c;
}

/*		#nav{
			position: relative;
			top: 2.3em;
			left: 1.5em;
			float: left;
			width: 100%;
			list-style: none; 
			line-height: 1;
			font-weight: bold;
			padding: 0.25em 0 0 0;
			margin: 0;
		}

		#nav, #nav ul{
			float: left;
			width: 100%;
			list-style: none;
			line-height: 1;
			font-weight: bold;
			margin: 0;
			padding: 0;
			z-index: 1000;
		}
		#nav a{
			float: left;
			display: block;
			width: 100%;
			line-height: 1;
			color: #FFF;
			font-weight: bold;
			font-size: 100%;
			text-decoration: none;
			padding: 0.25em 0;
			border-bottom: 0.5em solid #fff;
			text-align: center;
		}
		#nav a:hover{
			background-color: #9b301c;
			filter:alpha(opacity=62);-moz-opacity:.62;opacity:.62;
			border-bottom: 0.5em solid #9b301c;
			color: #fff;
		}
		#nav a:active{
			background-color: #9b301c;
			border-bottom: 0.5em solid #9b301c;
			color: #fff;
		}
		#nav a:focus{
			background-color: #9b301c;
			border-bottom: 0.5em solid #9b301c;
			color: #fff;
		}
		#nav li{
			float: left;
			width: 15em;
		}
		#nav li ul{	
			position: absolute;
			background-color: #000;
			filter:alpha(opacity=62);-moz-opacity:.62;opacity:.62;
			
			text-align: center;
			position: absolute;
			width: 15em;
			left: -999em;
			margin: 2em 0 0 0.5em;
		}
		* html #nav li ul{
			margin: 0;
		}
		#nav li:hover ul, #nav li:focus ul, #nav li:active ul, #nav li.sfhover ul, #nav li.sffocus ul, #nav li.sfactive ul{
			left: auto;
			border: 0;
		}
		#nav li ul a{
			border: 0;
			color: #fff;
		}
		#nav li ul a:hover{
			border: 0;
		}
		#nav li ul a:active{
			border: 0;
		}
		#nav li ul a:focus{
			border: 0;
		}*/
		#header img.secondLogo {
			float: left;
			padding: 1em;
		}
		#workflowBannerText {
			float: right;
			font-size: 1.5em;
			font-weight: bold;
			padding: 1em 1em 0 0;
		}
		#adaptLogo{
			float: left;
			position: absolute;
			bottom: 0;
		}
		.sideImage{
			width: 166px;
		}
		#tempSearchForm{
			float: left;
			display: inline;
		}
		* html legend{
			margin: 0 0 0 -0.5em;
		}
		#tempSearchForm fieldset{
			padding: 1em;
			border: 0px solid #FFF;
		}
		#tempSearchForm h2{
			font-size: 110%;
		}
		#tempSearchForm label{
			display: block;
			margin: 1em 0;
			padding: 0;
		}
		#tempSearchForm select{
			font-size: 0.8em;
			padding: 0;
		}
		/* the following will ensure the form input fields line up nicely after the labels 
			unfortunately, mozilla doesn't recognise the inline-block rule so we have to use
			-moz-inline-block */
		#tempSearchForm .formLabel{
			display: -moz-inline-box;
			width: 10em;
		}
		* html #tempSearchForm .formLabel{
			display: inline-block;
		}
		/* -moz-inline-block doesn't wrap the label, meaning that if we have a long label, it will
			disappear behind the associated element.  Therefore, we add another div inside the
			-moz-inline-block div, set it's display to block and specify a width for it */
		#tempSearchForm .blockLabel{
			display: block;
			width: 10em;
		}
		#tempSearchForm caption{
			font-size: 110%;
			font-weight: bold;
		}
		#tempSearchForm table{
			padding: 0;
			margin: 0;
		}
		#tempSearchForm th{
			font-weight: bolder;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			padding: 0.2em 0.5em;
			background-color: #FFBB70;
		}
		#tempSearchForm tr{
			width: 100%;
			border-bottom: 1px solid #000;
		}
		
		
		#genSearchForm{
			padding: 0 0 1em 17em;
			background-color: #e8e8e8;
		}
		* html legend{
			margin: 0 0 0 -0.5em;
		}
		#genSearchForm fieldset{
			margin: 1em 4em 1em 0;
			padding: 1em;
			border: 0px solid #e8e8e8;
		}
		#genSearchForm h2{
			font-size: 90%;
		}
		#genSearchForm label{
			display: block;
			padding: 1em 0;
		}
		#genSearchForm select{
/*			font-size: 0.8em;*/
			padding: 0;
		}
		/* the following will ensure the form input fields line up nicely after the labels 
			unfortunately, mozilla doesn't recognise the inline-block rule so we have to use
			-moz-inline-block */
		#genSearchForm .formLabel{
			width: 10em;
		}
		* html #genSearchForm .formLabel{
			display: inline-block;
		}
		/* -moz-inline-block doesn't wrap the label, meaning that if we have a long label, it will
			disappear behind the associated element.  Therefore, we add another div inside the
			-moz-inline-block div, set it's display to block and specify a width for it */
		#genSearchForm .blockLabel{
			display: block;
			width: 10em;
			font-weight: bold;
/*			font-size: 10px;*/
		}
		
		#permSearchForm{
			padding: 0 0 0 1em;
		}
		* html legend{
			margin: 0 0 0 -0.5em;
		}
		#permSearchForm fieldset{
			margin: 1em 4em 1em 0;
			padding: 1em;
			border: 1px solid #CCC;
			background: #DEE7EF;
		}
		#permSearchForm h2{
			font-size: 90%;
		}
		#permSearchForm label{
			display: block;
			padding: 1em 0;
		}
		#permSearchForm select{
			font-size: 0.8em;
			padding: 0;
		}
		/* the following will ensure the form input fields line up nicely after the labels 
			unfortunately, mozilla doesn't recognise the inline-block rule so we have to use
			-moz-inline-block */
		#permSearchForm .formLabel{
			display: -moz-inline-box;
			width: 10em;
		}
		* html #permSearchForm .formLabel{
			display: inline-block;
		}
		/* -moz-inline-block doesn't wrap the label, meaning that if we have a long label, it will
			disappear behind the associated element.  Therefore, we add another div inside the
			-moz-inline-block div, set it's display to block and specify a width for it */
		#permSearchForm .blockLabel{
			display: block;
			width: 10em;
		}
		#permSearchForm caption{
			font-size: 110%;
			font-weight: bold;
		}
		#permSearchForm table{
			padding: 0;
			margin: 0;
		}
		#permSearchForm th{
			font-weight: bolder;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			padding: 0.2em 0.5em;
			background-color: #FFBB70;
		}
		#permSearchForm tr{
			width: 100%;
			border-bottom: 1px solid #000;
		}
		
		#searchResults{
			padding: 0;
			margin: 1em 0 0 1.5em;
		}
		#searchResults th{
			font-weight: bolder;
			width: 20%;
/*			border-right: 1px solid #000;
			border-bottom: 1px solid #000;*/
			padding: 0.2em 0.5em;
			background-color: #9e7c0a;
		}
		#searchResults th a{
			color: #fff;
			font-weight: bold;
		}
		#searchResults tr{
			width: 100%;
			font-size: 90%;
			padding: 0;
		}
		#searchResults td{
			padding: 0.5em 0.5em 0.5em 0;
		}
		#searchResults a{
			text-decoration: none;
		}
		#searchResults a:hover{
			text-decoration: underline;
		}
		#searchResults a:focus{
			text-decoration: underline;
		}
		#searchResults a:active{
			text-decoration: underline;
		}
		#searchResults caption{
			text-align: left;
		}
		#advertWrapper{
			background-color: #e8e8e8;
			padding: 2em 2em 1em 15em;
			margin: 0 0 0 1em;
			text-indent: 0;
		}
		.advertlabel{
			font-weight: bold;
			padding: 0 0 0.5em;
		}
		.advertcontent{
			padding: 0 0 1em 0;
		}
		.advertcontent ul{
			padding: 0 0 0 2em;
		}
		
		.pageNavLink{	
			float: left;
			padding: 1em 2em 1em 1em;
			text-decoration: none;
		}
		.pageNavButton a{
			text-decoration: underline;
		}
		.formSubmit{
			clear: both;
		}
		#calenderWrapper{
		}
		label #calendarLabel{
			float: left;
			display: inline;
		}
		.calendarButton{
			float: left;
			display: inline;
		}
		#pageContent ul{
			padding: 1em;
		}
.shiftoffscreen a:link, .shiftoffscreen a:visited { /* Colour */
	position: absolute;
	top: 3.4em;
	left: 160px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 100%;
	z-index: 1002;
}
.shiftoffscreen a:active, .shiftoffscreen a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	color:#000;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 5px;
	background: #FFF;
	z-index: 10000;
	text-decoration:underline;
}
#accessible_nav{
}
#accessible_nav a:link, #accessible_nav a:visited { /* Colour */
	position: relative;
	top: 3.4em;
	left: -999em;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 100%;
	z-index: 1002;
}
#accessible_nav a:active, #accessible_nav a:focus { /* Only show skiplinks on focus */
	position: relative;
	overflow: visible;
	left: auto;
	color:#000;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 5px;
	background: #FFF;
	z-index: 10000;
	text-decoration:underline;
}
	
		#right label{
			padding: 0.5em 0 0 0;
		}
		
		#center li{
		}
		.readonlypageNavLink{	
			display: none;
			float: left;
			padding: 1em 2em 1em 1em;
			text-decoration: line-through;
		}
		.errorMessage{
			font-weight: bold;
			color: red;
		}
		.noRecordError{
			padding: 1em;
			font-weight: bold;
			color: red;
		}
		#dateSelect{
			display: block;
			padding: 1em 0;
			margin: 0;
		}
		#dateSelect label{	
			float: left;
			padding: 0 2em 0 0;
			margin: 0;
			display: inline;
			width: 5em;
		}
		
		#dateSelect select{
			float: right;
		}
		
		/* the following will ensure the form input fields line up nicely after the labels 
			unfortunately, mozilla doesn't recognise the inline-block rule so we have to use
			-moz-inline-block */
		#calendarLabel .formLabel{
			display: -moz-inline-box;
			width: 10em;
		}
		* html #calendarLabel .formLabel{
			display: inline-block;
		}
		/* -moz-inline-block doesn't wrap the label, meaning that if we have a long label, it will
			disappear behind the associated element.  Therefore, we add another div inside the
			-moz-inline-block div, set it's display to block and specify a width for it */
		#calendarLabel .blockLabel{
			display: block;
			width: 10em;
		}
		#noscriptPrint{
			position: absolute;
			top: 2.5em;
			left: 50%;
			width: 12em;
		}
		#nextButton{
			float: left;
		}
		#previousButton{
			float: left;
		}
		#applySpecButton{
			float: left;
		}
		#genSearchForm #applySpecButton{
			display: block;
			padding: 0;
			margin: 0;
		}
		#genSearchForm #applySpecButton a{
			padding: 1em 0;
			margin: 0;
		}
		#applyButton{
			float: left;
		}
		#returnButton{
			float: left;
		}
		#printButton{
			position: absolute;
			top: 3.5em;
			left: 38em;
			width: 8em;
			background: transparent url(../img/printer1.gif) no-repeat 70% right;
		}
		#nextButton a{
			text-decoration: underline;
		}
		#previousButton a{
			text-decoration: underline;
		}
		#applySpecButton a{
			display: block;
			text-decoration: underline;
		}
		#applyButton a{
			text-decoration: underline;
		}
		#returnButton a{
			text-decoration: underline;
		}
		#printButton a{
			text-decoration: underline;
		}
		#adModLink{
			padding: 1em 0 0 0;
		}
		ol{
			padding-left: 2em;
		}
		ol li{
			list-style-type: decimal;
		}
		.formSubmit{
			display: block;
			clear: both;
		}
		.countText{
			font-weight: bold;
			padding: 0 0 0 1.5em;
		}
		#footerList{
			float: left;
			width: 55em;
			margin: 0 0 0 12em;
/*			list-style: none; 
			line-height: 1.5;
			font-weight: bold;
			padding-left: 11.5em;*/
		}
		* html #footerList{
			width: 43.5em;
		}
		#footerList{
			float: left;
			width: 55em;
		}
		#footerList a {
			color: #c5c5c5;
			border-left: 1px solid #c5c5c5;
			padding: 0 1em;
		}
		#footerList a:hover{
			text-decoration: underline;
		}
		#footerList a:active{
			text-decoration: underline;
		}
		#footerList a:focus{
			text-decoration: underline;
		}
		#footerList li {
			float: left;
			padding-top: 0.3em;
			list-style-type: none;
		}
		#footerList ul{	
			display: block;
		}
		#noResultsText{
			padding: 1em 0 0 1em;
		}