/* @override http://egfi.hzdesign.com/styles/global.css */

/* @group imports */

@import url('reset.css');

@import url('clearfix.css');

/* @end */

html {
	background: #FFF url('/images/bodybg.jpg') repeat-x;
	/*margin-left: 58px;*/
}

body {
	position: relative;

	height: 100%;
	width: 890px;

	margin: 0 auto;

	padding-top: 170px;
	padding-bottom: 50px;

	font: normal 12px/15px Verdana,Arial,sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
}

p {
	margin: 1em 0;
}

strong {
	font-weight: bold
}

a {
	outline: none
}

a:hover {
	color: #ec008c;
}

a:active {
	outline: none
}

h1 a,h2 a,h3 a,h4 a,h5 a {
	color: inherit;
}

hr {
	border: none;
	height: 7px;
	margin: 15px 0;
	background: url(/images/jhr.gif) no-repeat center center;
}

h1 {
	font-size: 35px;
}

h2 {
	font-size: 36px;
}

/* @group layout 

#header {
	position: absolute;
	top: 0;
	left: -58px;

	width: 915px;
	height: 170px;
}*/

#headernoflash {
	position: absolute;
	top: 0;
	/*left: -58px;*/

	width: 916px;
	height: 171px;
	margin-bottom:0px;
}

#nav {
	height: 35px;
	width: 888px;
}

#graphicnav {
	margin-top:6px;
	margin-bottom:8px;
}

#leaderboard {
	text-align:center;
	margin-bottom:10px;
	margin-left:16px;
}

#content {

	width: 904px;
	background: #FAFAFA url('../images/contentbg.jpg') repeat-x;
	border: 1px solid white;
	border-color: #e8e8c6 #ceceab #e2e2e2 #e4e4ca;
}

#main {
	width: 590px;
	float: left;

	padding: 12px 0 20px 28px;
}

/* @end */

/* @group Navigation */

#nav {
	
}

#nav ul {
	height: 20px
}

#nav ul li {
	display: inline;
	height: 20px;
	margin-right: 25px
}

#nav ul li a {
	height: 20px;
	font-size: 19px;
	text-decoration: none;
	color: #000;
}

#nav ul li a:hover,#nav ul li.active a {
	color: #ec008c;
}

/* @end */

/* @group Sidebar */

#sidebar {
	width: 248px;

	padding-left: 10px;
	margin: 12px 6px 20px 6px;

	float: left;
	background: url('/images/jbrdr.gif') repeat-y top left
}

#sidebar h2 {
	height: 20px;
	font-size: 20px;

	background: url('/images/jhrsm.gif') no-repeat bottom left;
	padding-bottom: 7px;
	margin-bottom: 3px;
	color: #000;
}

#sidebar h3 {
	color: #79b12f;
	font: 16px 'Gotham Medium',Verdana;
	margin-bottom: 3px;
}

#sidebar h4 {
	font-family: 'Gotham Bold',Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ec008c;
	margin-bottom: 7px;
}

#sidebar .read-more {
	font-family: 'Gotham Medium',Verdana;
	font-size: 12px;
	color: #ec008c;
}

#sidebar p+h2 {
	margin-top: 25px
}

#sidebar ol,#sidebar ul {
	padding-left: 20px;
}

#sidebar li {
	margin: 5px 0;
}

#sidebar ol li {
	list-style: decimal;
}

#sidebar ul li {
	list-style: disc;
}

/* @end */

/* @group Form */

/*form#contact div {
	position: relative;
	margin: 18px 0;
}

form div label {
	position: absolute;
	top: 8px;
	left: 15px;
	line-height: 24px;
}

form div input, form div textarea {
	background-color: transparent;
	border: 4px solid #BABAB8;
	line-height: 22px;
	padding: 4px;
}

form div input {
	width: 206px;
	height: 22px;
}

form div textarea {
	width: 430px;
	height: 185px;
}*/

/* @end */

/* @group Pink and Green */

dt {
	float: left;
	margin-right: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
}

.green dt,.green h2,.green h3,.green .read-more,.green .read-more a {
	color: #79b12f
}

.pink dt,.pink h2,.pink h3,.pink .read-more,.pink .read-more a {
	color: #ec008c
}

.read-more {
	font-weight: bold;
	text-decoration: none;
}

.read-more:hover {
	text-decoration: underline;
}

/* @end */

/* @group Intro */

#intro {
	background: url('/images/jhr.gif') no-repeat bottom left;
	padding-bottom: 15px
}

#intro li {
	float: left;
	display: block;
	margin: 0 12px;
}

#intro.type1 {
	padding: 44px 25px 15px 260px;
	width: 302px;
	height: 233px;
	background: url(/images/card-3.png) no-repeat;
	position: relative;
}

#intro.type1 img.thumb {
	position: absolute;
	top: 75px;
	left: 22px;
	width: 204px;
	height: 165px;
}

