/* ----------------------------------------------

	SDHB - Main Stylesheet

---------------------------------------------- */

	@import "reset.css";

/* --- Selectors ----------------------------- */

	body {
		background:url("../images/bg-body.gif") repeat-x top #fff;
		color:#333;
		font:62.5%/18px arial, helvetica, sans-serif;
	}

	a {
		color:#0066b3;
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	a:visited {
		color:#054576;
	}
	a img { border:none; }

	p { margin:14px 0; }

	h1 { color:#17678e; font-size:1.8em; margin:14px 0; }
	h2 { color:#333; font-size:1.6em; margin:14px 0; }
	h3 { color:#0066b3; font-size:1.4em; margin:14px 0; font-weight:bold; }
	h4 { color:#333; font-size:1.2em; margin:14px 0; font-weight:bold; }
	h5 { color:#333; font-size:1em; margin:14px 0; font-weight:bold; }
	h6 { color:#333; font-size:0.8em; margin:14px 0; font-weight:bold; }

/* --- Common Classes ------------------------ */

	.left { float:left; }
	.right { float:right; }
	.clear { clear:both; }
	.textright { text-align:right; }
	.aligntop { vertical-align:top; }
	.width980 { width:980px; margin:0 auto; font-size:1.2em; border-top:1px solid #0066b3; }
	.noborder { border-right:none !important; }
	.intro { color:#0066b3; font-size:16px; }
	.padding { padding:14px 24px; }
	.hr { height:1px; background:url("../images/bg-hr.gif") repeat-x; display:block; }
	.print { display:none; }

/* --- Accessibility ------------------------- */

	#accessability { display:none; }

/* --- Layout -------------------------------- */

	#logo {
		margin:8px 0 7px 0;
		float:left;
	}
	#logo a {
		width:308px;
		height:77px;
		display:block;
		background:url("../images/southerndhb-logo.gif") no-repeat;
		text-indent:-9999px;
	}
	
	#search {
		width:195px;
		float:right;
		margin:20px 0 15px 0;
	}
	#search input {
		width:150px;
		padding:2px;
		border:none;
		font-size:0.8em;
		color: #ccc;
	}
	#search button {
		border:none;
		padding:0;
		background:none;
		cursor:pointer;
		position:relative;
		top:4px;
	}
	#tagline {
		margin:0 4px 0 0;
	}
	#tagline p {
		width:224px;
		height:16px;
		margin:0;
		/* background:url("../images/bg-blockquote.png") no-repeat; */
		text-indent:-9999px;
		float:right;
		clear:right;
	}
	#menu {
		clear:both;
		margin:0;
		padding:11px 0 0 0;
		list-style:none;
	}
	#menu li {
		float:left;
	}
	#menu a {
		display:block;
		width:162px;
		text-align:center;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		padding:8px 0;
		border-right:1px solid #fff;
	}
	.orange {
		background:url("../images/bg-orange.gif") repeat-x top;
	}
	.green {
		background:url("../images/bg-green.gif") repeat-x top;
	}
	.yellow {
		background:url("../images/bg-yellow.gif") repeat-x top;
	}
	.blue {
		background:url("../images/bg-blue.gif") repeat-x top;
	}
	.torqoise {
		background:url("../images/bg-torquiose.gif") repeat-x top;
	}
	.grey {
		background:url("../images/bg-grey.gif") repeat-x top;
	}
	#inside #menu .grey {
		width:161px !important;
	}
	.orange:hover, .green:hover, .yellow:hover, .blue:hover, .torqoise:hover, .grey:hover {
		background-position:bottom;
	}
	#content {
		clear:left;
	}
	#footer {
		background:url("../images/bg-footer.gif") repeat-x top;
		padding-top:15px;
	}
	#footer .width980 {
		height:22px;
		background:url("../images/bg-footer-width980.gif") no-repeat;
		border-top:none;
	}
	#footer p {
		margin:0;
		font-size:0.8em;
	}
	#footer a {
		color:#333;
		text-decoration:none;
		/* padding-left:10px; */
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer .left {
		margin:0 0 0 23px;
	}
	#footer .right {
		margin:0 23px 0 0;
	}


