body {
	text-align: center;
	background:#3cc;
	margin: 0px;
}
#center {
	margin:0 auto;
	width:745px;
}
#dmain {
	background-color: white;
	margin:0 auto;
	width:745px;
	text-align:left;
	position: relative;
}
#content {
	position: relative;
	float: left;
	width: 500px;
	margin-left: 27px;
	margin-right: 10px;
}
#container { 
	position: relative;
	width: 737px;
	margin-top: 10px;
	overflow: none;
}
#banner{ 
	position: relative; 
	width: 737px;
	height: 73px;
	margin-bottom: 30px;
	overflow: hidden;
}
#adminPanel{
	position: relative;
	float: left;
	width: 190px;
}
#adminHeader {
	position: relative;
	float: left;
	width: 190px;
	height: 10px;
	background-image: url(img/menuTop.gif);
	background-repeat: no-repeat;
}
#adminContent {
	position: relative;
	float: left;
	width: 188px;
	border-left: 1px solid #008000;
	border-right: 1px solid #008000;
}
#adminFooter {
	position: relative;
	float: left;
	width: 190px;
	height: 10px;
	background-image: url(img/menuBottom.gif);
	background-repeat: no-repeat;	
}
#loginPanel{
	position: relative;
	float: left;
	width: 190px;
}
#empLoginHeader {
	position: relative;
	float: left;
	width: 190px;
	height: 30px;
	background-image: url(img/emploginHeader.gif);
	background-repeat: no-repeat;
}
#adminloginHeader {
	position: relative;
	float: left;
	width: 190px;
	height: 30px;
	background-image: url(img/adminloginHeader.gif);
	background-repeat: no-repeat;
}
#loginHeader {
	position: relative;
	float: left;
	width: 190px;
	height: 30px;
	background-image: url(img/loginHeader.gif);
	background-repeat: no-repeat;
}
#loginContent {
	position: relative;
	float: left;
	width: 188px;
	border-left: 1px solid #006862;
	border-right: 1px solid #006862;
}
#loginFooter {
	position: relative;
	float: left;
	width: 190px;
	height: 20px;
	background-image: url(img/loginFooter.gif);
	background-repeat: no-repeat;	
}
#positions{
	position: relative;
	float: left;
	width: 500px;
}
#blankHeader {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/blank_header.gif);
	background-repeat: no-repeat;
}
#headerText {
	position: relative;
	width: 480px;
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Verdana, Arial;
	line-height: 25px;
	font-size: 18px;
	color: #006862;
}
#employersHeader {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/employers_header.gif);
	background-repeat: no-repeat;
}
#vacancyLodgement {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/vacancyLodgement.gif);
	background-repeat: no-repeat;
}
#vacancyLodgements {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/vacancyLodgements.gif);
	background-repeat: no-repeat;
}
#contentManagement {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/contentManagement.gif);
	background-repeat: no-repeat;
}
#positionManagement {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/positionManagement.gif);
	background-repeat: no-repeat;
}
#employerManagement {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/employerManagement.gif);
	background-repeat: no-repeat;
}
#appliedVacancies {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/appliedVacancies.gif);
	background-repeat: no-repeat;
}

#vacancyApplicants {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/vacancyApplicants.gif);
	background-repeat: no-repeat;
}
#applicantHeader {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/applicant_header.gif);
	background-repeat: no-repeat;
}
#positionHeader {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/vacancy_header.gif);
	background-repeat: no-repeat;
}
#editDetails {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	background-image: url(img/editDetails.gif);
	background-repeat: no-repeat;
}
#positionContent {
	position: relative;
	float: left;
	width: 498px;
	border-left: 1px solid #006862;
	border-right: 1px solid #006862;
}
#positionFooter {
	position: relative;
	float: left;
	width: 500px;
	height: 20px;
	background-image: url(img/vacancy_footer.gif);
	background-repeat: no-repeat;
	z-index: 0;
}

