* {margin:0;padding:0}
/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */

body {
	background:#EBEBEB;
	color: #000;
	position:relative;/* for ie7*/
	font-family: Tahoma, 'trebuchet ms', Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    scrollbar-face-color: #ffffff; scrollbar-shadow-color: #A8A7BF;
    scrollbar-highlight-color: #A8A7BF; scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #eeeeee;
    scrollbar-arrow-color: #FB7D00

}


#outer{
	height:100%;
	min-height:100%;
	margin:0 168px 0 3%;
	background:#fff;
	color: #000;
}
#outerTwo{
	height:100%;
	min-height:100%;
	margin:0 132px 0 149px;
	background:#ffffff;
	color: #000;
}
#outerThree{
	height:100%;
	min-height:100%;
	margin:0 0px 0 149px;
	background:#ffffff;
	color: #000;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
    left:0;
	width:100%;
	height:18px;
	background:#0067CE;
	overflow:hidden;
	color: #fff;
	text-align:right;
	font-size:78%;
	font-weight : bold;
}
#headerTwo{
	position:absolute;
	top:18px;
    left:0;
	width:100%;
	height:48px;
	background:#ffffff;
	overflow:hidden;
	color: #fff;
	border-bottom:1px solid #FF6000;
	border-top:1px solid #FF6000;
}
#headerThree{
	position:absolute;
	top:68px;
    left:0;
	width:100%;
	height:21px;
	background:#0067CE;
	border-bottom:1px solid #FF6000;
	overflow:hidden;
	color: #fff;
	font-weight : bold;
}
#headerFour{
	position:absolute;
	top:90px;
    left:0;
	width:100%;
	height:21px;
	background:#0067CE;
	overflow:hidden;
	color: #fff;
	border-bottom:1px solid #FF6000;
	font-weight : bold;
}
#header a{color:#fff;text-decoration: none;}
#headerTwo a{color:#fff;text-decoration: none;}
#headerThree a{color:#fff;text-decoration: none;}
#headerFour a{color:#fff;text-decoration: none;}
#left {
	position:relative;/*ie needs this to show float */
	width:3%;
	float:left;
	margin-left:-3%;/*must be 1px less than width otherwise won't push footer down in some browsers */
	color:#fff;
	left:-1px;
	padding-bottom:52px;/* clear footer*/
	background:transparent;
}
#leftTwo {
	position:relative;/*ie needs this to show float */
	width:149px;
	float:left;
	margin-left:-148px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	color:#000;
	left:-1px;
	padding-bottom:52px;/* clear footer*/
	background:#ffffff;
}

#right {
	position:relative;/*ie needs this to show float */
	width:167px;
	float:right;
	margin-right:-166px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:71px;/* to clear header*/
	color:#fff;
	left:1px;
	padding-bottom:52px;/* clear footer*/
	background:transparent;
}
#rightTwo {
	position:relative;/*ie needs this to show float */
	width:132px;
	float:right;
	margin-right:-131px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	/*padding-top:71px;/* to clear header*/
	color:#fff;
	left:1px;
	padding-bottom:52px;/* clear footer*/
	background:#ffffff;
}
#footer {
	width:100%;
	clear:both;
	height:49px;
	background: #0067CE;
	font-size:88%;
	color: #fff;
	text-align:center;
	position:relative;
	border-top:1px solid #FF6000;
	margin-top:-50px;/*drag footer from below the fold*/
}
#footer a{color:#fff;text-decoration: none;}
#centrecontent {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:52px;/* clear footer*/
 margin-left:-1px;
}
#centrecontentTwo {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:52px;/* clear footer*/
    margin-left:-1px;
    background:#ffffff;
}
.outerwrap {
	float: left;
	width: 100%;
	padding-top:112px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
	background: #ffffff;
}
.outerwrapTwo {
	float: left;
	width: 100%;
	padding-top:0px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
	background: #ffffff;
}
p.expand a:hover{display:block;height:300px;background:red}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

a:link,a:active,a:visited
{
    text-decoration: none;
    font-weight: none ;
    color: #0067CE;
}
a:hover		{
    text-decoration: underline;
    font-weight: none ;
    color: #ff6600;
  }

p {
 padding: 0 8px;
 }

ul#regList {
 padding: 2px 28px;
 }

ul#regList li {
  padding: 2px 8px;
}

h1 {
 font-size:148%;
 padding: 0 6px;
 }

h2 {
 font-size:128%;
 padding: 0 8px;
 }

h4, h3 {
 padding: 0 8px;
 }
 
h6 {
 padding: 8px 8px;
 font-size: 128%;
 background-image:url('http://jobs.newcareer.ca/csl_images/bg_b.gif');
 background-repeat: repeat;
 color:#F8F8F8;
 text-align:center;}
