/*//////////////////////////
BLOW MEDIA
CLIENT: BLUE SPARK
MEDIA: SCREEN
CREATED: 21.03.09
//////////////////////////*/

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	background: #008bd0 url(../images/bk-body.gif) repeat-x top center;
}

#outerWrapper {
	text-align: justify;
	width: 941px;
	margin: 0 auto;
}

#shadowWrapper {
	width: 901px;
	float: left;
	padding: 0px 20px 0px 20px;
	background: url(../images/bk-shadow.png) center top;
}

#bodyWrapper {
	width: 901px;
	float: left;
	border-top: 35px solid #1c3f95;
}

#contentWrapper {
	width: 901px;
	float: left;
	background: url(../images/bk-contentWrapper.gif) no-repeat bottom;
}

#footer1 {
	width: 901px;
	float: left;
	height: 76px;
	background: url(../images/bk-footer.png) no-repeat top left;
	color: #fff;
	font-size: 90%;
	padding: 0px 20px 0px 20px;
}

.foot1Left {
	float: left;
	padding: 20px;
}
.foot1Left a {
	color: #fff;
	text-decoration: none;
}
.foot1Left a:hover {
	text-decoration: underline;
}
.foot1Right {
	float: right;
	padding: 20px;
}

#footer2 {
	width: 901px;
	float: left;
	color: #fff;
	font-size: 90%;
	padding: 0px 20px 0px 20px;
	text-align: center;
}

#footer2 ul {
	list-style-type: none;
	padding: 0px 100px 30px 100px;
}
#footer2 li {
	display: inline;
	padding-right: 20px;
	font-size: 100%;
	line-height: 150%;
}
#footer2 li a {
	color: #fff;
	text-decoration: none;
}
#footer2 li a:hover {
	text-decoration: underline;
}



#colLeft {
	width: 296px;
	float: left;
	padding: 0px 0px 217px 0px;
}

#colRight {
	width: 604px;
	float: right;
	padding-bottom: 100px;
}

#header {
	width: 604px;
	height: 57px;
	float: left;
	background: #fff url(../images/bk-logo.gif) no-repeat top left;
	color: #1c3f95;
	font-size: 140%;
	padding-top: 58px;
}
#header p {
	margin-bottom: 2px;
	padding-left: 400px;
}

#header a {
	color: #1c3f95;
	text-decoration: none;
}
#header a:hover {
	color: #f5840b;
}



#colLeft h1 {
	width: 261px;
	height: 97px;
	float: left;
	text-align: right;
	color: #fff;
	font-size: 120%;
	line-height: 130%;
	font-weight: normal;
	padding: 50px 35px 0px 0px;
}

#navMain {
	width: 261px;
	list-style-type: none;
	text-align: right;
	padding-right: 35px;
	padding-bottom: 15px;
	float: left;
}
#navMain li {
	font-size: 110%;
	line-height: 200%;
	width: 261px;
	float: left;
}

#navMain li a {
	color: #1c3f95;
	text-decoration: none;
}
#navMain li a:hover {
	color: #fff;
}

#navMain li.active a {
	color: #fff;
}

#navSub {
	width: 261px;
	float: left;
	text-align: right;
	margin-right: 35px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 15px 0px 10px 0px;
}


#navSub h2 {
	color: #1c3f95;
	font-size: 140%;
	margin-bottom: 5px;
}

#navSub ul {
	list-style-type: none;
}

#navSub li {
	font-size: 110%;
	line-height: 200%;
}

#navSub li a {
	color: #1c3f95;
	text-decoration: none;
}
#navSub li a:hover {
	color: #fff;
}
#navSub ul li.active a {
	color: #fff;
}


#latestJobs {
	width: 261px;
	float: left;
	border-bottom: 1px solid #fff;
	padding-top: 30px;
	color: #fff;
	text-align: right;
}

#latestJobs h3 {
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 10px;
}

#latestJobs a {
	color: #1c3f95;
	text-decoration: none;
}
#latestJobs a:hover {
	text-decoration: none;
	color: #fff;
}

#latestJobs a span {
	color: #fff;
	font-size: 120%;
}
#latestJobs a:hover span {
	text-decoration: none;
}

.latestJobBlock {
	width: 241px;
	float: left;
	padding: 0px 0px 10px 20px;
}
.latestJobBlock h4 {
	font-size: 120%;
	font-weight: normal;
}
.latestJobBlock li {
	font-size: 90%;
}


#flashHome {
	width: 604px;
	height: 275px;
	float: left;
	background: #fff;
}

#flashInternal {
	width: 604px;
	height: 275px;
	float: left;
	background: #fff;
}

#mainContent {
	width: 574px;
	float: left;
	padding: 30px 30px 20px 30px;
}

.contentFull {
	width: 548px;
	float: left;
	padding-bottom: 30px;
}

#mainContent h2 img, #mainContent h3 img {
	float: left;
	margin-right: 5px;
}

#mainContent h2.titleHomeBlue {
	font-size: 100%;
	color: #1c3f95;
	line-height: 110%;
	margin-bottom: 15px;
}

#mainContent h2.titleBlue {
	font-size: 120%;
	color: #1c3f95;
	line-height: 110%;
	margin-bottom: 15px;
}

#mainContent h3.titlePink {
	font-size: 100%;
	color: #de67dd;
	line-height: 110%;
	margin-bottom: 15px;
}

#mainContent h3.titleOrange {
	font-size: 100%;
	color: #f5840b;
	line-height: 110%;
	margin-bottom: 15px;
}

#mainContent a {
	color: #000000;
}
#mainContent a:hover {
	text-decoration: none;
}

