/*

hcs.css

release 1

CSS and XHTML templates by Sean Conran - Copyright (c) Netcel 2009

IMPORTANT - Updates to this file need to be tested on IE6, IE7, Firefox 3, Safari 3 and validated to W3C standards


*/

@media all {

* {
border: 0;
font-size: 100%;
line-height: 1.4em;
margin: 0;
padding: 0;
}

A, A:link, A:visited {
color: #2469a2;
font-weight: bold;
text-decoration: none;
}
A:hover, A:focus, A:active {
text-decoration: underline;
}
A.button, A.button:link, A.button:visited {
background: #01569a url(../images/hcs-images/build/button-bg.gif) top right no-repeat;
color: #ffffff;
font-weight: bold;
padding: 2px 7px 4px 7px;
text-decoration: none;
}
BODY.stopGap A.button, BODY.stopGap A.button:link, BODY.stopGap A.button:visited {
background: #353535 url(../images/hcs-images/build/button-bg-stop-gap.gif) top right no-repeat;
}
A.button:hover, A.button:focus, A.button:active {
text-decoration: none;
}
A.button:hover, A.button:focus, A.button:active {
text-decoration: none;
}

B, STRONG {
font-weight: bold;
}

BODY {
background: top center no-repeat fixed;
color: #666666;
font-family: arial,helvetica,sans-serif;
font-size: 75%;
}

H1 {
color: #666666;
font-size: 270%;
font-weight: normal;
margin: 0 0 0.325em 0;
}
H2 {
color: #234877;
font-size: 180%;
font-weight: normal;
margin: 0 0 0.65em 0;
}
H3 {
color: #454343;
font-size: 130%;
font-weight: bold;
margin: 0 0 0.65em 0;
}
H4 {
color: #666666;
font-size: 110%;
font-weight: bold;
margin: 0 0 0.325em 0;
}
H5, H6 {
color: #666666;
font-size: 90%;
font-weight: bold;
margin: 0 0 0.162em 0;
}

IFRAME {
border: 1px solid #a9b8d1;
margin: 0 auto 1.3em auto;
}
#f1c IFRAME {
width: 920px;
}
#f2c IFRAME {
width: 680px;
}
#f3c IFRAME {
width: 440px;
}

