/* CSS Document */
body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size: 70%;
	color:#4A4A4A;
	min-width: 65em;
	background:#0072BC url("../images/back.gif") repeat-x left top;
}
h1, h2, h3  {
	font-family : Arial, Helvetica, sans-serif; 
	font-weight : normal;
	letter-spacing: -1px;
}
h1{
	font-size: x-large;
}
h2{
	font-size: large;
}
h3{
	font-size: medium;
	color:#4A4A4A;
	margin: 0px;
	font-weight:bold;
}
p{
	font-size: small;
	/*margin-top: 0.5em;*/
}
a{
	color:#0A50A1;
}
ul {
	list-style-image: url("../images/bullet-blue.png");
	font-size: small;
	display:block;
}
a.skip:link, a.skip:visited {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -600em;
	color:#FFFFFF;
	background: transparent;
	border: 0;
	font-size:x-small;
	z-index: 200;
} 
a.skip:focus, 
a.skip:hover, 
a.skip:active { 
  	position: absolute;
   	top: 8px;
   	left: 0px;
   	width: 100%;
   	text-indent: 25px;
   	font-size:x-small;
   	border:0;
   	color:#CCEBB9;
   	background: transparent;
   	z-index: 200;
} 
#tablewrapper{
	border:0;
	padding:0;
	margin:0;
	width: 100%;
}
#tablewrapper td {
	vertical-align:text-top;
}
#pagewrapper {
	top:0;
	left: 0;
	width: 71em;
}
/* \ */
#pagewrapper {
	width: auto;
}
#leftwrapper {
	position:relative;
	width:25%;
	float:left;
}
#logo {
	position:relative;
	height: 130px;
	width: 183px;
	background:  url("../images/logo.gif") no-repeat left top;
	display:block;
}
#nav {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	background: #27596F /*#5DA5BE url(../images/alt/navback.gif) repeat-x left bottom*/; 
	color: #FFFFFF;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}		