#mainContent a.linkPink {
	color: #de67dd;
	text-decoration: none;
}
#mainContent a.linkPink:hover {
	text-decoration: underline;
}
#mainContent a.linkOrange {
	color: #f5840b;
	text-decoration: none;
}
#mainContent a.linkOrange:hover {
	text-decoration: underline;
}

#mainContent p {
	padding-bottom:10px;
	color: #000000;
	font-size: 90%;
}

#mainContent ol {
	padding-bottom:10px;
	color: #000000;
	font-size: 90%;
}
#mainContent ol li {
	margin-left:17px;
}

#mainContent ul {
	padding-bottom:10px;
	color: #000000;
	font-size: 90%;
}
#mainContent ul li {
	margin-left:17px;
}

.contentHalfLeft {
	width: 262px;
	padding-right: 25px;
	float: left;
}

.contentHalfRight {
	width: 262px;
	float: left;
}

.homeImage {
	padding-bottom: 5px;
}

.bannerSearchJobs {
	padding-top: 10px;
}

.bannerSearchJobs a {
	width: 242px;
	height: 40px;
	float: left;
	background: url(../images/bk-allJobsBanner.gif) no-repeat top left;
	color: #8c3104;
	text-decoration: none;
	font-size: 130%;
	padding: 110px 0px 0px 54px;
}

.bannerSearchJobs a:hover {
	color: #fff;
}









/* The basicTickerTape styles are required */

div.basicTickerTape {
	position: relative;
	overflow: hidden;
	text-transform: none;
}

	div.basicTickerTape ul {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}

/* The basicTickerTape styles are required */



div.styledTickerTape {
	border: 0;
	width: 261px;
	height: 180px;
	margin-bottom: 20px;
}

	div.styledTickerTape ul {
		padding: 0;
		list-style: none;
	}

		div.styledTickerTape ul li {
			width: 261px;
			color: #fff;
			padding-bottom: 15px;
		}

			div.styledTickerTape ul li p {
				margin: 0;
				padding: 0;
			}

	
#mainContent .searchForm p {
	margin-bottom: 15px;
	line-height: 150%;
	font-size: 110%;
}

#mainContent .searchForm input {
	padding: 2px;
	border: 1px solid #ccc;
	color: #333;
}
#mainContent .searchForm select {
	padding: 2px;
	border: 1px solid #ccc;
	color: #333;
}

#mainContent .searchForm a {
	color: #1c3f95;
	text-decoration: underline;
}
#mainContent .searchForm a:hover {
	text-decoration: none;
}

#mainContent input.inputButton {
	background: #1c3f95;
	border: 1px solid #1c3f95;
	color: #fff;
	cursor: pointer;
}

#vacancyListing {
	padding: 0x;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	width: 548px;
}

#vacancyListing td.listingLeft {
	padding: 4px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#vacancyListing td.listingLeft a {
	color: #f5840b;
	text-decoration: none;
}
#vacancyListing td.listingLeft a:hover {
	color: #1c3f95;
}
#vacancyListing th {
	background: #1c3f95;
	color: #fff;
	text-align: left;
	padding: 4px;
}

#vacancyListing td.listingRight {
	padding: 4px;
	border-bottom: 1px solid #ccc;
	color: #000000;
}

#vacancyPagination {
	padding: 0x;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	width: 548px;
}

.tdFirst, .tdPrev, .tdNext, .tdLast {
	width: 143px;
	text-align: center;
}

#vacancyPagination a {
	background: #f5840b;
	color: #fff;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
}
#vacancyPagination a:hover {
	background: #1c3f95;
}

#vacancyDetails {
	padding: 0x;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	width: 545px;
}

#vacancyDetails td {
	padding: 4px;
	border-bottom: 1px solid #ccc;
	color: #333;
	vertical-align: top;
}
#vacancyDetails td.vacancyDetailsLeft {
	color: #000000;
	width: 200px;
}
#vacancyDetails a {
	color: #f5840b;
}
#vacancyDetails a:hover {
	text-decoration: none;
}

#mainContent h3 {
	color: #f5840b;
	font-size: 120%;
	margin-bottom: 10px;
}
#mainContent h2.titleJobTitle {
	font-size: 120%;
	color: #333;
	margin-bottom: 5px;
}

#apply {
	color: #000000;
	border: 0px;
	border-collapse: collapse;
}
#apply td {
	color: #000000;
	padding-right: 20px;
	vertical-align: top;
	padding-bottom: 10px;
}

#apply td input {
	border: 1px solid #ccc;
	padding: 2px;
}
#apply td textarea {
	border: 1px solid #ccc;
	padding: 2px;
}


.newsItem {
	width: 574px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.newsItem h5 {
	color: #000000;
}
.newsItem p {
	margin-bottom: 12px;
	line-height: 140%;
}
.newsItem a {
	color: #1c3f95;
	text-decoration: none;
}
.newsItem a:hover {
	color: #f5840b;
}

.newsImage {
	float: right;
	margin: 0px 0px 10px 20px;
	padding: 5px;
	border: 1px solid #ccc;
	display: block;
}

.contactForm {
	border: 0px;
	border-collapse: collapse;
}

.contactForm td {
	vertical-align: top;
	padding-bottom: 12px;
	padding-right: 15px;
	color: #000000;
}

.enquiryInputText {
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 13px;
	width: 230px;
}
.enquiryInputTextarea {
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 13px;
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
}
.enquiryInputSelect {
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 13px;
	width: 230px;
}



.access {
	display: none;
}
.error {
	color: #FF0000;
}


a:focus {
	outline: none;
}
a:active {
	outline: none;
}