INPUT {
border: 1px solid #999999;
font-family: arial,helvetica,sans-serif;
padding: 0px 2px 2px 2px;
}
INPUT.formCheckbox,
SPAN.formCheckbox INPUT {
background-color: transparent;
background-image: none;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT.formFile {
width: 69%;
}
INPUT.formRadio,
SPAN.formRadio INPUT {
background-color: transparent;
background-image: none;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT.formSubmit {
background: #01569a url(../images/hcs-images/build/button-bg.gif) top right no-repeat;
border: 0;
color: #ffffff;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 1px 7px 3px 7px;
width: auto;
}
BODY.stopGap INPUT.formSubmit {
background: #353535 url(../images/hcs-images/build/button-bgBlack.gif) repeat-x;
}
INPUT.formPassword,
INPUT.formText {
width: 67%;
}
INPUT.formTextSmall {
width: 22%;
}

LEGEND {
display: none;
}

LI {
background: url(../images/hcs-images/build/bullet.gif) 0 6px no-repeat;
margin: 0.325em 0 0 0;
padding: 0 0 0 1em;
}
LI OL, LI UL {
margin: 0 0 0 3em;
}

OL {
list-style-image: none;
list-style-type: decimal;
margin: 0 0 1.3em 3em;
}
Ol LI {
background-image: none;
padding-left: 0.5em;
}
OL UL LI {
background: url(../images/hcs-images/build/bullet.gif) 0 6px no-repeat;
margin-left: -0.5em;
padding-left: 1em;
}

P {
margin: 0 0 1.3em 0;
}

P.date {
color: #234877;
font-size: 120%;
margin: 0 0 0.975em 0;
}
div.standFirst {
color: #234877;
font-size: 120%;
font-weight: bold;
margin: 0 0 0.975em 0;
}

SELECT {
border: 1px solid #999999;
font-family: arial,helvetica,sans-serif;
}

TABLE {
border-collapse: collapse;
border-left: 1px solid #dae3e5;
border-spacing: 0;
border-top: 1px solid #dae3e5;
clear: both;
margin: 0 auto 1.3em auto;
}
TD {
background-color: #ffffff;
border-bottom: 1px solid #dae3e5;
border-right: 1px solid #dae3e5;
padding: 5px 5px 5px 5px;
vertical-align: top;
}

TEXTAREA {
border: 1px solid #999999;
font-family: arial,helvetica,sans-serif;
height: 8em;
padding: 1px 2px 2px 2px;
width: 67%;
}

TH {
background-color: #f4f2f2;
border-bottom: 1px solid #dae3e5;
border-right: 1px solid #dae3e5;
padding: 5px 5px 5px 5px;
vertical-align: middle;
}

UL {
list-style-image: none;
list-style-type: none;
margin: 0 0 1.3em 2.5em;
}

.box {
border: 1px solid #dae3e5;
clear: both;
height: 168px;
margin: 0 0 15px 0;
padding: 9px 9px 9px 9px;
}
DIV[class=box] {
height: auto;
min-height: 12.00em;
}
#contentCentre .box {
background: top left no-repeat;
width: 37.17em;
overflow:hidden;
}
#contentLeft .box {
background: bottom right no-repeat;
background-color: #f7f7f7;
width: 17.08em;
}
#contentRight .box {
background: bottom right no-repeat;
width: 17.08em;
}
BODY.stopGap #contentRight .box {
background-color: #e1e2e2;
}
.box .l {
float: left;
width: 17.92em;
}
.box .r {
float: right;
width: 17.92em;
}
.box .links {
	padding-top: 5px;
}
.box img {
float: none;
padding: 0 0 10px 10px
}
.box img.leftAl {
float: left;
padding: 10px 10px 0 0 
}
.box H2 {
color: #666666;
font-size: 160%;
margin: 0 0 0.325em 0;
}
BODY.stopGap #contentCentre .box H2 {
color: #000000;
}
BODY.stopGap #contentRight .box H2 {
color: #000000;
}
.box LI {
background: url(../images/hcs-images/build/bullet.gif) 0 6px no-repeat;
font-size: 90%;
padding: 0 0 0.325em 12px;
}
.box .links LI {
background: url(../images/hcs-images/build/call-to-action-arrow.gif) 0 3px no-repeat;
}
#footer .links LI:last-child {
border:0
}
.box LI A, .box LI A:link, .box LI A:visited {
color: #2469A2;
font-weight: normal;
}
#contentLeft .box .links LI A {
font-weight: bold;
}
BODY.stopGap #contentRight .box LI A, BODY.stopGap #contentRight .box LI A:link, BODY.stopGap #contentRight .box LI A:visited {
color: #000000;
font-weight: normal;
}
.box P {
font-size: 12px;
margin: 0 0 0.65em 0;;
}
BODY.stopGap #contentRight .box P {
color: #000000;
}
.box UL {
margin: 0 0 0.65em 0;
}

.boxImage {
border: 1px solid #dae3e5;
clear: both;
float: left;
margin: 0 0 15px 0;
width: 18.58em;
}
.boxImage IMG {
display: block;
max-width: 223px;
}

#breadcrumb {
clear: both;
margin: 0 0 15px 0;
width: 78.83em;
}
DIV[id=breadcrumb] {
float: left;
}
#breadcrumb LI {
background: url(../images/hcs-images/build/breadcrumb-divider.gif) center right no-repeat;
float: left;
font-size: 90%;
margin: 0 7px 0 0;
padding: 0 9px 0 0;
}
#breadcrumb LI.last {
background-image: none;
color: #7d6e99;
margin: 0;
padding: 0;
}
BODY.stopGap #breadcrumb LI.last {
color: #999999;
}
#breadcrumb LI A {
color: #666666;
font-weight: normal;
}
#breadcrumb UL {
margin: 0 10px 0 10px;
}

#contentBG {
background: #ffffff repeat-y;
clear: both;
float: left;
padding: 12px 17px 22px 17px;
}
#contentBGbottom {
background: bottom left no-repeat;
clear: both;
font-size: 1px;
height: 5px;
width: 100%;
}
#contentBGtop {
background: #ffffff no-repeat;
clear: both;
font-size: 1px;
height: 5px;
width: 100%;
}

BODY.generic {
background-color: #7188a7;
background-image: url(../images/hcs-images/build/bodyBlueBg.jpg);
}
BODY.generic #contentBG {
background-image: url(../images/hcs-images/build/centerBlueBg.gif);
}
BODY.generic #contentBGbottom {
background-image: url(../images/hcs-images/build/centerBlueBot.gif);
}
BODY.generic #contentBGtop {
background-image: url(../images/hcs-images/build/centerBlueTop.gif);
}