#intro.type2 {
	position: relative;
	margin-left: -72px;
	padding: 29px 25px 15px 336px;
	width: 290px;
	height: 315px;
	background: url(/images/engineer-your-path/on-the-job.png) no-repeat;
}

#intro.type2 img.featured {
	position: absolute;

	top: 114px;
	left: 97px;

	width: 204px;
	height: 165px;
}

#content #intro .card-4 h2,#content #intro .card-5 h2 {
	font-size: 26px;
}

#intro .card-4 {
	background: url(/images/card-4.png);
	width: 204px;
	height: 215px;
	padding: 40px 19px 0 29px;
}

#intro .card-4 img {
	width: 204px;
	height: 164px;
}

#intro .card-5 {
	background: url(/images/card-5.png);
	padding: 39px 20px 0 15px;
	width: 219px;
	height: 217px;
}

#intro .card-5 img {
	width: 219px;
	height: 165px;
}

/* @end */

/* @group Wide Cards */

.wide-card-1 h2, .wide-card-2 h2 {
	color: #000;
}

/* @group Wide Card 1 */

.wide-card-1 {
	background: url('/images/card-1.png') no-repeat;
	width: 322px;
	height: 242px;
	padding: 46px 25px 15px 163px;
	margin: 25px 0 0 72px;
	position: relative;
}

.wide-card-1 img.featured {
	position: absolute;
	left: -138px;
	top: -33px;
	width: 283px;
	height: 362px;
}

.wide-card-1 .title-card {
	position: absolute;
	left: 20px;
	top: -21px;
	z-index: 1;

	width: 191px;
	height: 67px;

	padding: 13px 0 0 16px;

	background: url(/images/title-card.png) no-repeat;
}

.wide-card-1 .title-card h3 {
	font-size: 12px;
	line-height: 1.4;
}

.wide-card-1 .title-card h2 {
	line-height: 1.4;
	font-size: 18px;
}

/* @end */

/* @group Wide Card 2 */

.wide-card-2 {
	background: url('/images/card-2.png') no-repeat;
	width: 306px;
	height: 225px;
	padding: 26px 25px 15px 163px;
	margin: 25px 0 0 72px;
	position: relative;
}

.wide-card-2 img.featured {
	position: absolute;
	left: -71px;
	top: 69px;
	width: 220px;
	height: 170px;
}

/* @end */

/* @end */


/* @group Item List */

.item-list {
	padding-bottom: 15px
}

.item-list li {
	background: url('/images/jhrthin.gif') no-repeat bottom left;
	padding: 10px 0
}

.item-list li:first-child,.item-list li.first-child {
	padding-top: 0
}

.item-list li:last-child,.item-list li.last-child {
	padding-bottom: 20px;
	background-image: url('/images/jhr.gif')
}

.item-list li .thumb {
	float: left;
	width: 120px;
	height: 72px;
	padding: 3px;
	background: url(/images/thumb-border.png) no-repeat;
}

.item-list li .details {
	font-size: 11px;
	width: 425px;
	margin-left: 5px;
	float: left
}

/* @end */

#lb_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #000;
	opacity: 0.8;
}

.lightbox {
	position: absolute;
	z-index: 1;
	width: 383px;
	height: 379px;
}

.lightbox a.lb_close {
	position: absolute;
	top: -26px;
	right: -22px;
	display: block;
	height: 58px;
	width: 58px;
	overflow: hidden;
	background: url(/images/lightbox/close.png);
	text-indent: -666em;
}

/* Font Samples */

.gf {
	font-family: 'Gotham Book',Verdana;
	font-size: 18px;
	color: #8cc63f;
	text-transform: uppercase
}

.gfb {
	font-family: 'Gotham Bold',Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ec008c
}

.gfm {
	font-family: 'Gotham Medium',Verdana;
	font-size: 12px;
	color: #ec008c
}


#printlogo {
	display:none;

}
.outlinepink {
	border: 1px solid #ec008c;
	text-align: right;
}

@media print { 
HTML{ BACKGROUND-COLOR: transparent; background-image:none; margin: 0; color:#000; font-size:13px; }
BODY{ BACKGROUND-COLOR: transparent; background-image:none; margin: 0; color:#000; }
#printlogo {
	display:block;
	margin-top:-150px;
	margin-bottom:20px;
}
#headernoflash{display:none;

}
#graphicnav {display:none;

}
#leaderboard{display:none;

}

#content {
	width: 100%;
	BACKGROUND-COLOR: transparent; background-image:none;
	border: none;
	font-size:13px;
}

.pagewrapper{
	width: 100%;
	BACKGROUND-COLOR: transparent; background-image:none;
	border: none;
	font-size:13px;
}

.obar{display:none;

}
#narrowcolumnwrapper{margin-top:0px;

}
h2 {margin-top:40px;margin-bottom:20px; line-height:40px;

}
h2 a{text-decoration:none;

}
.post{
	font-size:13px;
}

#respond{display:none;

}
#commentform{display:none;

}

#sidebar{display:none;

}
}