body,h1,h2,h3,h4,blockquote,a,img,ul,ol,form,label,table,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top;
	margin:0;
	padding:0;
}

h4 { font-weight:bold; font-size:10px; color:#4d3b2d;}

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

a {text-decoration:none;}

ul,ol {list-style:none;}

h1, #heading p {
	color:#4d3b2d;
	font-size:2em;
	font-style:italic;
}

h1 strong, #heading p strong {
	background:#dde5e9;
	border-bottom:1px solid #FFF;
	padding:0 .2em;
}

#heading p {
	margin:0 0 0 0;
	font-weight:bold;
}

body {
	font:100% Georgia, "Times New Roman", Times, serif;
	background:#FFF url(images/background_inner.jpg) top center no-repeat;
	text-align:center;
	color:#4d443c;
	margin:0;
	padding:0;
}

.skip, #topNav h2, #title h2 {
	color:#FFF;
	float:right;
	position:absolute;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#header #title {
	background:#3b2d22 url(images/title_bg.gif) bottom left repeat-x;
	border-top:3px solid #31251b;
	height:128px;
}

#main {
	padding-bottom:240px;
	text-align:left;
	margin:0 auto;
	font-size:.8em;
	width:960px;
}

#mainContent, #mainContentIndex {
	border-right:1px dashed #e4e8eb;
	color:#333;
	float:left;
	padding:20px 20px 30px;
	text-align:justify;
	width:605px;
}

#mainContentIndex {
	border:none;
	padding-right:0;
	text-align:left;
	width:950px;
}

#main a, #mainContentIndex a {
	color:#325b77;
	text-decoration:underline;
}

#mainContentIndex ul a:hover {
	text-decoration:underline;
}

#mainContent ul {
	list-style:circle;
	margin-left:40px;
}

#mainContent li {
	padding:4px 0;
}

#mainContentIndex a {
	text-decoration:none;
}

.inner {
	padding:0 0 0 10px;
	margin:0 auto;
	text-align:left;
	width:950px;
}

h2 {
	color:#4D3B2D;
	font-size:2em;
	font-style:italic;
}

p.logo {
	color:#FFF;
	position:relative;
	padding:0;
	margin:0;
	font-size:24px;
	float:left;
	width:259px;
	height:125px;
}

* html p.logo {width:303px;width/**/:auto}

p.logo a {
	background:url(images/Champions_Career_Centre.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

.accessibility {
	background:#1f4966;
	color:#FFF;
	cursor:pointer;
	position:relative;
	font-size:17px;
	font-weight:bold;
	float:left;
	overflow:hidden;
	text-align:center;
	width:169px;
	height:45px;
}

.accessibility span {
	background:url(images/accessibility.gif) no-repeat;
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}

.accessibility span:hover {
	background-position:0 -45px;
}

.accessibility:hover {
	background-color:#F1F6F9;
	color:#000
}

.text span {
	color:#d6c5b8;
	margin:14px 2px 0 10px;
	float:left;
}

.text a {
	background:#271D15;
	color:#FFF;
	position:relative;
	font-size:15px;
	font-weight:bold;
	float:left;
	margin:13px 1px;
	text-align:center;
	width:19px;
	height:19px;
}

.text img {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}
 
#topNav {
	background:#271d15;
	border-bottom:1px solid #4d3b2d;
	padding:5px 0;
	font:.85em Arial, Helvetica, sans-serif;
}

#topNav ul {
	float:right;
	margin-top:10px;
}

#searchBox {
	height:25px;
	position:relative;
	width:216px;
}

#searchBox input.search-field {
	background:none;
	border:1px solid #7a6c62;
	border-right:none;
	color:#b8a99f;
	height:16px;
	margin:0;
	padding:3px 7px 3px;
	position:absolute;
	right:48px;
	top:0;
	width:144px;
}

#searchBox input.search-submit {
	border:1px solid #7a6c62;
	right:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}

#searchBox input.search-submit:hover {
	border:1px solid #d6c5b8;
}

#searchBox input.search-field:hover, #searchBox input.search-field:focus  {
	color:#FFF;
}

#topNav ul li {display:inline; float:left}

#topNav ul li a {
	border-bottom:1px solid #271d15;
	color:#d6c5b8;
	margin:5px 8px;
	text-decoration:none;
	float:left;
}