BODY.business {
background-color: #786993;
background-image: url(../images/hcs-images/build/bodyPurpleBg.jpg);
}
BODY.business #contentBG {
background-image: url(../images/hcs-images/build/centerPurpleBg.gif);
}
BODY.business #contentBGbottom {
background-image: url(../images/hcs-images/build/centerPurpleBot.gif);
}
BODY.business #contentBGtop {
background-image: url(../images/hcs-images/build/centerPurpleTop.gif);
}

BODY.education {
background-color: #5897a6;
background-image: url(../images/hcs-images/build/bodyCyanBg.jpg);
}
BODY.education #contentBG {
background-image: url(../images/hcs-images/build/centerCyanBg.gif);
}
BODY.education #contentBGbottom {
background-image: url(../images/hcs-images/build/centerCyanBot.gif);
}
BODY.education #contentBGtop {
background-image: url(../images/hcs-images/build/centerCyanTop.gif);
}

BODY.individuals {
background-color: #8eab29;
background-image: url(../images/hcs-images/build/bodyGreenBg.jpg);
}
BODY.individuals #contentBG {
background-image: url(../images/hcs-images/build/centerGreenBg.gif);
}
BODY.individuals #contentBGbottom {
background-image: url(../images/hcs-images/build/centerGreenBot.gif);
}
BODY.individuals #contentBGtop {
background-image: url(../images/hcs-images/build/centerGreenTop.gif);
}

BODY.stopGap {
background-color: #5c5c5c;
background-image: url(../images/hcs-images/build/bodyGreyBg.jpg);
}
BODY.stopGap #contentBG {
background-image: url(../images/hcs-images/build/centerGreyBg.gif);
}
BODY.stopGap #contentBGbottom {
background-image: url(../images/hcs-images/build/centerGreyBot.gif);
}
BODY.stopGap #contentBGtop {
background-image: url(../images/hcs-images/build/centerGreyTop.gif);
}

#contentCentre {
border: 1px solid #dae3e5;
float: left;
margin: 0 0 15px 0;
padding: 10px 10px 10px 10px;
}
#f1c #contentCentre {
width: 77.00em;
}
#f2c #contentCentre {
width: 57.00em;
}
#f3c #contentCentre {
width: 37.00em;
}
.homePage #contentCentre,
.landingPage #contentCentre {
border: 0;
float: left;
margin: 0;
padding: 0;
}
#f1c .homePage #contentCentre,
#f1c .landingPage #contentCentre {
width: 78.83em;
}
#f2c .homePage #contentCentre,
#f2c .landingPage #contentCentre {
width: 58.83em;
}
#f3c .homePage #contentCentre,
#f3c .landingPage #contentCentre {
width: 38.83em;
}

#f1c #contentLeft {
display: none;
}
#f2c #contentLeft,
#f3c #contentLeft {
float: left;
margin: 0 1.24em 0 0;
width: 18.75em;
}

#contentMain {
float: left;
}
#f1c #contentMain {
width: 78.83em;
}
#f2c #contentMain,
#f3c #contentMain {
width: 58.83em;
}

#f1c #contentRight,
#f2c #contentRight {
display: none;
}
#f3c #contentRight {
float: left;
margin: 0 0 0 1.24em;
width: 18.75em;
}

.error {
color: #ff0000;
font-size: 90%;
font-weight: bold;
}
DIV.error,
P.error {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
SPAN.error {
margin: 0 0 0 0.5em;
}

#footer {
clear: both;
color: #ffffff;
float: left;
padding: 20px 0 20px 0;
width: 81.67em;
}
#footer A {
color: #ffffff;
font-weight: normal;
}
#footer LI {
background-image: none;
border-right: 1px solid #ffffff;
float: left;
font-size: 90%;
margin: 0 8px 0 0;
padding: 0 7px 0 0;
}
#footer LI.last {
border: 0;
margin: 0;
padding: 0;
}
#footer UL {
margin: 0;
}
#footer .contact {
clear: both;
float: left;
left: 17px;
margin: 0 0 10px 0;
position: relative;
}
#footer .contact SPAN {
font-family: arial;
font-size: 180%;
margin: 0 25px 0 5px;
position: relative;
top: -2px;
}
#footer .copyright {
clear: both;
font-size: 90%;
left: 17px;
position: relative;
}
#footer .links {
clear: both;
float: left;
left: 17px;
margin: 0 0 10px 0;
position: relative;
}