/* --- Home Page Specific Styles -------------- */

	#home #content {
		width:990px;
		background:url("../images/bg-content-home.png") no-repeat left 272px;
		margin-left:-3px;
	}
	#home #copy {
		width:400px;
		margin:0 0 0 20px;
		padding:20px 0 30px 0;
		float:left;
		text-align:justify;
	}
	#home-callstoaction {
		margin:0 0 0 3px;
		list-style:none;
		background:url("../images/bg-callstoaction.png") no-repeat bottom left;
	}
	#home-callstoaction li {
		width:162px;
		float:left;
		border-top:1px solid #fff;
		text-align:center;
		font-size:0.8em;
		line-height:1.2;
		margin-right:1px;
	}
	#home-callstoaction img {

	}
	#home-callstoaction a {
		text-decoration:none;
		color:#333;
	}
	#home-callstoaction a:hover {
		text-decoration:underline;
	}
	#home-callstoaction p {
		margin:6px 0;
	}
	#home .calltoaction {
		margin:35px 10px 20px 10px;
	}

/* --- Inside Pages Specific Styles ----------- */

	#inside #content {
		background:url("../images/bg-subnav.gif") repeat-y left;
	}
	#inside #copy {
		background:url("../images/bg-inside-copy.png") repeat-x left 241px;
	}
	#content #subnav {
		width:250px;
		float:left;
		margin:0 1px 0 0;
	}
	#content #subnav ul {
		margin:0;
		list-style:none;
	}
	#content #subnav li {
		width:100%;
		float:left;
		clear:left;
	}
	#content #subnav a {
		display:block;
		border-bottom:1px solid #fff;
		padding:3px 10px 3px 20px; /* was 40px to the left 280410*/
		text-decoration:none;
		color:#333;
	}
	#content #subnav a:hover {
		color:#fff;
	}
	/* second level left menu */
	#content #subnav ul ul a {
		background:url("../images/bg-subnav-ul-ul.gif") no-repeat 20px #ccc;
		padding-left:30px;
	}
	#content #subnav ul ul a:hover {
		background:url("../images/bg-subnav-ul-ul.gif") no-repeat 20px #ebebeb;
		color:#333;
	}
	/* third level left menu */
	#content #subnav ul ul ul a {
		background:url("../images/bg-subnav-ul-ul.gif") no-repeat 30px #ebebeb;
		padding-left:40px;
	}
	#content #subnav ul ul ul a:hover {
		background:url("../images/bg-subnav-ul-ul.gif") no-repeat 30px #f7f7f7;
		color:#333;
	}
	
	/* forth level left menu */
	#content #subnav ul ul ul ul a {
		background:url("../images/bg-subnav-ul-ul.gif") no-repeat 40px #f7f7f7;
		padding-left:50px;
	}
	#content #subnav ul ul ul ul a:hover {
		background:url("../images/bg-subnav-ul-ul.gif") no-repeat 40px #f5f5f5;
		color:#333;
	}
	
	
	#content .submitButtons {
		border: 1px solid #333;
		background: #ddd;
		padding: 2px;
	}	

	/* Style subnav different colours 
	#content .orange a {	background:url("../images/bg-subnav-ul-orange.gif") no-repeat 27px #fbb98b; }
	#content .orange a:hover { background:url("../images/bg-subnav-ul-orange-hover.gif") no-repeat 27px #f98434; }
	#content .green a {	background:url("../images/bg-subnav-ul-green.gif") no-repeat 27px #b7eb69; }
	#content .green a:hover { background:url("../images/bg-subnav-ul-green-hover.gif") no-repeat 27px #88b64b; }
	#content .yellow a {	background:url("../images/bg-subnav-ul-yellow.gif") no-repeat 27px #fff886; }
	#content .yellow a:hover { background:url("../images/bg-subnav-ul-yellow-hover.gif") no-repeat 27px #fdcc2f; }
	#content .blue a {	background:url("../images/bg-subnav-ul-blue.gif") no-repeat 27px #d4e7f7; }
	#content .blue a:hover { background:url("../images/bg-subnav-ul-blue-hover.gif") no-repeat 27px #91c8f2; }
	#content .torqoise a {	background:url("../images/bg-subnav-ul-torqoise.gif") no-repeat 27px #95e3dc; }
	#content .torqoise a:hover { background:url("../images/bg-subnav-ul-torqoise-hover.gif") no-repeat 27px #2da69f; }
	#content .grey a {	background:url("../images/bg-subnav-ul-grey.gif") no-repeat 27px #dedcc1; }
	#content .grey a:hover { background:url("../images/bg-subnav-ul-grey-hover.gif") no-repeat 27px #a9a98c; }
	*/
	
	#content .orange a {	background:url("../images/bg-subnav-ul-orange.gif") no-repeat 10px #fbb98b; }
	#content .orange a:hover { background:url("../images/bg-subnav-ul-orange-hover.gif") no-repeat 10px #f98434; }
	#content .green a {	background:url("../images/bg-subnav-ul-green.gif") no-repeat 10px #b7eb69; }
	#content .green a:hover { background:url("../images/bg-subnav-ul-green-hover.gif") no-repeat 10px #88b64b; }
	#content .yellow a {	background:url("../images/bg-subnav-ul-yellow.gif") no-repeat 10px #fff886; }
	#content .yellow a:hover { background:url("../images/bg-subnav-ul-yellow-hover.gif") no-repeat 10px #fdcc2f; }
	#content .blue a {	background:url("../images/bg-subnav-ul-blue.gif") no-repeat 10px #d4e7f7; }
	#content .blue a:hover { background:url("../images/bg-subnav-ul-blue-hover.gif") no-repeat 10px #91c8f2; }
	#content .torqoise a {	background:url("../images/bg-subnav-ul-torqoise.gif") no-repeat 10px #95e3dc; }
	#content .torqoise a:hover { background:url("../images/bg-subnav-ul-torqoise-hover.gif") no-repeat 10px #2da69f; }
	#content .grey a {	background:url("../images/bg-subnav-ul-grey.gif") no-repeat 10px #dedcc1; }
	#content .grey a:hover { background:url("../images/bg-subnav-ul-grey-hover.gif") no-repeat 10px #a9a98c; }
	
	#inside #copy {
		width:725px;
		float:left;
	}
	#pageheader {
		background:url("../images/bg-pageheader.gif") repeat-x top #e4eff7;
		padding:27px 23px;
		margin:1px 0 0 0;
	}
	#breadcrumbs {
		width:941px;
		font-size:0.9em;
		clear:both;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:10px 25px 10px 10px;
		background-position:top !important;
	}
	#breadcrumbs ul {
		margin:0;
		list-style:none;
	}
	#breadcrumbs li {
		display:inline;
	}
	#breadcrumbs a {
		color:#333;
		text-decoration:none;
	}
	#breadcrumbs a:hover {
		text-decoration:underline;
	}

	.separator {
		padding-left: 10px;
	}
	
	
	/* File List Styles */
	.pageContent .flastickFileList {
	
	}
	
	.pageContent  .flastickFileList th {
		text-align: left;
		font-weight: bold;
	}
	
	.pageContent .flastickFileList td {
		
	}
	
	.pageContent .flastickFileList img {
		
	}
	
	/* EMPLOYMENT MODULE  STYLES */
	/* employment styles */
