@charset "UTF-8";
/* CSS Document */

html {margin:0; padding:0;}
body {background:#fff; margin:0; padding:0; font:12px  Arial, Helvetica, Tahoma,sans-serif; line-height:15px; color:#000;}

#wrap {
	width:800px;
	margin:0 auto;
}
#sidebarright {
	width:260px;
	margin-left:0px;
	margin-top:-130px;
	margin-right:0px;
	float:right;
}
#leftarea  {
	width:530px;
	margin-top:320px;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4278AC;
	font-size: 12px;
	font-weight: bolder;
}

h3 {font-size:13px;} 

.h3 {font-size:13px;} 


h4 {color:#000; margin:0; font-size:12px;}
h5 {font-size:14px; color:#ec5900; margin:0;}

.small {margin:0; font-size:96%; line-height:normal;}

.hidden {display:block; text-indent:-9999px; margin:0; padding:0;}
.clear {clear:both;}
.success {color:#390; font-weight:bold;}

/*------------------------------------
				FORMS-----------------------*/
				
input {padding:2px;}

input.searchInput {height:14px;margin:4px 10px 0 0; border:1px solid #7399bf; background:#fff url(images/bk_input.gif) repeat-x; color:#7399bf; font-size:96%;}
input.loginInput {height:14px;margin:4px 10px 0 0; border:1px solid #398105; background:#fff url(images/bk_input.gif) repeat-x; color:#398105; font-size:96%;}
#search fieldset input.textInput {width:185px; height:18px; float:left; margin-right:10px; border:1px solid #7399bf; background:#fff url(images/bk_input.gif) repeat-x; color:#666;}

input#loginButton {background:url(images/btn_login.gif) no-repeat; height:19px; border:none; width:70px; text-indent:-9999px; float:left;}
input#searchButton {background:url(images/btn_search.gif) no-repeat; height:19px; border:none; width:70px; text-indent:-9999px; float:left;}

input#addMe {background:url(images/btn_addMe.gif) no-repeat; height:16px; border:none; width:54px; text-indent:-9999px; float:left;}
input.emailInput {width:80px; height:18px; float:left; margin-right:10px; border:1px solid #4C4C4C; background:url(images/bk_input.gif) repeat-x; color:#666;}


/*------------------------------------
               HEADER SECTION---------------*/
			   
#header {
	width:799px;
	height:170px;
	margin:0;
	padding:1px 0 0 0;
	background:url(images/header.gif) no-repeat top left;
	position:relative;
	z-index: 6000; /*IE, apply Z-index to parent rather than child*/
}


ul#nav {width:799px; margin:110px auto 0 auto; padding:0; list-style:none; /*line-height:0px;*/  z-index:6000;}
ul#nav li {float:left; margin:0px; padding:0;}
ul#nav li a {display:block;}
ul#nav li span a {display:block; text-indent:-9999px;}


#nav li#navHome span a {background: url(images/nav_home.gif) no-repeat bottom; width:79px; height:29px; position:relative;}
#nav li#navBusiness span a {background: url(images/nav_business.gif) no-repeat bottom; width:97px; height:29px; position:relative;}
#nav li#navJobseekers span a {background: url(images/nav_jobseekers.gif) no-repeat bottom; width:107px; height:29px; position:relative;}
#nav li#navYouth span a {background: url(images/nav_youth.gif) no-repeat bottom; width:74px; height:29px; position:relative;}
#nav li#navNewsEvents span a {background: url(images/nav_newsEvents.gif) no-repeat bottom; width:121px; height:29px; position:relative;}
#nav li#navAboutUs span a {background: url(images/nav_aboutUs.gif) no-repeat bottom; width:97px; height:29px; position:relative;}
#nav li#navWIB span a {background: url(images/nav_workforceInvestmentBoard.gif) no-repeat bottom; width:224px; height:29px; position:relative;}

#nav li#navHome a:hover {background-position:top;}
#nav li#navBusiness a:hover {background-position:top;}
#nav li#navJobseekers a:hover {background-position:top;}
#nav li#navYouth a:hover {background-position:top;}
#nav li#navNewsEvents a:hover {background-position:top;}
#nav li#navAboutUs a:hover {background-position:top;}
#nav li#navWIB a:hover {background-position:top;}


.dropDown {display:none; position:absolute; width:220px; margin:0; padding:0; background:#75ace0 url(images/dd_bk.jpg) repeat-x top left; border:1px solid #497fb3; border-top:none;}
.dropDown li { width:220px; display:block; line-height:14px; padding:1px; margin:0px; color:#e4e4e4}
.dropDown li a {text-indent:1px; display:block; color:#e4e4e4; font-weight:bold; text-decoration:none; margin:1px 0 0 1px; padding:1px; background:none;}
.dropDown li a:hover { background:#497fb3; margin:0; border-top:solid 1px #497fb3; border-left:solid 1px #497fb3; color:#fff;}

.dropDown_light {display:none; position:absolute; width:18 0px; margin:-1px 0 0 0px; padding:0; background:#75ace0 url(images/dd_light_bk.jpg) repeat-x top left; border:1px solid #497fb3; border-top:none;}
.dropDown_light  li {list-style:none; width:220px; display:block; line-height:18px; padding:1px; margin:0px; color:#e4e4e4}
.dropDown_light  li a {text-indent:1px; display:block; color:#171717; font-weight:bold; text-decoration:none; margin:1px 0 0 1px; padding:1px; background:none;}
.dropDown_light  li a:hover { background:#4c88c1; margin:0; border-top:solid 1px #497fb3; border-left:solid 1px #497fb3; color:#fff;}


/*--dropdown CSS action--*/

#nav li.off:hover ul, #nav li.over ul {display: block; z-index:6000;}

/*--------------------------------
			END NAV AND HEADER-----------------*/
			

#flashHome {
	width:530px;
	height:222px;
	margin:0px;
	padding:0px;
}

#newHome {
	width:530px;
	height:533px;
	margin:0px;
	padding:0px;
}


#searchLogin {
	position:relative;
	top:-200px;
	left:540px;
	width:263px;
	height:0;
	padding:0;
	z-index: 1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


/*#col1 {position:absolute; top:400px; left:0; width:263px; margin:0; padding:0;}
#col2 {position:absolute; top:400px; left:398px; width:263px; margin:0; padding:0;}
#col3 {position:absolute; top:400px; left:536px; width:263px; margin:0; padding:0;}*/


#threeCol {width:799px; margin:0; padding:0;}
.colHome {float:left; width:263px; margin:0 4px 0 0;/* _margin:0 0 0 2px; _padding-left:2px;*/ padding:0; display:block; }
#colHomeLast {float:left; width:263px; margin:0;/* _margin:0 0 0 2px;_padding-left:2px;*/ padding:0; }

/*#col1 {float:left; width:263px; margin:0; _margin:0 0 0 2px; padding:5px; _padding-left:2px;}
#col2 {float:left; width:263px; margin:0; padding:5px; _padding-left:3px;}
#col3 {float:left; width:263px; margin:0; _margin:0 5px 0 0px; padding:5;}
*/

/*Search*/
#search {width:263px; margin:0; padding:0; position:relative; background:}
.sideBarBox .photo {
	margin-top: 25px;
}

#searchTitle {
	background:url(images/top_searchForJob.gif) no-repeat top left;
	width:263px;
	height:23px;
}
#searchBox {background:url(images/bk_blueBox.gif) repeat-y; width:255px; padding:7px; margin:0;}
#searchBottom {background:url(images/bottom_searchForJob.gif) no-repeat bottom left; width:263px; height:8px;}
input.searchInput {height:14px;margin:4px 10px 0 0; border:1px solid #7399bf; background:#fff url(images/bk_input.gif) repeat-x; color:#7399bf; font-size:96%;}

/*Login*/
#login {width:263px; margin:0; padding:0; position:relative;}
#loginTitle {
	background:url(images/top_Access.gif) no-repeat top left;
	width:263px;
	height:23px;
	margin-top:0px;
}
#loginBox {background:url(images/bk_greenBox.gif) repeat-y; width:255px; padding:7px; margin:0;}
#loginBottom {background:url(images/bottom_accountLogin.gif) no-repeat bottom left; width:263px; height:8px;}

input.loginInput {height:14px;margin:4px 10px 0 0; border:1px solid #398105; background:#fff url(images/bk_input.gif) repeat-x; color:#398105; font-size:96%;}

/* home Box*/
.mainCatBox { width:263px; }
.subCatBox {
	width:259px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.sideBarBox {
	background:#f0f6fb;
	width:263px;
	margin-top: -8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}



h2.orTop {
	background:url(images/top_orange.gif) no-repeat top left;
	width:253px;
	height:23px;
	color:#fff;
	font-size:14px;
	padding:5px;
	margin-bottom:0;
	margin-top:0;
	z-index: 1000;
}
#leftarea #alignBusinessService {
	margin-top: 15px;
}
#leftarea #alignYouthService {
	margin-top: -4px;
}
#leftarea #alignDisabilityNav {
	margin-top: 23.5px;
}	
#leftarea #alignJobSearch {
	margin-top: -4px;
	margin-bottom: 8px;
}


h2.blueTop {
	background:url(images/top_blue.gif) no-repeat top left;
	width:253px;
	height:23px;
	color:#fff;
	font-size:14px;
	padding:5px;
	margin-bottom:0;
	margin-top: 0px;
}
h3.blueTop {background:#b2c8de; width:253px; height:16px; margin:0 0 3px 0; padding:5px; color:#0b549a;}

.homeBoxPic {float:left; margin:0 10px 0 0; padding:0; display:block;}
.homeBoxText {float:right; margin:0; padding:0; display:block;}

.photoGalleryThumb {float:left; width:118px; text-align:center; margin:6px; }
.dots {display:block; width:250px; height:3px; background:url(images/bk_dotsHor_greyWhite.gif) repeat-x top left; margin: 6px auto;}


.blogItem {
	width:250px;
	padding:4px;
	_margin:-2px 0 20px 0;
	margin:0;
}
.blogText { padding:4px; text-align:left;  _margin:0; }
.blogText h3 {margin:0px;}
.blogText p {margin:0; float:right;}
.blogText img {float:left; margin:0 5px 0 0 ;}
.blogText a {color:#e3ad05; text-decoration:none;}
.blogText a:hover {text-decoration:underline;}

/*home lists*/		
ul.homeList {
	padding:0px;
	list-style-type: none;
	list-style-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:9px;
	margin-left: 6px;
	float:left;
}
ul.homeList li {

}
ul.homeList a {/*float:left;*/
	color:#272727;
	font-size:11px;
	line-height:16px;
	text-decoration:underline;
	padding:0px;
	display: block;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-right: 2px;
}
ul.homeList li a:hover {color:#272727;}
li.seeMore a {
	color:#4e80b1;
	background:url(images/arrow_blueWhite.gif) no-repeat right 50%;
	padding-right:10px;
	margin-right: 5px;
	margin-bottom:10px;
	float:left
}
li.seeMore a:hover {color:#4e80b1; background:url(images/arrow_blackWhite.gif) no-repeat right 50%; padding-right:10px;}


#subPage {width:530px; line-height:18px !important; }

#subPage table{width:530px !important;}

 #subPage p.MsoTitle span, #subPage p.MsoCaption span, #subPage h5 font span, #subPage h5 span, #subPage h2 span, #subPage h4 span,#subPage h4, #subPage h6{ine-height:auto!important; display:block;  font-size:18px; font-family:Arial, Helvetica, sans-serif;}

#subPage div, #subPage span font, #subPage p.MsoNormal span font, #subPage p.MsoNormal font font, #subPage div span, #subPage p.MsoNormal span, #subPage p.MsoNormal b span, #subPage h1 span{line-height:auto!important;  display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

#footer {border-top:#e96f34 3px solid; width:799px; padding:5px 0; margin:0 0 10px 0;}
#footer img {float:right; margin:0 0 10px 0;}#subPage #head {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #F1580E;
	font-size: 2em;
	font-weight: bolder;
	font-variant: small-caps;
	font-style: normal;
	margin-top: 10px;
	margin-left: 5px;
	line-height: 20px;
}
#subPage #careerimg {
	float: none;
	margin-bottom: 15em;
}
#subPage     #contactsheet    {
	margin-left: 50px;
}
#subPage #contactsheet .lefttd {
	text-align: right;
	width: 100px;
}
h3.logged{
	font-family: Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	line-height: normal;
	text-decoration: none;.loggedname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.loggedname{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	line-height: normal;
	text-decoration: none;.loggedname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


#loginTitleLogged {
	background:url(images/top_Access_logged.jpg) no-repeat top left;
	width:263px;
	height:23px;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.imgmargin {margin-right:100px}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}

.blacklink{/*float:left;*/
	color:#000000;
	font-size:11px;
	line-height:16px;
	text-decoration:underline;
	padding:0px;
	display: block;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-right: 2px;
}

#social{margin-left:40px;}