#topNav li a:hover {
	border-bottom:1px dashed #695c53;
}

#topNav li a:focus, #topNav .active a {
	color:#FFF;
}

#mainNav {
	
	font-size:1.1em;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
}

#mainNav li { float: left;}

#mainNav li a {
	color:#FFF;
	display:block;
	height:116px;
	overflow:hidden;
	position:relative;
	width:98px;
}

#mainNav li a span {
	background:url(images/nav_bg.gif) no-repeat 0 0;
	cursor:pointer;
	display:block;
	height:134px;
	left:0;
	position:absolute;
	top:0;
	width:103px;
}

#mainNav .seeking a, #mainNav .seeking span {
	background-position:-103px 0;
	width:114px;
	
}

#mainNav .services a, #mainNav .services span {
	background-position:-217px 0;
	width:121px;
}

#mainNav .candidate a, #mainNav .candidate span {
	background-position:-338px 0;
	width:122px;
}

#mainNav .disability a, #mainNav .disability span {
	background-position:-460px 0;
	width:125px;
}

#mainNav .contact a, #mainNav .contact span {
	background-position:-585px 0;
	width:98px;
}

/*This is only necessary for IE 6*/
#mainNav li a:hover {background: 0 0;background-color:#F1F6F9;color:#000}

#mainNav li a:hover span, #mainNav .active span {background-position:0  -116px}
#mainNav .seeking a:hover span, #mainNav .seeking .active span {background-position:-103px  -116px}
#mainNav .services a:hover span, #mainNav .services .active span {background-position:-217px  -116px}
#mainNav .candidate a:hover span, #mainNav .candidate .active span {background-position:-338px  -116px}
#mainNav .disability a:hover span, #mainNav .disability .active span {background-position:-460px  -116px}
#mainNav .contact a:hover span, #mainNav .contact .active span {background-position:-585px  -116px}

#heading {
	background:#f1f6f9;
	border-bottom:1px solid #e4e8eb;
	clear:both;
}

#heading .inner {
	background:url(images/heading_bg.jpg) top right no-repeat;
	padding:20px 20px 33px 20px;
	width:920px;
}

.title {
	position:absolute;
	left:10px;
	top:12px;
}

#heading h2 {
	border-top:1px dashed #c8d5de;
	border-bottom:1px dashed #c8d5de;
	color:#4d3b2d;
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;
	padding:8px 0 12px 0;
	margin:27px 20px 0 0;
}

#heading h2 strong {
	background:#dde5e9;
	font-weight:normal;
	padding:0 .2em;
}

#main h1 {
	color:#39637f;
	font-size:2.3em;
	margin:5px 0 10px 0;
	font-style:normal;
	text-align:left;
}

#mainContentIndex h3 strong {
	display:block;
	font-size:1.5em;
}

#mainContentIndex h3 {
	font-size:1.3em;
}

#main h4 {
	color:#39637f;
	font-size:1.3em;
	margin-top:5px;
}

#main p {
	line-height:1.4em;
	margin:.5em 0 1.1em 0;
}

#main .btn {
	background:#3e2e22 url(images/btn_bg.gif) repeat-x;
	border:1px solid #4d3b2d;
	color:#FFF;
	padding:.2em .3em .3em .3em;
	margin:5px 7px 10px 0;
	float:right;
	text-decoration:underline;
}

#main .btn:hover {
	background:#e5d7cc;
	color:#4d3b2d;
}

#main li {
	line-height:1.4em;
}

#mainContent img {
	float:right;
	margin:15px 0 10px 20px;
}

#mainContent .image {
	border:1px solid #c8d5de;
	padding:5px;
}

#mainContent .image2 {
	border:1px solid #c8d5de;
	padding:5px;
	float:left;
	margin:4px 20px 10px 0;
}

#main .list h2 a {
	color:#4D3B2D;
	font-size:.9em;
	text-decoration:none;
}

#leftCol {
	border-right:1px dashed #e4e8eb;
	float:left;
	padding:0 20px 0 0;
	width:288px;
}

#middleCol {
	border-right:1px dashed #e4e8eb;
	float:left;
	padding:0 15px 0 20px;
	width:288px;
}

#rightCol {
	float:right;
	padding:0 0 0 20px;
	width:288px;
}

#rightCol ul {
	float:left;
	padding:10px 0 14px 0;
	margin-top:-5px;
	width:100%;
}