#footerSiteMap {
clear: both;
float: left;
margin: 10px 0 0 0;
width: 78.83em;
}
#footerSiteMap LI {
background-image: none;
float: left;
margin: 0;
padding: 0 15px 0 0;
width: 13.75em;
}
#footerSiteMap LI A {
color: #2469a2;
font-size: 110%;
font-weight: bold;
}
#footerSiteMap LI LI {
background: url(../images/build/call-to-action-arrow.gif) 0px 6px no-repeat;
float: none;
padding: 0 10px 2px 10px;
width: auto;
}
#footerSiteMap LI LI A {
color: #666666;
font-size: 90%;
font-weight: normal;
}
#footerSiteMap UL {
margin: 0 20px 0 20px;
}
#footerSiteMap UL UL {
margin: 0;
padding: 5px 0 0 0;
}

.form {
background-color: #f4f2f2;
clear: both;
float: left;
margin: 0 0 1.3em 0;
padding: 5px 0 10px 0;
width: 100%;
}
.tabBox .form {
padding: 0;
}
.form FIELDSET {
line-height: 2em;
}
.form P {
margin: 0 0 0.65em 0;
}
#contentMain .form TABLE {
background-color: transparent;
border: 0;
margin: 0 0 5px 0;
width: 100%;
}
.form TD,
.form TH {
background-color: transparent;
border: 0;
padding: 10px 10px 0 10px;
vertical-align: top;
}
#contentMain .recaptcha td {
	padding: 10px 10px 0 0;
}
.form TD.form-field {
padding-left: 5px;
padding-right: 10px;
text-align: left;
width: 59.9%;
}
.form TD.form-heading {
border-bottom: 3px solid #8399b6;
color: #ffffff;
font-size: 110%;
font-weight: bold;
line-height: 1em;
padding: 10px 0 0 0;
}
.form TD.form-label {
padding-left: 10px;
padding-right: 5px;
text-align: right;
width: 39.9%;
}

#header {
clear: both;
color: #ffffff;
float: left;
width: 81.67em;
}
#header .l {
float: left;
width: 69.9%;
}
#header .r {
float: right;
width: 29.9%;
}
#header IMG {
display: block;
float: left;
}
#header P {
float: left;
font-size: 120%;
font-weight:bold;
margin: 80px 0 0 -10px;
}