#positionVacancy{
	width: 498px;
	margin-bottom: 5px;
	border-top: solid 1px #006862;
	border-bottom: solid 1px #006862;
}
#positionVacancy th {
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	background-color: #006862;
	color: #FFFFFF;
	padding: 0px;
	border-spacing: 0px;
}
#positionVacancy td {
	vertical-align: top;
	background-color: #cdf1ef;
}
#pageNavigation {
	width: 500px;
	height: 20px;
	margin-bottom: 10px;
}
#viewVacancy {
	width: 499px;
	margin-top: 20px;
	border-spacing: 0px;
	padding: 0px;
}
#applyPosition {
	position: relative;
	display: block;
	width: 200px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(img/btnapplyposition.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#applyPosition span {
	display: none;
}
#bottomButtons {
	position: relative;
	width: 500px;
	text-align: center;
	overflow: hidden;
}
.applicantForm {
	width: 499px;
	border-top: 1px solid #006862;
}
.applicantForm td {
	border-bottom: 1px solid #006862;
}
#viewVacancy  th{
	font-size: 12px;
	width: 190px;
	line-height: 20px;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	border-spacing: 0px;
	vertical-align: top;
	padding-left: 10px;
	border-top: 1px solid #006862;
	border-right: 1px solid #006862;
	text-align: left;
	margin: 0px;
}
#viewVacancy  td{
	vertical-align: top;
	line-height: 20px;
	border-top: 1px solid #006862;
	padding: 0px;
	border-spacing: 0px;
	padding-left: 5px;
	padding-right: 5px;
	width: 290px;
	margin: 0px;
}

.pages {
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
  color: #000000;
  font-size: 16px;
}

.content-box {
	width: 498px;
	margin-top: 10px;
}

.pageLink {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 0;
	padding: 5px;
	line-height: 20px;
}