#rightCol li {
	border-bottom:1px dashed #e4e8eb;
	padding:5px 0;
	margin-right:10px;
}

#subNav {
	padding-top:53px;
	float:right;
	width:290px;
	color:#fff;
}

#subNav ul {
	list-style-type: none;
	background:#3d2d21 url(images/subNav_bg.gif) left top repeat-x;
	margin-bottom:25px;
}
#subNav p{
	padding:10px;
	
	
}

#subNav ul a {
	background:url(images/subNav_a_bullet.gif) 7px center no-repeat;
	border-bottom:1px dashed #695C53;
	border-top:1px dashed #271d15;
	color:#FFF;
	display:block;
	padding:10px 0 10px 25px;
	line-height:1.2em;
	font-size:1.25em;
	text-decoration:none;
	width:264px;
}

#subNav ul a:hover {
	border-top:1px solid #271d15;
	background:#7f654e;
}

#subNav ul .drop a:hover {
	background:#7f654e;
}

#subNav ul ul {
	background:#d5c4b7 url(images/subNav_ul_bg.gif) repeat-x;
	margin:0;
}

#subNav ul ul a {
	background:url(images/subNav_ul_a_bullet.gif) 28px center no-repeat;
	border-top:none;
	color:#271d15;
	display:block;
	padding-left:45px;
	width:245px;
}

#subNav ul ul a:hover, #subNav ul .active li a:hover {
	color:#fff;
	background:#7f654e;
	border-top:none;
}

#subNav ul ul .active a {
	background:#634d3a url(images/subNav_a_bullet.gif) 28px center no-repeat;
	color:#FFF;
}

#subNav ul li ul .active a {
	background:#634d3a url(images/subNav_a_bullet.gif) 28px center no-repeat;
	color:#FFF;
}

#subNav ul li ul .active a:hover {
	border-bottom:1px solid #b9aba2;
	border-top:1px solid #927f71;
}

#subNav li a:focus, #subNav li ul a:focus {
	text-decoration:underline;
}

#subNav ul .active a, #subNav ul .active .drop  {
	background:#5a4c42 url(images/subNav_a_bullet.gif) 6px center no-repeat;
	border-top:1px solid #3e2d21;
}

#subNav ul .active a {
	color:#d5c4b7;
	text-decoration:underline;
}

#subNav ul .active li a {
	color:#000;
	text-decoration:none;
}


#subNav ul .active a:hover {
	background:#796a5f;
}

#subNav ul li .drop {
	background:url(images/subNav_drop_bullet.gif) 6px center no-repeat;
}

#subNav ul .active li a {
	background:url(images/subNav_ul_a_bullet.gif) 28px center no-repeat;
	border-top:none;
}

#subNav .active .active a:hover {
	background:#856d58;
	border-top:none;
}

hr {
	border:none;
	border-top:1px dashed #a6c2c7;
	clear:both;
	height:1px;
	margin:20px 0;
}

.stylized {
	text-align:left;
	width:400px;
}

#main .stylized p {
	clear:both;
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	width:100%;
}

.stylized .small {
	color:#666;
	font-size:11px;
	font-weight:normal;
	float:left;
}

.stylized input {
	background:#f1f6f9;
	clear:both;
	float:left;
	padding:4px 2px;
	border:solid 1px #39637f;
	width:250px;
	margin:2px 0 20px 0;
}

.stylized .checkbox {
	margin-right:15px;
	width:auto;
}

.stylized input:focus {
	background:#FFF;
	border:solid 1px #1d4b69;
}

.stylized select {
	clear:both;
	float:left;
	padding:4px;
	border:solid 1px #39637f;
	margin:2px 0 20px 0;
}

.stylized select option {
}


.stylized .button, .stylized .buttonL {
	background:#2870a0 url(images/button_bg.gif) no-repeat;
	color:#FFF;
	border:none;
	clear:both;
	cursor:pointer;
	width:108px;
	height:35px;
	text-align:center;
	line-height:35px;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:0 5px 0 3px;
}

.stylized .buttonL {
	background:#2870a0 url(images/buttonL_bg.gif) no-repeat;
}

.stylized .button:hover {
	background-position:-108px 0;
}

.stylized .buttonL {
	width:216px;
}

.stylized .buttonL:hover {
	background-position:-216px 0;
}