div#homeBanner {
	clear:both;
	width: 78.866em;
	height: 28.9166em;
}
div#homeBanner div.contentArea {
	width: 75.75em;
	height: 20.5em;
	padding: 1.3333em;
	border: 1px solid #dae3e5;
	border-bottom: none;
	position: relative;
}
div#homeBanner a {
	font-weight:normal;
}
div#homeBanner div.contentArea p,div#homeBanner div.contentArea ul {
	width:42%;
	background-color: #fff;	
	font-family:tahoma; 
	color:#666;
}
div#homeBanner div.contentArea ul li {
	padding-left: 1em;
	line-height: 0.68181;
	font-size: 1.25em;/*equal to 15px*/
	margin:0;
	background: url('../images/hcs-images/build/blueArrow.gif') no-repeat left center
}
div#homeBanner div.contentArea ul {
	margin-top: 1.6666em
}
div#homeBanner div.contentArea ul li a {
	color:#666;
	text-decoration:none
}
div#homeBanner div.contentArea ul li a:hover {
	text-decoration:underline
}
div#homeBanner div.contentArea div {
	width: 75.4166em;
	padding-left: 1.25em;
	height: 21.3333em;
	position:absolute;
}
div#homeBanner ul#buttonArea {
	width: 100%;
	height: 4.4166em;
}
div#homeBanner ul {
	margin:0
}
div#homeBanner p {
	margin-bottom: 0
}
div#homeBanner ul#buttonArea li {
	float:left;
	background:none;
	margin:0;
	padding:0
}
div#homeBanner ul#buttonArea li a {
	display:block;
	width: 221px;
	height: 3.2em;
	text-decoration: none;
	font-size: 1.6666em;/*equal to 20px*/
	cursor: pointer;
	padding: 12px 0 0 15px;
	color: #fff;
}
div#contentBG div#homeBanner ul#buttonArea li.selected a {
	background: url('../images/hcs-images/build/bannerBtnSel.jpg') no-repeat;
}
div#contentBG div#homeBanner ul#buttonArea li.selected a:hover {
	background: url('../images/hcs-images/build/bannerBtnSel.jpg') no-repeat;
	cursor: default
}
/* color the text for each button if it is selected*/
div#contentBG div#homeBanner ul#buttonArea li.selected a#bannerBtn1 {
	color: #637a99
}
div#contentBG div#homeBanner ul#buttonArea li.selected a#bannerBtn2 {
	color: #805890
}
div#contentBG div#homeBanner ul#buttonArea li.selected a#bannerBtn3 {
	color: #42a9aa
}
div#contentBG div#homeBanner ul#buttonArea li.selected a#bannerBtn4 {
	color: #8b9c17
}
/* General background colors for each button*/
div#homeBanner ul#buttonArea li a#bannerBtn1 {
	background: #fff url('../images/hcs-images/build/bannerBtn1.jpg') no-repeat left top
}
div#homeBanner ul#buttonArea li a#bannerBtn2 {
	background: #fff url('../images/hcs-images/build/bannerBtn2.jpg') no-repeat left top
}
div#homeBanner ul#buttonArea li a#bannerBtn3 {
	background: #fff url('../images/hcs-images/build/bannerBtn3.jpg') no-repeat left top
}
div#homeBanner ul#buttonArea li a#bannerBtn4 {
	background: #fff url('../images/hcs-images/build/bannerBtn4.jpg') no-repeat left top
}
div#contentBG div#homeBanner ul#buttonArea li a:hover {
	background-position:right top
}
div#banner1 {
	display:block;
}
div#banner2,div#banner3,div#banner4 {
	display:none;
}
p.headText {
	margin-top: 10px;
	font-size: 40px;
}
p.caption {
	font-size: 20px;
	margin-top:30px
}
#iconLinks {
clear: both;
padding: 15px 0 0 0;
width: 100%;
}
#iconLinks A {
color: #666666;
font-size: 90%;
font-weight: normal;
}
#iconLinks .iconAddToFavourites {
background: url(../images/hcs-images/build/icon-favourites.gif) top left no-repeat;
display: inline;
padding: 2px 15px 0 20px;
}
#iconLinks .iconPrint {
background: url(../images/hcs-images/build/icon-print.gif) top left no-repeat;
display: inline;
padding: 2px 15px 0 20px;
}

.imgCentre {
clear: both;
display: block;
margin: 0 auto 0 auto;
padding: 0 0 1.3em 0;
text-align: center;
}
.imgLeft {
float: left;
padding: 0 1.5em 0.975em 0;
}
.imgRight {
float: right;
padding: 0 0 0.975em 1.5em;
}

.listItemBlock {
clear: both;
float: left;
padding: 0 0 10px 0;
width: 100%;
}

.listItem {
background: #ffffff url(../images/hcs-images/build/gradient-border.gif) bottom left repeat-x;
clear: both;
float: left;
padding: 15px 0 5px 0;
width: 37.00em;
}
.searchResults .listItem {
width: 35.33em;
}
.listItemCntnr {
float: left;
font-size: 90%;
padding: 0 2% 0 2%;
width: 96%;
}
.listItem H2 {
font-size: 100%;
}
.listItem P {
margin: 0 0 0.65em 0;
}
.listItem .docLink {
background: top center no-repeat;
float: right;
margin: 0 0 0 1em;
text-align: center;
}
.listItem .docLink.iconExcel {
background: url(../images/hcs-images/build/icon-excel.gif) top center no-repeat;
}
.listItem .docLink.iconPDF {
background-image: url(../images/hcs-images/build/icon-pdf.gif);
}
.listItem .docLink.iconPowerpoint {
background-image: url(../images/hcs-images/build/icon-powerpoint.gif);
}
.listItem .docLink.iconWord {
background-image: url(../images/hcs-images/build/icon-word.gif);
}
.listItem .docLink A {
display: block;
font-weight: normal;
padding: 7px 0 0 0;
}

#master {
margin: 0 auto 0 auto;
width: 81.60em;
}