/* id of the table containing the list of employment categories */
.employmentHomeRight {
	padding: 0px 15px 0px 10px;
}


#employmentCategories {
}

#employmentCategories .pageContent {
	/* the free text at the top of the employment start page  */
}

.employment {
	padding-top: 10px;
	padding-bottom: 10px;
}

.employmentCategory {
	font-weight: bold;
}

.employmentCategory a:link, 
.employmentCategory a:visited, 
.employmentCategory a:hover {

	text-decoration: underline;
	font-weight: bold;
}

.employmentSubCategory {
	font-weight: bold;
	padding-left: 30px;
}

.employmentSubCategory a:link,
.employmentSubCategory a:visited, 
.employmentSubCategory a:hover {
	text-decoration: underline;
	font-weight: bold;
}



.employmentLabel {
	font-weight: bold;
	padding-top: 5px;
}

.employmentText {

}
	
.employmentText .submitButtons {
	border: 1px solid #333;
	background: #ddd;
	padding: 2px;
}	

.employmentSubText {
	padding-left: 30px;
}


.employmentText .subHeading {
	font-weight: bold;

}

.employmentText a:link, .employmentText a:visited {

	text-decoration: underline;
}

.employmentText a:hover {
	text-decoration: none;
}

.employmentCategoryName {
	/* the category labels */
	font-size:146%;
	font-weight: 200;
	cursor: pointer;
	cursor: hand;
}

.employmentSubCategoryName {
	/* the category labels */
	font-size:146%;
	font-weight: 200;
	cursor: pointer;
	cursor: hand;
	padding-left: 30px;
}
	
.switchcontent {margin-left:20px;}
	
/* FORM VALIDATION */
.validation-advice {
	background-color: #FFF;
	color: #CC021A;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding:0;
}

/* TABLES */
.pageContent table tbody tr td p {padding:0;margin:0;}
.contactsTable th {font-weight: bold;font-size:120%;text-align:left;border-bottom:1px solid #333;}