#centrecontentTwo h2 {color: #000000;padding: 0;font-size: 188%;letter-spacing: -0.1em;border-bottom:2px solid #ff6000;margin: 2px 2px 5px 2px;}

small{font-size:88%}
bold {font-weight: bold;}
p.first:first-letter {
 font-size: 120%;
 font-weight: bold;
 color:#000000; }

img.floatLeft { float: left;margin: 3px;}
img.floatLeftMid { vertical-align: middle;margin: 2px;}
img.floatRight { float: right;margin: 3px;}
img.floatCenter {display: block;margin: 2px auto 2px auto;border:1px solid #000000;}

.row {padding: 1px;border:1px solid #C0C0C0;margin: 2px 8px;}
hr {border-top:1px solid #C0C0C0;border-bottom: 0px solid #ffffff;background-color: #ffffff; color:#ffffff;}

.headingDiv{
  float:left;
  width:108px;
  vertical-align: middle;
}

ul#navlist
{
width: 149px;
\width: 151px;
w\idth: 149px;
padding: 0px;
border: 0px solid #808080;
border-top: 0px;
margin: 0px;
background: #808080;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
width: 112px;
\width: 149px;
w\idth: 112px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #0067CE;
background: #F3F3F3;
text-decoration: none;
text-align: left;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #ff6000;
color: #ffffff;
background: #0067CE;
}

SELECT.leftTwo {
font-size: 88%;
color: #000000;
}
.clearboth { clear: both; }

.fullBox
{
  width: 100%;
  float: left;
  background:transparent;
  font-size: 90%;

}
.fullBoxTwo
{
  width: 100%;
  float: left;
  background:#EFEFEF;
  font-size: 90%;
}

.fullBoxOrange
{
  width: 98%;
  float: left;
  background:#ff6000;
  font-size: 90%;
  padding:8px;
  font-weight:bold;
}
.fullBoxOrange a:link,a:active,a:visited{text-decoration: none;font-weight: none ;color: #0067CE;}
.fullBoxOrange a:hover{text-decoration: underline;font-weight: none ;color: #ffffff;}


.errorBox
{
  width: 100%;
  padding: 2px;
  background:red;
  font-size: 100%;
  font-weight:bold;
  color:#fff;
}

.fullBoxColor
{
  width: 95%;
  background:#E9E9E9;
  font-size: 100%;
  margin: 18px auto 18px auto;
  padding: 8px;
}
.fullBoxMain
{
  width: 96%;
  background:#ffffff;
  font-size: 100%;
  margin: 1px auto 1px auto;
  padding: 8px;
  border:1px solid #E1E1E1;
}

.td2
{
  float: left;
  border: 0;
  margin: 1px auto 1px auto;
  padding: 1px;
  background:transparent;
  width: 48%;
  font-size: 100%;
}

.td5
{
  float: left;
  border: 0;
  margin: 1px auto 1px auto;
  padding: 1px;
  background:transparent;
  width: 18%;
  font-size: 100%;
}

.tdSixty
{
  float: left;
  border: 0;
  margin: 1px auto 1px auto;
  padding: 1px;
  background:transparent;
  width: 56%;
  font-size: 100%;
}
.tdSixtyBorder
{
  float: left;
  border: 0;
  margin: 1px auto 1px auto;
  padding: 1px;
  border:1px solid #000000;
  background:transparent;
  width: 56%;
  font-size: 100%;
}
.tdFouty
{
  float: right;
  border: 0;
  margin: 1px auto 1px auto;
  padding: 1px;
  background-color:#F8F8F8;
  width: 42%;
  font-size: 90%;
}
.barBox
{
  width: 100%;
  float: left;
  background-image:url('http://jobs.newcareer.ca/csl_images/bg_d.gif');
  background-repeat: repeat;
  font-size: 100%;
  padding: 0px;
  color:#000000;
}
.barBoxInside
{
  width: 98%;
  float: left;
  background:transparent;
  font-size: 100%;
  padding: 5px;
  color:#000000;
}
.td10{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:#0067CE;width: 10%;font-size: 100%;color:#fff;}
.td15{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:#0067CE;width: 13%;font-size: 100%;color:#fff;}
.td38{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:#0067CE;width: 36%;font-size: 100%;color:#fff;}
.td25{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:#0067CE;width: 25%;font-size: 100%;color:#fff;}
.td27{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:#0067CE;width: 25%;font-size: 100%;color:#fff;}

.tdNC10{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:transparent;width: 10%;font-size: 100%;color:#000;}
.tdNC15{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:transparent;width: 13%;font-size: 100%;color:#000;}
.tdNC38{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:transparent;width: 36%;font-size: 100%;color:#000;}
.tdNC25{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:transparent;width: 25%;font-size: 100%;color:#000;}
.tdNC27{float: left;border: 0;margin: 1px 0 1px 1px;padding: 3px;background:transparent;width: 25%;font-size: 100%;color:#000;}

/*FORMFORMFORMFORMFORMFORMFORMFORMFORM*/

/* Styles */
form fieldset{
	background-color:#EFEFEF;

	border-width:1px 1px 1px 8px;
	border-style:solid;
	border-color:#0067CE;

	margin:20px 0px 20px 20px;
	width:88%;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend{
	background-color:#ffffff; /*#ff6000*/

	border-width:1px 1px 1px 10px;
	border-color:#808080;
	border-style:solid;

	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:100%;
	text-align:center;

	width:188px;
	padding:3px 5px;
	margin:0px 0px 10px -40px;
	position:relative;
	top: -14px;

}

form fieldset legend img{
	padding:0px 5px 0px 5px;
}

form fieldset label{
	font-size:100%;

	display:block;
	float:left;
	width:180px;
	text-align:left;
	margin:4px 5px 0px 0px;
}

form fieldset input{
	background-color:#FFFFFF;

	width:250px;
	margin:2px 0px 0px 0px;

	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#C0C0C0;

	padding:1px 2px;
}

.button{
	background-color:#efefef;
	background-image:none;

	border-width:1px;
	border-style:solid;
	border-color:#000000;

	font-weight:bold;

	width:188px;
	padding:2px;
	margin:0px 0px 0px 20px
}

/* End Main Styles */


form fieldset.inside{
	background-color:#F7F7F7;

	border-width:2px 0px 0px 0px;
	border-style:solid;
	border-color:#0067CE;

	margin:10px 0px 10px 0px;
	width:80%;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset.inside legend{
    background-color:#ffffff;

	border-width:0px 1px;
	border-style:solid;
	border-color:#808080;

	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:100%;
	letter-spacing:2px;
	text-align:center;

	padding:2px 5px;
	margin:0px 0px 0px 0px;
	position:relative;
	top: -12px;
}

form fieldset.inside input {background : #EFEFEF; color: #000000; width:20px; border-style:none;}

form fieldset.submit input {background : #EFEFEF; color: #000000; width:auto; border-style:solid;border-width:1px;border-color:#000000;}

input.image {color: #000000; width:auto; border-style:none;}

input.none {color: #000000; width:auto; border-style:solid;border-width:1px;border-color:#000000;}

/*form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 1em 0;
    padding:10px;
    border: 1px solid #000000;
}

legend {
    margin: 1em 0;
    padding: 0 .5em;
    color: #000000;
    background: transparent;
    font-size: 118%;
    font-weight: bold;
}

/*label {
    float: left;
    width: 120px;
    padding: 0 1em;
    text-align: left;
}

div.fm-opt label {
    float: left;
    width: 128px;
    padding: 0 1em;
    text-align: left;
}
div.fm-req label {
    float: left;
    width: 128px;
    padding: 0 1em;
    text-align: left;
}

fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}

fieldset div input, fieldset div textarea {
    width: 238px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}




fieldset div select {
    padding: 1px;
}

div.fm-multi div {
    float: left;
    width: 100px;
    padding: 0 1em;
    text-align: left;
}

div.fm-multi input {
    width: 1em;
    border: 0;
}

input.checkbox{
    width: 238px;
    border: 0;
    padding: 1px;
}

div.fm-multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
    border:0;
} */

#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#fm-submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #ff6000;
    color: #fff;
    font-size: 100%;
}

input:focus, textarea:focus {
    background: #efefef;
    color: #000;
}

fieldset div span.print{
    width: 308px;
    min-width: 308px;
    border: 0;
    padding: 2px;
    color: #000;
    display: block;
    height: expression('1%');
}


.indi input {background : #EFEFEF; color: #000000; width:20px; border-style:none;}

/* required fields - does not work in IE */
fieldset div.fm-req {
    font-weight: bold;
}

fieldset div.fm-req label:after {
    content: " *"; /* does not work in IE */
}

/*horizontal list*/
#navcontainerTwo ul
{
padding-left: 0;
margin-left: 0;
background-color: #0067CE;
color: White;
float: left;
width: 100%;
height:21px;
}

#navcontainerTwo ul li { display: inline; }

#navcontainerTwo ul li a
{
padding: 0.2em 1em;
background-color: #0067CE;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
height:21px;
width:168px;
}

#navcontainerTwo ul li a:hover
{
background-color: #ff6000;
color: #fff;
height:21px;
}

.red {font-weight:none;color:red;}