#navLeft {
background: url(../images/hcs-images/build/nav-left-bg.gif) bottom left repeat-x;
border: 1px solid #dae3e5;
clear: both;
margin: 0 0 15px 0;
}
#navLeftCntnr {
padding: 4px 9px 9px 9px;
width: 17.08em;
}
#navLeft LI {
background-image: none;
line-height: 1em;
margin: 0;
padding: 0;
}
#navLeft LI A {
background: url(../images/hcs-images/build/nav-left-level-2.gif) 5px 8px no-repeat;
color: #666666;
display: block;
font-size: 90%;
font-weight: normal;
padding: 5px 5px 5px 17px;
}
#navLeft LI A.selected {
background: url(../images/hcs-images/build/nav-left-level-2-selected.gif) 4px 10px no-repeat;
color: #464343;
font-weight: bold;
}
BODY.generic #navLeft LI A.selected {
background-color: #c7d0d0;
}
BODY.business #navLeft LI A.selected {
background-color: #d1c7d8;
}
BODY.education #navLeft LI A.selected {
background-color: #aedcdc;
}
BODY.individuals #navLeft LI A.selected {
background-color: #deeb8b;
}
BODY.stopGap #navLeft LI A.selected {
background-color: #e1e2e2;
}
#navLeft LI DIV {
background: url(../images/hcs-images/build/nav-left-divider.gif) bottom left repeat-x;
}

#navLeft LI LI {
}
#navLeft LI LI A {
background: url(../images/hcs-images/build/nav-left-level-3.gif) 7px 8px no-repeat;
padding: 2px 5px 2px 17px;
}
#navLeft LI LI A.selected {
background: url(../images/hcs-images/build/nav-left-level-3.gif) 7px 8px no-repeat;
}
BODY.generic #navLeft LI LI A.selected,
BODY.business #navLeft LI LI A.selected,
BODY.education #navLeft LI LI A.selected,
BODY.individuals #navLeft LI LI A.selected,
BODY.stopGap #navLeft LI LI A.selected {
background-color: transparent;
}
#navLeft LI LI DIV {
background: none;
}

#navLeft LI LI LI {
}
#navLeft LI LI LI A {
background: url(../images/hcs-images/build/nav-left-level-4.gif) 17px 8px no-repeat;
padding: 2px 5px 2px 27px;
}
#navLeft LI LI LI A.selected {
background: url(../images/hcs-images/build/nav-left-level-4.gif) 17px 8px no-repeat;
}
#navLeft LI LI LI DIV {
}

#navLeft LI LI LI LI {
}
#navLeft LI LI LI LI A {
background: url(../images/hcs-images/build/nav-left-level-5.gif) 27px 8px no-repeat;
padding: 2px 5px 2px 37px;
}
#navLeft LI LI LI LI A.selected {
background: url(../images/hcs-images/build/nav-left-level-5.gif) 27px 8px no-repeat;
}
#navLeft LI LI LI LI DIV {
}

#navLeft UL {
margin: 0;
}
#navLeft UL UL {
background: url(../images/hcs-images/build/nav-left-divider.gif) bottom left repeat-x;
padding: 1px 0 4px 0;
}
BODY.generic #navLeft UL UL {
background-color: #e8ecf0;
}
BODY.business #navLeft UL UL {
background-color: #e9e4ee;
}
BODY.education #navLeft UL UL {
background-color: #e0f2f2;
}
BODY.individuals #navLeft UL UL {
background-color: #f0f9bc;
}
BODY.stopGap #navLeft UL UL {
background-color: #f2f2f2;
}
#navLeft UL UL UL {
background-image: none;
padding: 0;
}
#navTop {
background: #efedee url(../images/hcs-images/build/mainNavBg.jpg) top left repeat-x;
border: 1px solid #d4dcde;
clear: both;
float: left;
margin: 0 0 15px 0;
width: 78.67em;
}
#navTop LI {
background: url(../images/hcs-images/build/mainNavDivider.gif) center right no-repeat;
float: left;
margin: 0;
width:118px;
padding: 0;
}
#navTop LI.last {
background-image: none;
}
#navTop LI A {
color: #474747;
display: block;
font-weight: bold;
margin: 0 2px 0 0;
height: 34px;
padding: 5px 0 5px 10px;
}
#navTop LI A:hover, #navTop LI A:focus, #navTop LI A:active {
background: #ddd9da url(../images/hcs-images/build/mainNavRoll.jpg) repeat-x;
text-decoration: none;
}
#navTop UL {
margin: 0;
}

#pageTitle {
background: bottom right no-repeat;
border: 1px solid #dae3e5;
border-bottom: 0;
clear: both;
padding: 10px 20px 5px 20px;
}
#f1c #pageTitle {
width: 75.33em;
}
.homePage #pageTitle {
display: none;
}

