body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	line-height: 150%;
}

/**************** Links *************/

a:link {color: #012E8B;}
a:visited {color: #6D006D;}
a:hover,
a:active,
a:focus{color: #B0280D;}

/**************** Header *************/

#header  {
	width: 100%;
	overflow: hidden;
	background: #fff;
	clear: both;
}

.accessOptions {width: 100%; clear: both; font-size: 90%; }

.accessOptions .curve1 {background: #015C98 url('../images/blue_curve1.gif') no-repeat bottom left; width: 100%;}

.accessOptions .curve2 {background: url('../images/blue_curve2.gif') no-repeat bottom right; height: 100%;  height: 12px;}

.accessOptions .content {text-align: right; width: 95%; margin-left: auto; margin-right: auto; padding: 3px 0 8px 0;}

.accessOptions .content span {margin: 0 5px;}

.accessOptions .content img {position: relative; top: 5px;}

.accessOptions a,
.accessOptions a:visited,
.accessOptions a:hover,
.accessOptions a:active,
.accessOptions a:focus {color: #000000; background: none; text-decoration: underline;}

.banner1 {background: #015C98 url('../images/blue_curve3.gif') no-repeat top left; width: 100%;  clear: both; overflow: hidden;}

.banner2 {background: url('../images/blue_curve4.gif') no-repeat top right;  height: 100%; text-align: center; padding: 7px 15px 5px 15px; }

.banner2 .fltLeft {float: left; margin-top: 4px;}

.banner2 .fltRight {float: right; margin-top: 4px;}

.banner2 .imageTop {margin-top: 15px;}

#header .screenR .screenR-image {background: url('../images/sound.gif') no-repeat 0 50%; line-height: 200%;}

#header .screenR a,
#header .screenR a:visited,
#header .screenR a:hover,
#header .screenR a:active,
#header .screenR a:focus,
#header .screenR span {padding: 20px 0 20px 25px;}

.boxContainer {padding: 5px 0; width:98%; margin-left: auto; margin-right: auto; clear: both; overflow: hidden;}

.searchBox {color: #000; float: right; width: 25%; text-align: right;}

.searchBox form {margin: 0; padding: 0;}

.searchBox form input { font-size: 90%; border: 1px solid #666;}

.searchBox form .formButton input { border: none;  margin-bottom: -5px;}

.breadcrumb {width:72%; float: left; margin-top: 3px;}

/**************** Top main navigation *************/

.mainNav {width: 100%; background: #B8DE80 url('../images/banner_bkgd.gif') repeat-x bottom left; clear: both; overflow: hidden; }

.mainNav ul {
	margin: 0;
	padding: 0;
}

.mainNav ul li {
	border-right: 1px solid #E2F1CA;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 4px 0;
	margin: 0;
}

.mainNav a,
.mainNav a:visited {
	text-decoration: none;
	padding: 10px 14px;
	margin: 0;
	color: #1f1f1f;
}

.mainNav a:hover, 
.mainNav a:active, 
.mainNav a:focus {
	text-decoration: none;
	background: #B34700;
	color: #fff;
}

.mainNav ul li span {
	text-decoration: none;
	padding: 10px 14px;
	margin: 0;
	background: #B34700;
	color: #fff;
}

/************** Page Layout **************/

#columnColours  {
	width: 100%;
	color: inherit;
	overflow: hidden;
	border-top: 5px solid #015C98; 
}
	
#columnWrapper1 {margin: 0 0 0 270px;}

#columnWrapper2 {
	width: 100%;
	float: left;
	background: #fff;
	}

#mainContentWrapper{
	width: 100%;
	float: right;
}

#columnWrapper2, #mainContentWrapper, #leftColumn {
	overflow: visible;
	position: relative;
}

/************** Main Content **************/

#content {padding: 12px 20px 10px 20px;}

ul {margin-left: 18px;}

ol {margin-left: 40px;}

li {margin-bottom: 5px;}

ul li {list-style-image:url(../images/black_bullet.gif);}

p {padding: 5px 0;}

#content ul
{margin-top: 10px; margin-bottom: 10px;}

.block1 {float: left; margin-bottom: 10px; width: 63%;}

.block2 {float: right; margin-bottom: 10px; width: 33%; }

#content .headCurve1 {
  background: #015C98  url('../images/blue_curve3.gif') no-repeat top left;
  width: 84%; 
}

#content .block1 .headCurve1 {
  background: #015C98  url('../images/blue_curve3.gif') no-repeat top left;
  width: 43%; 
}

#content .headCurve2 {
  background: url('../images/blue_curve4.gif') no-repeat top right;   padding: 4px 10px;
  overflow: hidden; height: 100%;
}

#content .block1 h2, 
#content .block2 h2 
{color: #fff;}

.block1 .content,
.block2 .content {border-top: 1px solid #015C98;}

.block1 h2 span { 
	background: url('../images/services.gif') no-repeat 0 0;
	padding-left: 26px;
	display: block;
	line-height: 150%;
 }

.block2 h2 span { 
	background: url('../images/info.gif') no-repeat 0 0;
	padding-left: 26px;
	display: block;
	line-height: 150%;
 }
 
/************** Heading Level **************/

h2 {
	font-size: 120%;
	font-family: 'Trebuchet MS';
	color: #1f1f1f;
}

#content h2 {color: #1f1f1f; line-height: 145%;}

h3 {font-size: 120%; border: 1px solid #CCC; padding: 2px 7px 4px 7px;}

h4 {font-size: 110%;}

h5 { font-size: 100%;}

h6 {font-size: 90%;}

h3, h4, h5, h6 {margin: 15px 0;}

/************** Left Sidebar **************/

#leftColumn {
	float: left;
	margin: 0 0 5px -270px;
	width: 265px;
    overflow: hidden;
	text-align: center;
	padding-bottom: 10px;
	border-right: 1px solid #015C98;
	border-bottom: 1px solid #015C98;
	border-left: 1px solid #015C98;
}

#leftColumn .leftContent {padding: 10px; background: #015C98; position: relative; text-align: left;}

#leftColumn .headCurve1 {
  background: #E5EEF4  url('../images/blue_curve5.gif') no-repeat top left; 
  border-bottom: 1px solid #015C98;
  width: 100%; 
}

#leftColumn .headCurve2 {
  background: url('../images/blue_curve6.gif') no-repeat top right; padding: 5px 10px 0 10px;
  overflow: hidden; height: 100%;
}

.updatesBlock{clear:both;overflow:hidden;width:100%;}

.updatesBlock h2 {display:inline;float:left;line-height: 150%;}

.updatesBlock h2 span{
	padding-left: 32px;
	display: block;
	background: url('../images/news.jpg') no-repeat 0 50%;
	line-height: 160%;
}

.updatesBlock #NuserAction{display:inline;float:right; margin-top: 2px;}

#leftColumn .newsList {background: #fff;  padding-bottom: 10px;}

#leftColumn .newsList #container{ width: 100%; overflow: scroll; white-space: nowrap; background:#FFFFEA; }

#leftColumn .newsList ul li {border-bottom: 1px solid #ccc; padding-bottom: 5px; list-style-image:url(../images/orange_bullet.gif); }

#leftColumn .newsList .more {margin: 0 10px; padding: 0; border: 1px solid #ccc;
position: relative;
}

