@charset "utf-8";
/* CSS Document */
@font-face {
  src: url('../fonts/SW2911UC.TTF') format('truetype');
  font-family: 'Swiss911 UCm BT';
  src: url('../fonts/BOOKOS.TTF') format('truetype');
  font-family: 'Bookman Old Style';
}

body {
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	background: #1a1a1a;
}
* html body {
	font-size: small;
}
#mission {
	font: medium "Bookman Old Style";
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #fff;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

p {font-size:larger;}
p a{color:#fff;}
p a:hover{color:#ccc;}

.smaller {font-size: smaller;}

.listSize {
	font-size: 115%;
	line-height: 120%;
}

#workshops .listSize li, #currentpgms .listSize li, #disability .listSize li, #omw .listSize li{
	list-style:inside;
}

.listSizeNoType {
	font-size: 115%;
	line-height: 160%;
	list-style-type: none;
	text-align: left;
}
.listSize a, .listSizeNoType a{
	color:#fff;
}
h1 {
	font-size: 150%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
}
h3 a { color:#fff;
}
#links #mainPanel h3, #home #mainPanel h3, #disability #mainPanel h3, #omw #mainPanel h3,#emp-services #mainPanel h3 {
	color: #D09900;
}


h4 {
	font-size: 110%;
}
#mainContainer {
	width: 1000px;
	margin: 0 auto 0 auto;
	background: url(img/bgnd_horiz.gif);
}
* html #mainContainer {margin: 0 auto;}

#bodyContainer {
	background: #404040 url(img/left_bgnd.gif) repeat-y left;
	color: #fff;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#heading {
	width: 100%;
	padding-top: 15px;
	background: #067D84;
}

* html #heading{padding-top:0px;}

#photoholder {
	width: 100%;
	padding-top: 15px;
	background:#067D84 url(img/loading.gif) no-repeat 50% 50%;
}
#thephoto {
	width:970px;
	height:219px;
}
#contentWrap {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#sidePanel {
	padding: 1%;
	float: left;
	width: 20%;
	background: #565656;
}

#employ {
	margin: 36px auto 24px auto;
	padding: 30px 25px 200px 25px;
	background-color: #404040;
}

#sidePanel-employ {
	/*position: absolute;*/
	padding: 1%;
	float: left;
	width: 20%;
	background: #565656;
}
#sidePanel   dd {
	margin-left: 18px;
}

#subfooter {
	margin-top: 20px;
	padding-bottom: 2px;
	clear: both;
}
.right {
	float: right;
	padding-top: 20px;
}

.left {
	margin-left: 3px;
}

#footer {
	clear: both;
	width: 100%;
	background: #067d84;
	color: #FFFFFF;
	text-align: center;
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	padding-top: .5em;
	padding-bottom: .5em;
}
#mainPanel {
	margin-top: 1px;
	padding: 1%;
	width: 75%;
	margin-left: 219px;
}
*html #mainPanel {
	margin-top: 6px;
	padding: 6px 4px;
	width: 725px;
	margin-left: 223px;
}
#mainPanel #boxContainer {
	width:auto;
	margin: 6px auto 10px auto;
	float: right;
}

.text-white {color:#fff;}

/* Contact us Box*/
#boxc {
	background: url(img/contactUsBox1.gif) no-repeat center center;
	height: 89px;
	width: 192px;
}


#boxc .text {
	text-align: center;
	font-family: "Swiss911 UCm BT", Haettenschweiler, sans-serif;
	text-shadow: #000 1px 1px 5px;
	font-size: 42px;
	padding-top: 20px;
	color: #067d84;
	letter-spacing: 2px;
}
#boxc .text a{color: #067d84; text-decoration:none;}
#boxc .text a:hover{color: #ccc;text-decoration:underline;}
/* -- */

#box0 {
	background: url(img/job-find.png) no-repeat center bottom;
}
#box1 {
	background: url(img/employment.png) no-repeat center bottom;
}
#box2 {
	background: url(img/pcsitting.png) no-repeat center bottom;
}
#box3 {
	background: url(img/workshops.png) no-repeat center bottom;
}
#box4 {
	background: url(img/workshop.png) no-repeat center bottom;
}
#box5 {
	background: url(img/job-toolkit.png) no-repeat center bottom;
}
#box6 {
	background: url(img/disabled.png) no-repeat center bottom;
}
#box7 {
	background: url(img/older_worker.png) no-repeat center bottom;
}


#box0,#box1,#box2,#box3,#box4,#box5,#box6,#box7 {
	padding: 4px;
	height: 160px;
	width: 124px;
	border: 2px solid #067d84;
	float: left;
	margin: 0 4px;
	background-color: #D09900;
	color: #fff;
	text-align: center;
	font-family: "Swiss911 UCm BT", Haettenschweiler, sans-serif;
	text-shadow: #000 1px 1px 5px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-size: 28px;
	transition-property: background-color;
	transition-duration: 4s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 4s;
	-o-transition-property: background-color;
	-o-transition-duration: 4s;
}

#box0:hover,#box1:hover,#box2:hover,#box3:hover,#box4:hover,#box5:hover, #box6:hover, #box7:hover {
	background-color: #067d84;
	border-color: #d09900;
}	
	
	
.yello {color:#fdf471;}
.orang {color:#d09900;}

/*.yello a:hover{color:#ccc;}*/

#box0 a,#box1 a,#box2 a,#box3 a,#box4 a,#box5 a, #box6 a, #box7 a{color: #fff; text-decoration:none;}

#box0.yello a:hover, #box1.yello a,#box2.yello a:hover,#box3.yello a:hover,#box4.yello a:hover,#box5.yello a:hover {color: #fdf471; text-decoration:none;}

#box0 a:hover,#box1 a:hover,#box2 a:hover,#box3 a:hover,#box4 a:hover,#box5 a:hover,#box6 a:hover,#box7 a:hover {
	color: #ccc;
	text-decoration:underline;
}
#emp-services #mainPanel #box1, #e-centre #mainPanel #box2, #workshops #mainPanel #box3, #currentpgms #box4, #resume #box5, #disability #box6, #omw #box7 {
	float: left;
	margin-right: 10px;
}