#main .button, #main .button2 {
	color:#FFF;
	position:relative;
	font-size:13px;
	float:left;
	margin:0 0 20px 0;
	text-align:center;
	height:35px;
}

#main .button2 {
	float:right;
	height:22px;
	margin-top:4px;
}

#main .button2 img {
	margin:0;
}

#main .details, #main .details h4 {
	float:left;
	margin:0;
	padding-bottom:7px;
	width:385px;
}

.details li {
	list-style:none;
}

.name {
	width:500px;
}

.stylized .button:focus {
	background:#2870a0 url(images/button_bg.gif) no-repeat;
}

.stylized .buttonL:focus {
	background:#2870a0 url(images/buttonL_bg.gif) no-repeat;
}

.button img {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}

#subNav .button {
	background:#271D15;
	color:#FFF;
	position:relative;
	font-size:23px;
	float:left;
	margin:0 0 20px 0;
	text-align:center;
	width:280px;
	height:58px;
}

#mainContent .info {
	border-top:2px solid #e4e8eb;
	margin:0 50px 35px 0;
	list-style:none;
	width:240px;
}

.info li {
	border-bottom:1px solid #e4e8eb;
	margin:0;
	padding:7px 0;
}

.table {
	border-right:solid 1px #39637f;
	border-top:solid 1px #39637f;
}


.table td {
	border-left:solid 1px #39637f;
	border-bottom:solid 1px #39637f;
	padding:12px;
}

.table2 td {
	padding:10px;
}

#footer {
	border-top:3px solid #e4e8eb;
	position:relative;
	clear:both;
	background:#271d15;
	color:#FFF;
	margin-top:-252px;
	height:238px;
}

#footer img{
	padding-left:4px; padding-top:3px;
}

#footer .inner {
	background:none;
}

#footer #sitemap {
	background:#3d2d21;
	border-bottom:2px solid #3d2d21;
}

#sitemap .inner {
	background:#3d2d21 url(images/sitemap_bg.jpg) top center no-repeat;
	padding-bottom:5px;
}

#sitemap .inner div {
	float:left;
	margin-left:.9em;
	width:175px;
}

#sitemap2 .inner div {
	float:left;
	margin-left:.5em;
	width:180px;
}

#sitemap h3, #sitemap2 h3 {
	margin:15px 0 0 0;
	font-size:1.05em;
	font-weight:normal;
	text-transform:uppercase;
}

#sitemap2 h3 {font-size:1.2em; margin-bottom:10px;}

#sitemap h3 a {color:#FFF;}

#sitemap ul, #sitemap2 ul {
	border-left:1px dashed #695c53;
	float:left;
}

#sitemap li {
	color:#d6c5b8;
	padding-left:9px;
	line-height:1.2em;
	font-size:.95em;
	margin-top:.80em;
}

#sitemap2 li {
	padding:3px 0 3px 10px;
}

#sitemap .alt, #sitemap2 .alt {
	border:none;
	float:right;
	margin-top:5px;
	padding:5px;
	text-align:right;
	width:100%;
}

#sitemap .alt a, #sitemap2 .alt a {
	border-top:1px dashed #695c53;
	padding:4px 10px;
}

#sitemap .alt li, #sitemap2 .alt li {
	display:inline;
	line-height:2em;
	padding:0;
}

#sitemap2 li ul {
	border-left:1px dashed #584c44;
	margin:5px 0 15px 10px;
}

#sitemap2 li ul li {
	border:none;
	margin-bottom:.75em;
}

#sitemap .inner .one, #sitemap2 .one {clear:left;width:155px;}
#sitemap .inner .two {width:185px;}
#sitemap .inner .three {width:210px;}
#sitemap .inner .five {width:125px;}

#footer a {
	color:#e5d7cc;
	padding:1px;
	text-decoration:none;
}

#footer a:hover {
	background:#32251c;
	border-bottom:1px solid #695c53;
}

#footer .bottom {
	background:#271d15;
	border-top:1px solid #4d3b2d;
	color:#d6c5b8;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:100%;
}

#footer .bottom ul li {
	display:inline;
	float:left;
	font-size:.8em;
	padding:10px 0;
}

#footer .bottom ul li {
	margin-right:20px;
}

.zoom {	
	float:right;
	font-size:.8em;
	font-weight:normal;
	margin:11px 0;
}

.zoom strong {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clearflt {
	clear:both;
	height:0;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */