@charset "utf-8";
/* CSS Document !*/


/**, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

body{
	margin:0;
	padding:0;
	background-color:#0A2948;
	overflow-x: hidden;
}
#page{
	/* just a wrapper */
	position:relative;
	background:#0A2948 url(images/bg-page-top.jpg) top center no-repeat;
}
#centering-ctr{
	/* just for centering */
	max-width:955px;
	margin:0 auto;
	position:relative;
}
#content-ctr{
	position:relative;
	background:#ffffff;
}
#header{
	position:relative;
	background:#fff;
}
#header-left{ float:left; width:220px; height:94px; }
#header-right{ text-align:right; font-size:16px; text-transform: capitalize; padding:45px 20px 0 0; color:#959595}
.headerPhone{ font-size:22px; font-weight:bold; color:#022f69; padding:0 20px}

#mainNav{ height:86px; background-color:#0A2948; padding-right:25px}
#mainNav ul{ margin:0; padding:0; float:right; width: 100%; }
#mainNav li{ list-style-type:none; display:block; float:left; padding:0; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px}
#mainNav a{ display:block; text-decoration:none; color:#FFFFFF; font-size:23px; }

#sideNav{ margin:122px 85px;}
#sideNav li{ list-style-type:none; margin:4px 0}
#sideNav a{ text-decoration:none; color:#959595; font-weight:bold; font-size:14px}
#sideNav a.nav-selected{ color:#fe7700}

#logo{font-size:3em;padding:0;margin:0;}
#logo p{padding:0;margin:0; line-height:1em;}
#breadcrumbs{ padding:10px 0 0 10px;margin:0;}
#body{
	padding:20px;
}
#topStripe{ 
	background:url(images/bg-top-white-stripe.gif) top repeat-x;
}
#leftCol{display:none;}
#mainContent{ border: 1px solid #D1D1D1; padding:2.5%; float:left; width:95%; padding-top:25px; }


/*Nivo Slider Area*/
#homePageBanner{
	display:none;
}

#homeContent{
	margin-bottom: 25px;
	padding: 15px;
	border-bottom: 1px solid #D1D1D1;
}

#homeRightBox{
	background: none;
	padding-left: 0;
	width: 100%;
}
	#homeRightBox p{
		text-align: center!important;
	}
	#homeRightBox a.learn_more{
		margin: 0 auto;
		width: 75px;
	}




#homeRightBox a.learn_more{ display:block; padding-right:15px; background:url(images/orange-arrow.gif) no-repeat center right; text-decoration:none;}
#homeRightBox a.learn_more:hover{ color:#FF6600}

#rightCol { overflow:hidden; width:95%; margin:0 auto; padding:2.5%; color:#022f69; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em;}
#rightCallout { height:200px; margin-top:25px; margin-bottom:47px; vertical-align:middle; }
#rightCallout img{ 
	display:block;
	margin:0 auto;
} 


#footer{
	color:#878788;
	font-size:11px;
	text-align: center;
	position:relative;
	padding:40px 15px;
}
	#footer span{
		float: none!important;
	}


.nav a{
	text-decoration:none;
}
ul.nav{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.nav li{
	padding:.3em 0;
	margin:0;
	line-height:1em;
}
ul.nav ul{
	list-style-type:none;
	margin:0 0 0 2em;
	padding:0;
}
.clear{ clear:both;}
.spc{ padding:10px;}
/*
Column units, 9 total, 77px each, 20px spacings
*/
.col{float:left}
.col-spc-right{ padding-right:20px}
.col-spc-left{ padding-left:20px}

/* CSS for one approach that was abandond in favor of a C5 alt 
	#mainNav a { visibility:hidden}*/
	#mainNav #employers { background:url(images/Employers.gif)}
	#mainNav #employers:hover { background:url(images/Employers_hover.gif)}
	#mainNav #employers.nav-selected{background:url(images/Employers_selected.gif)}
	
	#mainNav #jobseekers { background:url(images/Jobseekers.gif)}
	#mainNav #jobseekers:hover { background:url(images/Jobseekers_hover.gif)}
	#mainNav #jobseekers.nav-selected{background:url(images/Jobseekers_selected.gif)}
	
	#mainNav #services { background:url(images/Services.gif)}
	#mainNav #services:hover { background:url(images/Services_hover.gif)}
	#mainNav #services.nav-selected{background:url(images/Services_selected.gif)}
	
	#mainNav #company { background:url(images/Company.gif)}
	#mainNav #company:hover { background:url(images/Company_hover.gif)}
	#mainNav #company.nav-selected{background:url(images/Company_selected.gif)}





@media screen and (max-width: 480px){
	#header-left{
		width: 100%;
	}
	h1#logo{
		display:block;
		margin:0 auto;
		width: 207px;
	}
	/*image has extra whitespace fix*/
	#logo img{
		margin-left: -8%;
	}
	#header-right{
		float:none;
		text-align: center;
		padding: 45px 2.5% 5px 2.5%;
	}
	span.headerPhone{
		display: block;
		text-align: center;
		padding: 10px 0;
		width: 100%;
	}

}

@media screen and (max-width: 767px){

	#header-right{
		float:none;
	}
	#mainNav{
		overflow: hidden;
		min-height: 86px;
		height: auto;
	}
	#mainNav ul {
		display:block;
		float:left;
	}
	#mainNav li {
		float:none;
		height: 86px;

	}
	#mainNav li.nav-path-selected:first-child{
		height: 0;
	}

	#homeContent p{ 
		margin:0;
	}



}


/*Tablet*/
@media screen and (min-width: 768px){

	#mainNav ul{
		width: initial;
	}


	/*inner pages*/
	#mainContent{ border: 0; width: 60%; }
	#rightCol { width:236px; padding: 0; }
		#rightCallout { margin-top:85px; }
		#rightCallout img{ 
			display:inline;
		}


	#footer{ padding:40px; text-align: left; }
	#footer span{ float: right!important; }

}

/*Desktop*/
@media screen and (min-width: 955px){

	#homeContent{ 
		background:url(images/bg-home-box-left.jpg) no-repeat;
		border: 0;
		color:#022f69; 
		font-weight:bold; 
		padding:27px 50px 15px 42px; 
		float:left; font-size:12px; 
		margin:0 0 0 33px; 
		width: 430px; 
		height:210px; 
	}

	#homeRightBox{ 
		float:left; 
		background:url(images/bg-home-box-right.jpg) no-repeat; 
		padding:30px 50px;
		width:284px; 
		height:190px; 
	}


	/*inner pages*/
	#leftCol{ display:block;float:left; width:244px; }
	#content-ctr{ position:relative; background:#ffffff url(images/bg-content-area.png) top no-repeat; }
	#mainContent{ padding:5px; float:left; width:428px; padding-top:68px; }
	#rightCol { float:right; margin-right:21px; color:#022f69; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em;}
	
	#homePageBanner{
		display:block;
	}

}