#smenu {
	text-transform: capitalize;
	font-weight: bold;
	line-height: 150%;
	margin: 5px 0px 0px;
	padding: .5em;
	width: 90%;
	background: #7c7c7c;
	border: 2px solid #FFFFFF;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;	
}
#smenu:hover{
    z-index: 11;
    box-shadow: 0px 0px 20px white;
	-moz-box-shadow: 0px 0px 20px white;
	}
	
#smenu a {
	text-decoration: none;
	color: #FFFFFF;
}
#smenu a:hover {
	color: #404040;
}

#smenu li {
	list-style-type: none;
	margin-left: -24px;
}
#menu {
	margin: 0px;
	padding: 0px;
	height: 28px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	width: 735px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fff;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #fff;
	background: #067d84;
}
* html #menu {
	width: 734px;
}

#menu ul, ul.nobullets {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 245px;
}
* html #menu li {
	width: 244px;
}
#menu a {
	display:block;
	line-height:28px;
	height:28px;
	text-align:center;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
}
#menu li a {
	display:block;
	font-size: 12px;
	height:28px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#menu a:hover {
	cursor:pointer;
	color: #404040;
}

#menuDesc {
	font-weight: bolder;
	text-transform: uppercase;
	background: #067d84;
	text-align: center;
	width: 90%;
	border: 2px solid #fff;
	padding: .5em;
}
#menuDesc a{color:#fff; text-decoration:none;}
#menuDesc a:hover{color:#404040;}

/*mini menu for locations */
#minitabs {
	margin: 0px;
	padding: 0px 0px 20px 10px;
	background: #067D84;
	border: 2px solid #fff;
	height: 22px;
}
#minitabs li{
	margin: 0px;
	padding: 0px;
	display:inline;
	list-style-type: none;
	} 
#minitabs a{
	float:left;
	font-weight:bold;
	margin: 0 14px 4px 0px;
	text-decoration:none;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-right: 60px;
	line-height: 14px;
	} 
#minitabs a.active, #minitabs a:hover {
	border-bottom:4px solid #fff;
	padding-bottom: 2px;
	color:#fff;
	}
#minitabs a:hover {
	color:#fff;
	}	
/* end minitabs */

address{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#999999;
	text-align: center;
	font-style: normal;
	line-height: 120%;
}
address a{
	color: #999999;
	text-decoration: underline;
}

#links #breadcrumbs {
	color: #ffffff;
}
#links #breadcrumbs a {
	color: #ffffff; text-decoration:none;
}
#links #breadcrumbs a:hover {
	color: #9a9a9a;
}

#links dl {
	font-size: larger;
	margin-top: 0px;
	margin-bottom: 10px;
}
#links dt a {
	color: #FFFFFF;
}

/* for drop down menus */
.jsMenu {
	display:none;
	background-color:#067d84;
	text-align: left;
	height: auto;
	width: 99%;
	z-index: 2;
	position: absolute;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}

* html .jsMenu{
	margin-left:0px;
	margin-top:2px;
}

.jsMenu li {
	border-bottom:2px none #fff;
	font-family:verdana, sans-serif;
	font-size:10px;
	margin:0px 20px 0px -20px;
	font-weight: bold;
	list-style-type: none;
	padding: 0px;
}

* html .jsMenu li {
	margin: 2px 20px 0px -15px;
	padding: 0px;
}

.jsMenu li.separator {
	line-height:1px;
	height:1px;
	background-color:#ebf1ff;
	padding:0px;
	margin:0px;
}

.jsMenu li a {
	display:block;
	text-decoration:none;
	color:#fff;
	border:1px solid #fff;
	padding:5px;
	list-style-type: none;
}

.jsMenu a:hover {
	background:#efefef;
	color: #404040;
}
#columns2right {
	width: 50%;
	float: right;
	margin: 0px;
	padding: 0px;
}
#columns3mid {
	margin: 0px 0% 0px 0px;
	width: 66%;
	float: right;
	height: 210px;
	border-left: dotted 1px #eee;
	padding-left: 10px;
}
#columns3right {
	margin: 0px;
	float: right;
	height: 210px;
	border-left: dotted 1px #eee;
	padding-left: 10px;
}
.clear {
	clear: both;
}
#minitabwrap {
	float: left;
	width: 100%;
}
.listed {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	width: 136px;
	border: 2px solid #067d84;
	padding: 2px 10px 3px 10px;
	margin: 10px auto;
	background: #fff;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}

.listed a {
	color: #663;
	text-decoration: underline;
}
.listed ul li a{
	margin-left:-10px;
	color: #000;
	text-decoration: none;
}
.listed a:hover {
	color: #999;
	text-decoration: underline;
}

/* print controls */
@media print {
#menu {display:none} 
.listSize { color:#000000}
#subfooter {display:none}
#minitabs {display:none}
#boxes {display:none}
/*#search_box {display:none}
#contactUsBox {display:none}*/
#googleballs {display:none}
#bestplaceonearth {display:none}
#webguy {display:none}
#breadcrumbs {display:none;}
.listed {display: none;}
#photoholder {display:none;}
}