.landingPage DIV[id=pageTitle] {
height: auto;
min-height: 12.92em;
}
.landingPage #pageTitle .cntnr {
padding-right: 275px;
}
#pageTitle H1 {
margin: 0 0 0.162em 0;
}
BODY.stopGap #pageTitle H1 {
color: #000000;
}
#pageTitle H2 {
color: #666666;
font-size: 170%;
margin: 0 0 0.325em 0;
}
#pageTitle P {
font-size: 90%;
}
BODY.stopGap #pageTitle H1,
BODY.stopGap #pageTitle H2,
BODY.stopGap #pageTitle P {
color: #000000;
}

#pageTitleBorder {
border: 1px solid #dae3e5;
border-top: 0;
clear: both;
margin: 0 0 15px 0;
}
#f1c #pageTitleBorder {
width: 78.67em;
}
.homePage #pageTitleBorder {
display: none;
}
BODY.generic #pageTitleBorder {
background-color: #7c94b2;
}
BODY.business #pageTitleBorder {
background-color: #896697;
}
BODY.education #pageTitleBorder {
background-color: #43afae;
}
BODY.individuals #pageTitleBorder {
background-color: #b8ce24;
}
BODY.stopGap #pageTitleBorder {
background-color: #000000;
}
#pageTitleBorder DIV {
font-size: 1px;
height: 7px;
}

.pagination {
background-color: #f3f0f0;
clear: both;
float: left;
width: 100%;
}
.pagination A {
color: #2469a2;
font-size: 90%;
font-weight: bold;
}
.pagination LI {
background-image: none;
display: inline;
margin: 0;
padding: 0 5px 0 5px;
}
.pagination LI.selected A {
color: #000000;
}
.pagination UL {
margin: 0 auto 0 auto;
}
.pagination .c {
float: left;
text-align: center;
width: 60%;
}
.searchResults .pagination .c {
width: 21.25em;
}
.pagination .l {
float: left;
text-align: left;
width: 19.9%;
}
.searchResults .pagination .l {
width: 7.00em;
}
.pagination .l A {
background: url(../images/hcs-images/build/pagination-arrow-l.gif) left 4px no-repeat;
padding: 0 0 0 15px;
}
.pagination .r {
float: right;
text-align: right;
width: 19.9%;
}
.searchResults .pagination .r {
width: 7.00em;
}
.pagination .r A {
background: url(../images/hcs-images/build/pagination-arrow-r.gif) right 4px no-repeat;
padding: 0 15px 0 0;
}
.pagination .row {
clear: both;
float: left;
padding: 2px 0 4px 0;
width: 100%;
}
.paginationSpacer {
clear: both;
font-size: 1px;
height: 10px;
}

.search {
float: right;
margin: 80px 15px 0 0;
}
.search LABEL {
font-size: 120%;
}
.search TABLE {
border: 0;
clear: both;
margin: 0;
padding: 0;
}
.search TD,
.search TH {
background-color: transparent; 
border: 0;
padding: 0 0 0 5px;
vertical-align: middle;
}
.search .formSubmit {
background: #dae3e5 url(../images/hcs-images/build/button-bg-search.gif) top right repeat-x;
border: solid 1px #999999;
color: #333333;
padding: 1px 6px 0px 6px;
}
.stopGap .search .formSubmit {
color: #ffffff;
}
.search .formText {
width: 12em;
}