a:link.positionLink, a:active.positionLink , a:visited.positionLink  {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

a:link.jobID, a:active.jobID , a:visited.jobID  {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
}

a:link.pageLink,a:active.pageLink,a:visited.pageLink {
  color: #FFFFFF;
  background-color: #006862;
  text-decoration: none;
}
a:hover.pageLink {
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
}

.subsideheader{color:#006862; font-family: Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #006862; line-height:20px; height: 20px;}
.subsidemenu{ border-bottom: 1px solid #006862; font-family:Arial; font-weight:bold; font-size:12px; line-height:18px; text-align: left; background-color: #ffffff; width: 199px;}
.subsidemenu a{width: auto;display: block;text-indent:3px;padding:1px 0;text-decoration:none;font-weight:bold;}
.subsidemenu a:hover{background-color: #ffffc9;}
.adminheader{color:#006862; font-family: Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #006862; line-height:20px; height: 20px;}
a:link.subMenu,a:active.subMenu,a:visited.subMenu{color:#008000;font-weight:bold;font-size:12px;text-decoration:none;}
a:hover.subMenu{color:#009ee0;font-weight:bold;font-size:12px;text-decoration:none;}

h1 { font-size: 24px; font-weight: normal; font-style: normal; line-height: 24px; letter-spacing: 1px; padding-bottom: 10px; }
h2 { font-size: 18px; font-style: normal; font-weight: normal; line-height: 18px; letter-spacing: 1px; padding-top: 20px; padding-bottom: 20px; }
h3 { font-size: 12px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 1px; padding-top: 20px; padding-bottom: 5px; }
h4 { color: black; font-size: 12px; font-style: normal; font-weight: 700; line-height: 14px; padding-top: 20px; padding-bottom: 5px; }
h5 { font-size: 12px; font-style: normal; font-weight: normal; line-height: 14px; padding-top: 5px; padding-bottom: 5px; }
.bold { color: green; font-weight: bold; }
p, td { font:12px/15px arial, sans-serif; color:#333; }
p, h1, ul {margin-bottom:6px}
ul li { font-size: 12px; font-family: arial, sans-serif; line-height: 15px; margin-top: 0; margin-bottom: 0; margin-left: 12px; padding-top: 5px; padding-bottom: 5px; list-style-type: square; }
ol li { font-size: 12px; font-family: arial, sans-serif; line-height: 15px; margin-top: 0; margin-bottom: 0; margin-left: 20px; padding-top: 5px; padding-bottom: 5px; list-style-type: decimal; }
a:link { color: #006862; text-decoration: underline; }
a:visited { color: #006862; text-decoration: underline; }
a:hover { color: #006862; text-decoration: underline; }
a:active { color: #006862; text-decoration: underline; }
.next { color: #70cb24; }
.next a:link { color: #70cb24; background-image: url(img/next.gif); background-repeat: no-repeat; text-decoration: underline; padding-left: 20px; }
.next a:hover { color: #70cb24; background-image: url(img/next.gif); background-repeat: no-repeat; text-decoration: underline; padding-left: 20px; }
.next a:active { color: #70cb24; background-image: url(img/next.gif); background-repeat: no-repeat; text-decoration: underline; padding-left: 20px; }
.next a:visited { color: #70cb24; background-image: url(img/next.gif); background-repeat: no-repeat; text-decoration: underline; padding-left: 20px; }
.intro { font-size: 16px; font-weight: normal; line-height: 20px; letter-spacing: 1px; }

/*navigation*/
.menuitemsel {color: white; font-size: 14px; font-family: arial; font-weight: normal;}
.menuitemsel a:link { color: white; font-weight: normal; text-decoration: none; }
.menuitemsel a:hover { color: white; font-weight: normal; text-decoration: none; }
.menuitemsel a:active { color: white; font-weight: normal; text-decoration: none; }
.menuitemsel a:visited { color: white; font-weight: normal; text-decoration: none; }

#nav { position: relative; text-align: left; float: left; width:185px; margin-left: 5px;}
.tablespace { margin-bottom: 10px; border-top: solid 1px green; border-left: solid 1px green; border-right: solid 1px green;}
.navborder { border-bottom: solid 1px green; }
.menuitem { font-size: 14px; font-family: arial; font-weight: normal; line-height: 14px; text-align: center; margin: 10px 0; }
.menuitem a:link { color: green; font-weight: normal; text-decoration: none; }
.menuitem a:hover { color: green; font-weight: normal; text-decoration: none; }
.menuitem a:active { color: green; font-weight: normal; text-decoration: none; }
.menuitem a:visited { color: green; font-weight: normal; text-decoration: none; }

.navborderstead { background-color: #3cc; border: solid 1px white; }
.menuitemstead { font-size: 12px; font-family: arial; font-weight: normal; line-height: 14px; text-align: center; margin-top: 10px; margin-bottom: 10px; }
.menuitemstead a:link { color: white; font-weight: normal; text-decoration: none; }
.menuitemstead a:hover { color: white; font-weight: bold; text-decoration: none; }
.menuitemstead a:active { color: white; font-weight: bold; text-decoration: none; }
.menuitemstead a:visited { color: white; font-weight: normal; text-decoration: none; }

/*footer*/
#footer { font-family: arial, sans-serif; font-variant: normal; background-color: white; text-align:center; }
#footer a { color: green; }
#footer p { color: black; font-size: 10px; font-family: verdana; text-align: center; }
#footer p.small { color: black; font-size: 9px; font-family: verdana; text-align: center; }

.off {line-height: 14px; text-align: center; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px green; }
.greenboxd { color: white; font-size: 14px; font-weight: bold; line-height: 14px; background-color: #9c3; background-image: url(img/green-circle-arrow.gif); background-repeat: no-repeat; background-position: 7px 4px; text-align: center; padding: 10px 5px; border: solid 1px #9c3; }
.greenboxd a:link { color: white; text-decoration: none; }
.greenboxd a:hover { color: white; text-decoration: none; }
.greenboxd a:active { color: white; text-decoration: none; }
.greenboxd a:visited { color: white; text-decoration: none; }
.greenboxl { color: black; font-size: 12px; line-height: 15px; background-color: white; text-align: center; padding: 5px; border: solid 1px white; }
.greenboxl a:link { color: black; text-decoration: none; }
.greenboxl a:hover { color: black; text-decoration: none; }
.greenboxl a:active { color: black; text-decoration: none; }
.greenboxl a:visited { color: black; text-decoration: none; }
.blueboxd { color: white; font-size: 14px; font-weight: bold; line-height: 14px; background-color: #3498c2; background-image: url(img/blue-circle-arrow.gif); background-repeat: no-repeat; background-position: 7px 4px; text-align: center; padding: 10px 5px; border: solid 1px #3498c2; }
.blueboxd a:link { color: white; text-decoration: none; }
.blueboxd a:hover { color: white; text-decoration: none; }
.blueboxd a:active { color: white; text-decoration: none; }
.blueboxd a:visited { color: white; text-decoration: none; }
.blueboxl { color: black; font-size: 12px; line-height: 15px; background-color: white; text-align: center; padding: 5px; border: solid 1px white; }
.blueboxl a:link { color: black; text-decoration: none; }
.blueboxl a:hover { color: black; text-decoration: none; }
.blueboxl a:active { color: black; text-decoration: none; }
.blueboxl a:visited { color: black; text-decoration: none; }
.bluearrow { font-size: 14px; background-image: url(img/33CCCCarrow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; padding-left: 16px ; list-style-type: none; list-style-image: url(img/33CCCCarrow.gif); }
.bluearrow a { color: #3cc; text-decoration: none; }
.greenarrow { font-size: 14px; background-image: url(img/bglightgreen.gif); background-repeat: repeat-y; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; }
.greenarrow a { color: green; background-image: url(img/greenarrow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 4px 6px; text-decoration: none; padding-top: 4px; padding-bottom: 4px; padding-left: 18px ; }
.blue { color: #3cc; }

/*seeker*/
#seeker { background-color: #2E3191; position:absolute; width:737px; top:0; height:75px; }
#seeker IMG { margin: 0; }

.chapter { color: white; font-size: 14px; line-height: 14px; margin: 10px 0 10px 0; }
.bluearrow { background-image: url(img/bgblue.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; }
.bluearrow a { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.blue { color: #006862; }
.contact { color: black; }
.contact a { color: black; text-decoration: underline; }
.blueborder { background-color: white; padding: 10px; border: dotted 2px #006862; }

.tdpadding { padding: 10px; }
#seekForm {  }
#seekForm td { font-size: 11px; font-family: arial; padding: 5px 10px 3px 3px; }
.formborder { border-top: 1px solid #2e3191; border-bottom: 1px dotted #90d4f1; }
.tdborder { border-bottom: 1px dotted #b9b9b9; }
.formMainhead { font-size: 12px; font-weight: bold; }
select, input, textarea { color: #1a396f; font-size: 12px; font-family: arial; }

strong, span {color:#2e3191}

/*about*/
#about { background-color: #fb0; position:absolute; width:737px; top:0; height:75px; }
#about IMG { margin: 0; }

.chapter { color: white; font-size: 14px; line-height: 14px; margin: 10px 0 10px 0; }
.yellowarrow { background-image: url(img/bgyellow.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; }
.yellowarrow a:link { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.yellowarrow a:hover { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.yellowarrow a:active { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.yellowarrow a:visited { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.yellow { color: #006862; }
.docheader { color: #006862; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #006862; }
.docsubheader { color: #006862; font-size: 12px; font-weight: normal; border-bottom: 1px dotted #006862; }
#loginForm {  }
#loginForm td { font-size: 11px; font-family: arial; padding: 5px 10px 3px 3px; }
select, input, textarea { color: #1a396f; font-size: 12px; font-family: arial; }

/*success*/
#success { background-color: #90d4f1; position:absolute; width:737px; top:0; height:75px; }
#success IMG { margin: 0; }

.chapter { color: green; font-size: 14px; line-height: 14px; margin: 10px 0 10px 0; }
#starburst { text-align: right; position:absolute; width:737px; top:0; height:180px; }
#starburst img { padding: 30px; }
.blue { color: #006862; }

/*training*/
#training { background-color: #f29400; position:absolute; width:737px; top:0; height:75px; }
#training IMG { margin: 0; }

.chapter { color: white; font-size: 14px; line-height: 14px; padding: 10px 0 10px 0; }
.orangearrow { background-image: url(img/bgorange.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; }
.orangearrow a:link { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.orangearrow a:hover { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.orangearrow a:active { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.orangearrow a:visited { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; text-decoration: underline; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.orange { color: #006862; }
.contact { color: black; }
.contact a { color: black; text-decoration: underline; }

/*contact*/
#contact { background-color: #7f3588; position:absolute; width:737px; top:0; height: 75px; }
#contact IMG { margin: 0; }

.chapter { color: white; font-size: 14px; line-height: 14px; margin: 10px 0 10px 0; }
.purple { color: #6b1687; }
.contact { color: black; }
.contact a { color: black; text-decoration: underline; }

/*employers*/
#employers { background-color: #b4c916; position:absolute; width:737px; top:0; height:75px; }
#employers IMG { margin: 0; }
.chapter { color: white; font-size: 14px; line-height: 14px; margin: 10px 0 10px 0; }
.lightgreenarrow { background-image: url(img/bglightgreen.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; }
.lightgreenarrow a:link { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.lightgreenarrow a:hover { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.lightgreenarrow a:active { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.lightgreenarrow a:visited { color: #006862; font-size: 14px; background-image: url(img/bluearrow.gif); background-repeat: no-repeat; background-position: 5px 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.lightgreen { color: #006862; }
.contact { color: black; }
.contact a { color: black; text-decoration: underline; }
.greenborder { background-color: white; padding: 10px; border: dotted 2px #006862; }
#starburst { text-align: right; position:absolute; width:480px; top:0; height:250px; }
#starburst img { padding: 170px 0 30px 30px; }
.tdpadding { padding: 10px; }
#seekForm {  }
#seekForm td { font-size: 11px; font-family: arial; padding: 5px 10px 3px 3px; }
.formborder { border-top: 1px solid #b4c916; border-bottom: 1px dotted #d3e174; }
.tdborder { border-bottom: 1px dotted #b9b9b9; }
.formMainhead { font-size: 12px; font-weight: bold; }
select, input, textarea { color: #1a396f; font-size: 12px; font-family: arial; }