#cieeLogo{
	z-index: 10;}

#header{
	height: 463px;
  background: url(../images/homePage/homeHeaderBG1x463.jpg) repeat-x 0 0;}

.headerNavButton{
	margin-left: 5px;}

#header #slide1, #header #slide2, #header #slide3{
	position: absolute;
	top: 0;
	left: 0;
	width: 989px;
	height: 463px;
	background-position: 0 0;
	background-repeat: no-repeat;}
	
#header #slide1{
	background-image: url(../images/homePage/slide1-989x463.jpg);
	z-index: 1;}

#header #slide2{
	background-image: url(../images/homePage/slide2-989x463.jpg);
	z-index: 0;}
	
#header #slide3{
	background-image: url(../images/homePage/slide3-989x463.jpg);
	z-index: 0;}
	
#header .moreInformationButton{
	position: absolute;
	width: 200px;
	height: 48px;
	background: url(../images/homePage/moreInfoButton200x48.png) no-repeat 0 0;}
	
#header #mibS1{	/*more information button slide 3*/
	bottom: 20px;
	right: 15px;}

#header #mibS3{	/*more information button slide 3*/
	bottom: 20px;
	right: 0;}

	
#header #slide1 #slide1Content{
	position: absolute;
	right: 0;
	top: 100px;
	width: 300px;
	height: 350px;
	overflow: hidden}
	
#header #slide1 #slide1Content p{
	color: #070707;
	font: normal 14px/15px Arial;}
	
	
#header #slide2 #slide2Content{
	position: absolute;
	right: 0;
	top: 270px;
	width: 331px;
	height: 180px;}
	
#header #slide2 #slide2Content p{
	color: #070707;
	font: normal 14px/15px Arial;}
	
#slide2Content ul{
	display: block;
	float: left;
	list-style: none;
	padding: 10px 24px 10px 24px;}
	
#slide2Content li{
	color: #070707;
	padding-left: 14px;
	padding-bottom: 8px;
	font: normal 14px/15px Arial;
	background: url(../images/sitewide/liBullet5x5.png) no-repeat 0 6px;}
	
	
#header #slide3 #slide3Content{
	position: absolute;
	right: 0;
	top: 270px;
	width: 260px;
	height: 190px;}
	
#header #slide3 #slide3Content p{
	color: #070707;
	font: normal 14px/15px Arial;}
	
#header #headerNav{
	position: absolute;
	width: 478px;
	height: 55px;
	top: 32px;
	right: 0;
	background-image: url(../images/homePage/headerNavWsign478x165.png);
	background-repeat: no-repeat;
	z-index: 4;}
	
#header #headerNav.slide1{
	background-position: 0 -55px;}	

#header #headerNav.slide2{
	background-position: 0 0;}
	
#header #headerNav.slide3{
	background-position: 0 -110px;}

#mainNav{
	top: 463px;
	z-index: 1;	/*required because we have changed pageBodyContent's position to relative, causing it to sit on top of the mainNav*/}
	
#pageBody{
	background-color: #cbccd1;}
	
#pageBodyContent{
	position: relative;
	padding-top: 81px;background: none;}
	
#pageBodyContent #top{
	background: url(../images/homePage/homePageContentTop710x14.png) no-repeat 0 0;
	width: 100%;
	height: 14px;}

#pageBodyContent #middle{
	position: relative;
	background: url(../images/homePage/homePageContentBG710x1.png) repeat-y 0 0;
	width: 100%;
	min-height: 540px;
	*z-index: 2;}
	
#pageBodyContent #middle #getStarted{
	position: absolute;
	top: 285px;
	right: 295px;
	width: 125px;
	height: 86px;
	z-index: 5;}	
	
div.dottedBorder{
	position: absolute;
	top: 80px;	
	width: 1px;
	height: 210px;
	background: url(../images/homePage/blueDot1x4.png) repeat-y 0 0;}
	
div.dottedBorder.left{
	left: 236px;}
	
div.dottedBorder.right{
	left: 476px;
	z-index: 3;}
	
#middleLeft, #middleCenter, #middleRight{
	position: absolute;
	top: 80px;
	width: 172px;
	height: 210px;
	z-index: 3;}

#middleLeft{
	left: 35px;}

#middleCenter{
	left: 276px;}

#middleRight{
	left: 515px;}

#middle p.middleColumnP{
	color: #030303;
	font: normal 11px/12px Verdana;
	padding-top: 10px;}
	