#leftColumn .newsList .more a {
color: #B34700;
text-decoration: underline;
font-weight: bold;
display:block;
padding: 2px 20px 4px 20px;
margin: 0;
}

#leftColumn .newsList .more a:hover,
#leftColumn .newsList .more a:active,
#leftColumn .newsList .more a:focus {background: #E5EEF4;}

#leftColumn ul{
	padding: 10px 10px 10px 32px;
	margin: 1px 0 0 0
}

#leftColumn .newsList a {
	color: #000;
	text-decoration: none;
}

#leftColumn .newsList a:hover,
#leftColumn .newsList a:active,
#leftColumn .newsList a:focus {
	color: #B0280D;
	text-decoration: underline;
}

#leftColumn .logo {padding: 6px 0; background: #E5EEF4; margin: 5px 10px 0 10px;}

div.scroll {height: 200px; width: 230px; overflow: auto; padding: 9px;}

/**************** Tab Links *************/

#boxContainer2 {padding: 10px 0; width:100%; clear: both; overflow: hidden; border-top: 1px solid #015C98;}

#tabContainer {float: left; width: 61.5%; background: #8DC3E9; border: 5px solid #8DC3E9;}

#w1  {
	width: 100%;
	overflow: hidden;
	background: #8DC3E9; 
}

#w2 {margin: 0 0 0 43%;}

#w3 {
	float: left;
	width: 100%;
	background: #fff;
}

#w4 {
	float: right;
	width: 100%;
}

ul.tabBlock, #w3, #w4 {
	overflow: visible;
	position: relative;
}

ul.tabBlock {	
	float: left;
	margin: 0 0 0 -75.6%; 
	width: 75.6%;
	padding: 0; 
	display: block;
}

.tabContent {height: 22em; overflow: scroll; padding: 5px 0 0 0; text-align: center; }
 
.tabContent ul {padding-left: 20px; text-align: left;}

/**************** IHIR Block *************/

#content .block3 {float: right; width: 33%; background: #B7D86F; text-align: center; position: relative;}

#content .block3 .content {background: #B7D86F; padding: 10px 5px;}

#content .block3 .content p {
	width: 200px; 
	padding: 5px 0; 
	margin-left: auto;  
	margin-right: auto; 
	background: #fff; 
	font: 120% 'Trebuchet MS';
	font-weight: bold;
}