#nav li {
	position:relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #456C88;
	border-top: 1px solid #002222;
}
#nav li a.home, a.info, a.deaf, a.direct, a.access, a.centre {
	position:relative;
	display:block;
	padding: 10px 0 0 5px;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px;
	voice-family: "\"}\""; padding: 5px 5px 8px 33px; margin: 3px 5px 3px 3px;
}
#nav li a.home:hover, a.info:hover, a.deaf:hover, a.direct:hover, a.access:hover, a.centre:hover{
	color:#FFFFFF;
	border-left-color: #efefef;
	border-bottom-color: #CC0000;
	text-decoration: underline;
}
#nav li a.home {
	voice-family: "\"}\""; background:   url("../images/home_icon_off.gif") no-repeat top left;
}
#nav li a.home:hover {
	voice-family: "\"}\"";background:   url("../images/home_icon.gif") no-repeat top left;	
}
#nav li a.info {
	voice-family: "\"}\"";background:   url("../images/info_off.gif") no-repeat top left;
}
#nav li a.info:hover {
	voice-family: "\"}\"";background:   url("../images/info_on.gif") no-repeat top left;
}
#nav li a.deaf {
	voice-family: "\"}\"";background:   url("../images/deaf_off.gif") no-repeat top left;
}
#nav li a.deaf:hover {
	voice-family: "\"}\"";background:   url("../images/deaf_on.gif") no-repeat top left;
}
#nav li a.direct {
	voice-family: "\"}\"";background:   url("../images/direct_off.gif") no-repeat top left;
}
#nav li a.direct:hover {
	voice-family: "\"}\"";background:   url("../images/direct_on.gif") no-repeat top left;
}
#nav li a.access {
	voice-family: "\"}\"";background:   url("../images/access_off.gif") no-repeat top left;
}
#nav li a.access:hover {
	voice-family: "\"}\"";background:   url("../images/access_on.gif") no-repeat top left;
}
#nav li a.centre {
	voice-family: "\"}\"";background:   url("../images/centre_off.gif") no-repeat top left;
}
#nav li a.centre:hover {
	voice-family: "\"}\"";background:   url("../images/centre_on.gif") no-repeat top left;
}
#nav li a.selected {
	display: block;
	padding: 8px 20px 8px 5px;
	margin: 3px 5px 0 0;
	background-color: #009999;
	color: #FFFFFF;
	text-decoration: none;
}
#quicklinks{
	position:relative;
	height: 212px;
	padding: 10px;
	background:   url("../images/man_back.gif") no-repeat left top;
}
#rightwrapper{
	position:relative;
	width:70%;
	float:left;
	top:0;
	left:0;
	z-index: 10; 
}
#utils{
	padding-top: 20px; 
	margin-bottom:0px;
	color: #FFFFFF;
	height: 31px;
	font-size:small;
	top:10px;
	voice-family: "\"}\""; position:absolute; left: 0; width: 92%; text-align:right; background:transparent;
}
/*@media all and (min-width: 0px){
  #utils {
     position: absolute;
     left: 25%;
     width: auto;
     height: 31px;
  }
}*/
#utils a {
	color:#FFFFFF;
	background:transparent;
	text-decoration:none;
	padding: 0 0.5em 0 0.5em;
}
#utils a:hover {
	color:#CCEBB9;
	background:transparent;
	text-decoration:underline;
}
/*.spacertop {
	width: 40px;
	height:40px;
}*/
/* \ */
.spacertop {
	width: 1px;
	height: 1px;
}
#contentwrapper{
	position:relative;
	margin-right: 1.5em;
	background-color:#FFFFFF;
	top: 71px;
}
/* \ */
#contentwrapper{
	top:71px;
}
#Header {
	background:   url("../images/topleft.gif") no-repeat left top;
	position: relative
}
#HeaderTop {
	padding-right: 9px; 
	padding-left: 0px; 
	right: -8px; 
	background: url("../images/topright.gif") no-repeat right top; 
	margin: 0px; 
	height: 60px; 
	position: relative
}
#HeaderTop h1 {
	margin:0;
	padding-top: 35px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #0A50A1;
}
/* \ */
#HeaderTop h1 {
	padding-bottom: 0px;
	width: 80%;
	float:left;
}
#HeaderLongContent {
	background:   url("../images/leftborder.gif") repeat-y left top;
}
#HeaderBody{
	padding-right: 9px; 
	padding-left: 0px; 
	right: -8px; 
	background:   url("../images/rightborder.gif") repeat-y right top; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px -7px; 
	padding-top: 0px; 
	position: relative;
}
#homebanner{
	position:relative;
	margin:0;
	padding:0.5em 0.5em 0.5em 1.5em;
	height: 16em;
}
html>body #homebanner {
	height: auto;
}
#homebanner h3 {
	padding-top: 0;
	margin-top: 0;
	padding-right: 5px;
	font-size: 90%;
}
#homebanner p {
	padding-top: 0;
	margin-top: 0;
	padding-right: 5px;
}
#homebanner img {
	margin-top: 20px;
	margin-left: 10px;
	position: relative;
	float:right;
}
/* \ */
#homebanner img {
	margin-top: -30px;
}
#homebannershad {
	position:relative;
	clear:both;
	height: 12px;
	margin:0;
}
/* \ */
#homebannershad {
	background:  url("../images/banner_shad.gif") repeat-x left bottom;
}
#breadcrumb {
	position:relative;
	margin:0;
	padding: 1.2em;
	font-size:small;
}
#content{
	background-color:#FFFFFF;
	margin: 2.8em 0.8em 0 0.8em;
}
/* \*/
#content{
	border:5px solid #CCCCCC;
	background-color:#FFFFFF;
	margin: 0 0.8em 0 0.8em;
}
/*hack ends*/
#contentleft{
	position:relative;
	border-right:5px solid #CCCCCC;
	width: 46%;
	float:left;
	margin:0;
	padding:0.9em;
	background-color:#FFFFFF;
}
#contentright{
	position:relative;
	/*border:1px solid #CCCCCC;*/
	width: 45%;
	float:left;
	margin:0.3em 0.3em 0.3em 0.3em;
	padding:0.6em;
	/*background-color:#FFFFFF;*/
	top: 0px;
	left: 0px;
}
html>body #contentleft {
	width: 46%;
}
html>body #contentright {
	width: 40%;
}
#contentleftsub{
	position:relative;
	border-right:5px solid #CCCCCC;
	width: 66%;
	float:left;
	margin:0;
	padding:0.9em;
	background-color:#FFFFFF;
}
/* \ */
#contentleftsub{
	position:relative;
	margin:0;
	padding:0.9em;
	background-color:#FFFFFF;
}
html>body #contentleftsub {
	width: 62%;
}
#contentrightsub{
	position:relative;
	width: 25%;
	float:left;
	margin:0.3em 0.3em 0.3em 0.3em;
	padding:0.6em;
	top: 0px;
	left: 0px;
}
#subimage, #infoimage, #directimage, #accessimage, #deafimage, #centreimage{ 
	float:right; 
	width: 67px; 
	height: 68px; 
	margin-top: 6px
}
/* commented backslash hack v2 \*/
#subimage {
	background:  url("../images/default_badge.gif") no-repeat right top;
}
/* end hack */
/* commented backslash hack v2 \*/
#infoimage {
	background:  url("../images/info_badge.gif") no-repeat right top;
}
/* end hack */
/* commented backslash hack v2 \*/
#directimage {
	background:  url("../images/direct_badge.gif") no-repeat right top;
}
/* end hack */
/* commented backslash hack v2 \*/
#accessimage {
	background:  url("../images/access_badge.gif") no-repeat right top;
}
/* end hack */
/* commented backslash hack v2 \*/
#deafimage {
	background:  url("../images/deaf_badge.gif") no-repeat right top;
}
/* end hack */
/* commented backslash hack v2 \*/
#centreimage {
	background:  url("../images/centre_badge.gif") no-repeat right top;
}
/* end hack */
.ArticleFooter {
	background:  url("../images/bottomleft.gif") no-repeat left bottom; 
	position: relative; 
	top: 0px
}
.ArticleFooter P {
	clear: both;
	padding-right: 8px; 
	display: block; 
	padding-left: 0px; 
	right: -8px; 
	background:   url("../images/bottomright.gif") no-repeat right bottom; 
	padding-bottom: 15px; 
	margin: -2.1em 0px 0px;
	padding-top: 15px; 
	position: relative
}
html>body .ArticleFooter P {
	padding-top: 1.3em;
}
#footer{
	position:relative;
	clear:both;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color:#FFFFFF;
	top: 53px;
	padding-bottom: 2em;
	padding-left: 10px;
	padding-top: 5px;
}
/* \ */
#footer {
	top: 53px;
}
#footer p {
	width: 25%;
}
.spacer {
	width: 50em; height: 1px;
	voice-family: "\"}\""; width: 65em; height: 1px;
}
/*new styles*/
.box-dyk-left {
	padding-left: 0px; 
	height: 8px; 
	margin-top: 0.6em;
	color: #FFFFFF;
	voice-family: "\"}\""; padding-left: 9px;
}
.datatable {
	width: 100%;
	background-color:#999999;
}
.datatable th {
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}
.datatable td {
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}
.cellcentre {
	text-align:center;
}