#middle div.learnMoreDiv{
	position: absolute;
	width: 133px;
	height: 32px;
	margin-top: 20px;
	left: 0;}
	
#middle div.learnMoreDiv img{
	border: none;
	border-style: none;}
	
#middle #rightText{
	position: absolute;
	top: 0;
	right: 0;
	width: 273px;
	height: 140px;
	overflow: hidden;}
	
#middle #rightText p{
	margin: 0 5px 0 5px;
	color: #030303;
	font: normal 14px/16px Verdana;}
	
#pageBodyContent #eligibilityCard, #pageBodyContent #benefitsCard, #pageBodyContent #findInternshipCard{
	position: absolute;
	top: 61px;	
	width: 180px;
	height: 112px;
	z-index: 6;}
	
#pageBodyContent #eligibilityCard{
	left: 27px;
	background: url(../images/homePage/eligibilityCard180x112ver2.png) no-repeat 0 0;}

#pageBodyContent #benefitsCard{
	left: 269px;
	background: url(../images/homePage/benefitsCard180x112ver2.png) no-repeat 0 0;}
	
#pageBodyContent #findInternshipCard{
	left: 507px;
	background: url(../images/homePage/findInternshipCard180x112ver2.png) no-repeat 0 0;}
	
#pageBodyContent #bottomLeftBarker{
	position: absolute;
	left: 12px;
	bottom: 0;
	width: 224px;
	height: 219px;
	background: url(../images/homePage/bottomLeftBarkerBG224x219.png) no-repeat 0 0;
	overflow: hidden;}
	
#pageBodyContent #bottomLeftBarker #lbLinkDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
	height: 219px;
	z-index: 3;}

#lbLinkDiv img{
	width: 224px;
	height: 219px;
	border: none;
	border-style: none;}
	
#pageBodyContent #bottomLeftBarker #vidDiv{
	position: absolute;
	top: 4px;
	right: 5px;
	width: 209px;
	height: 206px;
	background: url(../images/homePage/vidContestBg209x206.jpg) no-repeat 0 0;}
	
#vidDiv p{
	position: absolute;
	top: 125px;
	left: 5px;
	width: 125px;
	height: 80px;
	color: #c31f38;
	font: normal 15px/16px Arial;}
	
#vidDiv span{
	color: #000;
	font: normal 15px/16px Arial;}
	
	
#pageBodyContent #bottomRightBarker{
	/*had to use a .jpg for the bg image as it has the cuff of the man's sleeve in the shot*/
	position: absolute;
	left: 236px;
	z-index: 3;
	bottom: 0;
	width: 229px;
	height: 213px;
	background: url(../images/homePage/icoachBottomRightBarkerBG229x213.jpg) no-repeat 0 0;
	overflow: hidden;}

#pageBodyContent #bottomRightBarker #rbLinkDiv{
	position: absolute;
	top: 0;
	right: 0;
	width: 225px;
	height: 213px;
	z-index: 5;}

#rbLinkDiv img{
	width: 225px;
	height: 213px;
	border: none;
	border-style: none;}	
	
	
#pageBodyContent #bottomRightBarker p.brb{
	position: absolute;
	top: 118px;
	left: 12px;
	width: 200px;
	color: #030303;
	font: normal 13px/14px Arial;}	

#pageBodyContent #man{
	position: absolute;
	background: url(../images/homePage/man558x360.jpg) no-repeat 0 0;
	bottom: 0;
	right: 0;
	width: 558px;
	height: 360px;
	*z-index: 2;}
	
#footerContent{background: none;}

#howDoesItWorkContent{
	width: 580px;
	height: 426px;
	background: url(../images/homePage/hdwBG580x426.gif) no-repeat 0 0;}
	
#howDoesItWorkContent #hdwMain{
	display: block;
	position: absolute;
	font: normal normal 12px/14px Verdana;
	color:#111;
	width: 315px;
	right: 50px;
	top: 40px;}
	
#howDoesItWorkContent #hdwSecondary{
	display: block;
	position: absolute;
	font: normal normal 14px/14px Verdana;
	color:#0c2150;
	width: 500px;
	left: 50px;
	top: 155px;}
	
	
#howDoesItWorkContent #hdwTertiary{
	display: block;
	position: absolute;
	font: normal normal 12px/14px Verdana;
	color:#111;
	width: 500px;
	left: 50px;
	bottom: 50px;}
	
#hdwTertiary a{
	text-decoration: underline;
	color: #005480;
	font: normal normal 12px/14px Verdana;}
	
#hdwTertiary a:hover{
	color: #5e3f29;}