#content .block3 .content p a {text-decoration: none; color: #B34700; width: 100%;}

#content .block3 .content p a:hover, 
#content .block3 .content p a:active,
#content .block3 .content p a:focus
{text-decoration: underline;}

/**************** Disability Information Line Block *************/
.DIL-Box {width:100%; clear: both; overflow: hidden; background: #B7D86F;  border-bottom: 5px solid #B7D86F;}

.DIL-Box .block4 {float: left; width: 43%; padding: 10px 20px; margin-top: 13px; }

.DIL-Box .block5 {float: right; width: 50%; border-right: 5px solid #B7D86F;}

.DIL-Box .block5 .container1 {width: 100%; overflow: hidden; background: #B7D86F;}

.DIL-Box .block5 .container1 #userAction {margin: 0; padding: 4px 8px 0 8px; float: right; display: inline; font-size: 90%;}

.DIL-Box .block5 .container1 #userAction a {color: #000;}

.DIL-Box .block5 #container{ width: 100%; overflow: scroll; white-space: nowrap; background:#FFFFEA; }

.DIL-Box .block5  .info{ background: #fff; padding: 3px 20px; border-bottom: 1px solid #B7D86F;}

.DIL-Box .block5 #container #textItem  p{margin: 0 20px 20px 20px; padding: 0 20px 5px 20px; color: #813300; font-size: 120%; background: none; text-align: center; }

.DIL-Box .block4 .imageContent {
	float: left;
	width: 71px;
	margin-bottom: 30px;
	position: relative;
}
.DIL-Box .block4 .textContent {
	margin-left: 80px;
}

.block6 {background: #E5EEF4; margin-top: 10px; 	border: 1px solid #8DC3E9;}

.block6 .title {
	background: #fff; 
	width: 100%; 
	overflow: hidden; 
	clear: both;
}

.block6 h2 {float: left; padding: 2px 10px;}

.block6 h2 span{
	padding-left: 28px;
	display: block;
	background: url('../images/inhe.gif') no-repeat 0 50%;
	line-height: 180%;
}

.block6 .pageNav {float: right; padding: 0; margin: 5px 10px 0 10px;}

.block6 p {padding: 10px 15px;}

/**************** Misc *************/

.right {text-align: right;}

.center {text-align: center;}

img {border: 0;}

.hidethis {
	position:absolute;
 	left:0px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

.clr {clear: both;}

.fltRight{float:right;margin-bottom:2px;margin-left:15px;}

.fltLeft{float:left;margin-bottom:2px;margin-right:15px;}

.greyBox {border: 1px solid #ccc; padding: 5px; margin: 0 10px;}

.yellowBox {border: 2px dotted #FEBB4A; padding: 2px; margin: 10px 0;}

.yellowBox  p{background: #FFFFEA; color: #3F3F3F; font-weight: bold; padding: 10px;}

.blueBox {background: #015C98; color: #fff; padding: 5px; margin: 7px 10px; font-size: 110%; font-weight: bold;}

.red{color: #990000;}
	
/****** Two Columnar List ********/

ul.twoColumnList{
	float: left;
	width: 44%;
	position: relative;
	padding-left: 20px;
	margin-left: 0;
}

/**************** Footer Area *************/

#footer {
	border-top: 5px solid #015C98;
	width: 100%; 
	overflow: hidden; 
	clear: both;
	text-align: center; 
}

#footer .footerLinks { padding: 5px 10px 0 10px;}

#footer ul li {
	display: inline;
	white-space: nowrap;
}
	
#footer ul li a {	
	border-right: 1px solid #333;
	padding: 0 0.7em 0 0.3em;
	}

#footer ul li span{
	border-right: 1px solid #333;
	padding: 0 0.7em 0 0.3em;
	}

#footer ul li .last {
	border-right-width: 0;
	}
	
#footer p {padding: 7px 0 0 0; font-size: 90%; color: #333;}

#footer .footerLinks a {
color: #000;
}

#footer .footerLinks a:visited
{color: #6D006D; }

#footer .footerLinks a:hover,
#footer .footerLinks a:active,
#footer .footerLinks a:focus{color: #B0280D;}

/* Jquery Tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    margin: 0;
    padding: 0;
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
	border-bottom: 1px dotted #E5EEF4; 
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style-image: url('../images/transparent.gif');
}

.tabs-nav li a,
.tabs-nav li a:visited { 
	display: block; 
	padding: 5px 10px;
	text-decoration: none; 
	color: #000; 
	width: 91.7%;
}

.tabs-nav li a:hover,
.tabs-nav li a:active,
.tabs-nav li a:focus {	
	background: #fff;
	position: relative;
}

.tabs-nav li.tabs-selected {
	display: block;  
	color: #000; 
	background: #fff; 
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}