.searchResults {
background: url(../images/hcs-images/build/search-border.gif) top right repeat-y;
border-bottom: 1px solid #a9b8d1;
border-top: 1px solid #a9b8d1;
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.searchResultsCntnr {
background: url(../images/hcs-images/build/search-border.gif) top left repeat-y;
float: left;
padding: 10px 10px 0 10px;
}

.searchResultsTabs {
background: url(../images/hcs-images/build/gradient-box-r.gif) top right repeat-y;
clear: both;
float: left;
width: 100%;
}
.searchResultsTabsCnnr {
background: url(../images/hcs-images/build/gradient-box-l.gif) top left repeat-y;
float: left;
}
.searchResultsTabs LI {
background: url(../images/hcs-images/build/search-tab-l.gif) top left no-repeat;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.searchResultsTabs LI.selected {
background: url(../images/hcs-images/build/search-tab-l-selected.gif) top left no-repeat;
}
.searchResultsTabs LI A, .searchResultsTabs LI A:link, .searchResultsTabs LI A:visited {
background: url(../images/hcs-images/build/search-tab-r.gif) top right no-repeat;
color: #ffffff;
display: block;
font-size: 120%;
font-weight: bold;
padding: 5px 75px 7px 15px;
}
.searchResultsTabs LI.selected A, .searchResultsTabs LI.selected A:link, .searchResultsTabs LI.selected A:visited {
background: url(../images/hcs-images/build/search-tab-r-selected.gif) top right no-repeat;
color: #333333;
}
.searchResultsTabs UL {
clear: both;
float: left;
margin: 0;
position: relative;
top: 2px;
}

#siteMap {
clear: both;
float: left;
width: 100%;
}
#siteMap .l {
float: left;
width: 45%;
}
#siteMap .r {
float: right;
width: 45%;
}
#siteMap LI {
background-image: none;
margin: 0.325em 0 0 0;
padding: 0;
}
#siteMap LI A {
color: #2469a2;
font-size: 100%;
font-weight: bold;
}
#siteMap LI LI {
background: url(../images/hcs-images/build/site-map-arrow.gif) 0px 5px no-repeat;
padding: 0 0 0 10px;
}
#siteMap LI LI A {
font-size: 90%;
font-weight: normal;
}
#siteMap LI LI UL {
margin: 0 0 0 1em;
}
#siteMap UL {
margin: 0 0 2em 0;
}

.tabBox {
clear: both;
float: left;
margin: 0 0 15px 0;
width: 100%;
}
.tabBox H2 {
color: #ffffff;
font-size: 120%;
font-weight: bold;
line-height: 1em;
margin: 0;
padding: 0;
}
.tabBox LI {
background: url(../images/hcs-images/build/call-to-action-arrow.gif) 0 3px no-repeat;
padding: 0 0 0 12px;
}
.tabBox LI A, .tabBox LI A:link, .tabBox LI A:visited {
color: #666666;
font-weight: normal;
}
.tabBox .downloadFiles LI {
background: #ffffff url(../images/hcs-images/build/gradient-border.gif) bottom left repeat-x;
padding: 6px 0 6px 10px;
}
.downloadFiles LI A, .tabBox .downloadFiles LI A:link, .tabBox .downloadFiles LI A:visited {
color: #2469a2;
font-size: 90%;
font-weight: bold;
}
ul.downloadFiles li {
background:none;
padding:0;
}
ul.downloadFiles {
margin: 0 0 1.3em 0
}

.downloadFiles LI IMG {
padding: 3px 10px 0 0;
}
.tabBox UL {
margin: 0 0 1.3em 0;
}
.tabBox .content {
background-color: #f4f2f2;
border-top: 3px solid #8399b6;
clear: both;
float: left;
width: 100%;
}
.tabBox .contentCntnr {
padding: 10px 10px 0 10px;
}
.tabBox .downloadFiles {
background-color: #ffffff;
}
.downloadFiles UL {
margin: 0 0 0 0;
}
.tabBox .downloadFiles .contentCntnr {
padding: 0;
}
.tabBox .heading,
.form .heading {
background: #7c94b2 url(../images/hcs-images/build/tab-l.gif) top left no-repeat;
clear: both;
float: left;
}
.tabBox .headingCntnr,
.form .headingCntnr {
background: url(../images/hcs-images/build/tab-r.gif) top right no-repeat;
clear: both;
float: left;
padding: 8px 30px 6px 10px;
}
div#master div#contentMain .recaptchatable {
	border:none	
}

#contentMain div.recaptcha_area td {
	padding: 10px 10px 0 0;
}
/*new css added 16/02/10*/
#pageTitle,.boxImage a, .boxImage, .box .l,.box {
	position:relative;	
}
#pageTitle img.bg,.boxImage a img.bg, .boxImage img.bg, .box .l img.bg,.box img.bg {
	position:absolute;
	padding:0;
	right:0;
	bottom:0;
}
#contentCentre .box img.bg {
	position:absolute;
	padding:0;
	left:0;
	bottom:0;
}
#pageTitle p,#pageTitle div,#pageTitle ul,
.boxImage p, .boxImage div, .boxImage ul, 
.boxImage p, .boxImage div, .boxImage ul, 
.box .l p,.box .l div,.box .l ul,
.box p,.box div,.box ul {
	position:relative;
}

span.boxFlash {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}

span.Button 
{
background: #01569a url(../images/hcs-images/build/button-bg.gif) top right no-repeat;
color: #ffffff;
font-weight: bold;
padding: 2px 7px 4px 7px;
text-decoration: none;
}
}