body.home {background: #c1e6f8 url(http://www.careereducationstation.com/i/fair_bg.jpg) no-repeat top center;}
body.inner {background: #c1e6f8 url(http://www.careereducationstation.com/i/fair_bg_burst.jpg) no-repeat top center;}

.clearboth {clear: both;}

#hd .in,
#bd .in,
#ft .in {
	margin:auto;text-align:left; 
	width:63.4615385em; /* !IE */ 
	*width:61.9321154em;/* IE */
	min-width:825px;
	position: relative;
}

/* Header Styles */

#hd{
	display: block;
	height: 80px; 
}

	#hd #logo {
		display: block;
		height: 68px;
		width: 270px;
		position: absolute;
		right: 0;
		top: 8px;
	}


/* Body Styles */
#bd{ }
#bd .in{width: 825px;}/* changes for the 1px line */
	#bd #slogan {
		background: url(http://www.careereducationstation.com/i/fair-slogan.png) no-repeat top left;
		display: block;
		height: 80px;
		margin: 53px 0 19px 0;
		width: 825px;
		text-indent: -10000px;
	}
	
	
/* Thankyou Page Styles */
body.thanks {background: #c1e6f8;}
.boxthanks {
	background: #fff url(http://www.careereducationstation.com/i/fair_bg_box_top.jpg) no-repeat top center;
	display: block;
	}	
	
#bd #slogan2,
#bd #slogan3 {
	background: url(http://www.careereducationstation.com/i/fair-slogan2.jpg) no-repeat top left;
	display: block;
	height: 73px;
	margin: 0 auto;
	width: 660px;
	text-indent: -10000px;
	}
#ftthanks {background: #fff url(http://www.careereducationstation.com/i/fair_bg_box_btm.jpg) no-repeat bottom left;padding: 0 0 10px 0;}

	#ft p a {color: #666666;}
	#ft p a:hover {text-decoration: none;}	
#ftthanks p.nav {
	color: #666666;
	font-size: 89%;
	text-align: center;
	padding: 10px 0 0 0;
	text-transform:uppercase;
}
/* END Thanks Styles */

	#bd #slogan3 {background: url(http://www.careereducationstation.com/i/fair-slogan3.jpg) no-repeat top left;}
	
	#bd .getstarted {
		background: url(http://www.careereducationstation.com/i/fair-btn-start.jpg) no-repeat top left;	
		display: block;
		height: 102px;
		margin: 27px auto 0 auto;
		width: 359px;
		outline: none;
		text-indent: -10000px;
	}
	
	#bd .getstarted a {
		display: block;
		height: 102px;
		width: 359px;
		outline: none;
	}

	body.home #bd .box {background: #d8d8d8 url(http://www.careereducationstation.com/i/fair-bg-box.jpg) repeat-x top left;padding: 0 0 10px 0;}
	#bd .box {background: #fff url(http://www.careereducationstation.com/i/fair_bg_box_btm.jpg) no-repeat bottom left;padding: 0 0 10px 0;}
	
	#bd h3#hd-here {
		background: url(http://www.careereducationstation.com/i/here.jpg) no-repeat 12px 18px;
		display: block;
		height: 20px;
		padding: 18px 0 13px 12px;
		width: 245px;
		text-indent: -10000px;
	}
	
	body.home #bd ol#here {
		background: url(http://www.careereducationstation.com/i/bg-ft-ol.png) repeat-x top left;
		margin: 0 7px;
		padding: 40px 0 0 0;
	}
	
	body.home #bd ol#here li {border-bottom: 1px solid #7cc3fa; margin: 0 0 15px 0; padding: 0 0 20px 0; text-indent: -1000px;}
	body.home #bd ol#here li.one {background: url(http://www.careereducationstation.com/i/bg-one.png) no-repeat top left;}
	body.home #bd ol#here li.two {background: url(http://www.careereducationstation.com/i/bg-two.png) no-repeat top left;}
	body.home #bd ol#here li.three {background: url(http://www.careereducationstation.com/i/bg-three.png) no-repeat top left; border: none; padding-bottom: 74px;}


	
	
	#bd h3.ourservice {
		background: url(http://www.careereducationstation.com/i/ourservice.jpg) no-repeat top left;
		display: block;
		height: 22px;
		margin: 0 0 5px 0;
		width: 120px;
		text-indent: -10000px;
	}
	
	#bd h4 {
		font-size: 138.5%;
		font-weight: bold;
		padding: 20px 40px;
	}

	#bd h4.congratulations {
		color: #00bd0b;
		font-size: 167%;
		font-weight: bold;
		padding: 20px 40px;
		text-align: center;
		text-transform: uppercase;
	}
			
	#bd p {
		
	}
	
	#bd p strong {
		font-weight: bold;
		font-style: italic;
	}
	
	#bd ol {
		background: url(http://www.careereducationstation.com/i/bg-ft-ol.png) repeat-x top left;
		/*margin: 0 7px;
		padding: 40px 0 0 0;*/
	}
	
	#bd ol#steps {
		display: block;
		height: 74px;
		width: 100%;
	}
	
	#bd ol#steps li {display: block; float: left; height: 74px; width: 274px; text-indent: -10000px;}
		
	#bd .step1 {background: #e8e8e8 url(http://www.careereducationstation.com/i/fair_steps.jpg) no-repeat 0 0;}
	#bd .step2 {background: #e8e8e8 url(http://www.careereducationstation.com/i/fair_steps.jpg) no-repeat 0 -74px;}
	#bd .step3 {background: #e8e8e8 url(http://www.careereducationstation.com/i/fair_steps.jpg) no-repeat 0 -148px;}
		
	.userform {display: block;margin: 0 20px;padding: 5px 0;}	
	
	
	
	.schoolselect {display: block;margin: 10px 20px;padding: 10px 10px;}
	.schoolselect h5 {color: #ff9900 !important; font-weight: bold; margin:0 0 10px 0;}
	.schoolselect li {display: block; float: left; margin: 0 5px 0 0;}
	.schoolselect .submitted-logo {border: 1px solid #ccc;}
	p.links {margin: 10px 20px;padding: 10px 10px;}
	p.links a:link{color:#003333;}
	
	#altersearch_forms {background: #ecf9ff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; margin: 0 20px 40px 20px; padding: 10px 10px; position: relative;}
	#altersearch_forms p {width: 100% !important;}
	#altersearch_forms ul {width: 100%;}
	#altersearch_forms p.close {display: block; font-size:10px; position: absolute; top: 10px; right: 0; width:69px !important;}
	#altersearch_forms .matchme #btn_find {border: none !important; margin: 15px 0 0 10px;}
	
	#bd p.question {color: #ff9900 !important; width: 700px; margin: 0 auto !important;}
	#bd p.question em {font-weight: bold;}
	#bd p.question2 {color: #ff9900 !important; margin:0 0 3px -35px;}
	#bd p.question2 em {font-weight: bold;}
	#bd p.question3 {color: #ff9900 !important; margin:12px 0 3px 0;}
	#bd p.question3 em {font-weight: bold;}
	#bd p.question4 {color: #ff9900 !important; display: block; clear: both; margin:10px 0 3px 0; *margin: 10px 0 3px 0;}
	#bd p.question4 em {font-weight: bold;}
	#bd p.question5 {color: #ff9900 !important; margin:10px 15px 3px 0;}
	#bd p.question5 em {font-weight: bold;}
	#bd p.question6 {color: #ff9900 !important; margin:0 0 0 10px;}
	#bd p.question6 em {font-weight: bold;}
	#bd p.question7 {color: #ff9900 !important; padding:15px 15px 3px 30px;}
	#bd p.question7 em {font-weight: bold;}
	
	.userform fieldset {margin: 0 0 0 0; padding: 10px 0;}
	.userform .schools {margin: 15px 0 0 0; padding: 10px 0;}
	.userform .schoollist {margin: 0 0 0 0; padding: 10px 0;}
	
	
	.userform fieldset ul {/*margin-right: 100px;*/ width: 700px; margin: 0 auto;} /*jeff changed from 6-700*/
	.userform legend {display: none;}
	.userform li {margin: 0 10px 10px 0;}
	.userform label {position: relative;}
		
	.userform li.error span {
		background: none;
		border: none;
		color: #ff6767;
		font-style: italic;
		padding: 0 5px;
	}
	
	.userform li.error input.text_input {
		background: #f8a0a1;
		border: 1px solid #ba3c1c;
	}
	
	.userform fieldset p {display: block; padding: 0 0 5px 0 !important;}
	.userform .started select {width: 90%;}
	.userform .categories p.question {margin-left:30px;}
	.userform .categories li {display: block; float: left; width: 46%;}
		.userform .categories #li-programs {width: 100%; padding-bottom: 0;}
		.userform .categories #li-programs .title{display: block; padding: 0 0 3px 0;}
		.userform .categories #li-programs label {display: block; float: left; padding: 0 10px 0 0;}
		.userform .categories #li-programs input.checkbox { float: left; margin: 0 11px 0 0; *margin: 0 0 0 -5px; padding: 0 !important;}
		input.checkbox::-moz-focus-inner {border:none;}
		
	.userform .contact {background: #ecf9ff; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; clear: both;}
	.userform .contact li label {display: block;}
	.userform .contact li {display: block; float: left; margin: 3px 15px 5px 0;}
	.userform .contact li select{padding: 2px 0; *margin: 5px 0 0 0;}
	.userform .contact li .text_input {padding: 3px 2px; width: 95% !important; font-size: 93% !important; border: 1px solid #ccc;}
	.userform .contact #li-salutation {width: 55%;}
		.userform .contact #li-salutation #salutation{width: 100px;}
	.userform .contact #li-first_name {width: 46%; clear: both;}
	.userform .contact #li-last_name {width: 46%;}
	.userform .contact #li-address {width: 46%;}
	.userform .contact #li-apt_no {}
	.userform .contact #li-city {width: 46%;}
	.userform .contact #li-state {width: 46%;}
		.userform .contact #li-state #state{width: 100px;}
	.userform .contact #li-zip_code {width: 46%;}
		.userform .contact #li-zip_code input.text_input {width: 25% !important;}
	.userform .contact #li-email_address {width: 46%; clear: both;}
	.userform .contact #li-confirm_email_address {width: 35%;}
	.userform .contact #li-date_of_birth {width: 46%; padding-bottom: 2px;}
	.userform .contact #li-home_phone {width: 46%; clear: both;}
		.userform .contact #li-home_phone #home_areacode{width: 8% !important; text-align: center;}
		.userform .contact #li-home_phone #home_prefix{width: 9% !important; text-align: center;}
		.userform .contact #li-home_phone #home_suffix{width: 12% !important; text-align: center;}
		
	.userform .contact #li-work_phone {width: 46%;}
	/* Trying to add correct formatting for work phone error state */
		.userform .contact #li-work_phone .markerror {padding: 3px 2px; width: 95% !important; font-size: 93% !important; border: 1px solid #ccc;}
		.userform .contact #li-work_phone #altphonecheck{width: 5% !important;}
		.userform .contact #li-work_phone #work_areacode{width: 8% !important; text-align: center;}
		.userform .contact #li-work_phone #work_prefix{width: 8% !important;text-align: center;}
		.userform .contact #li-work_phone #work_suffix{width: 12% !important;text-align: center;}
		
	.userform .contact #li-us_status {width: 46%;}
		.userform .contact #li-us_status .title{display: block;}
		.userform .contact #li-us_status label {display: inline; padding: 0 10px 3px 0; }
		.userform .contact #li-us_status .radio {width: 5% !important;}
		
	.userform .contact #li-military {width: 46%;clear: both;}
		.userform .contact #li-military .title{display: block;}
		.userform .contact #li-military label {display: inline; padding-right: 10px;}
		.userform .contact #li-military .radio {width: 5% !important;}
		
	.userform .contact li input {width: 80% !important;}
	
	/*.userform .schools {margin: 10px 0; border: 1px solid #ccc;}  jeff removed this*/
	
	.userform .campus {background: #ecf9ff;}
	.userform .schools legend {color: #333333; display: block; font-weight: bold; text-transform: capitalize;}
	.userform .schools li {border-bottom: 1px solid #ccc; padding: 0 0 5px 0;}
	.userform .schools .school-logo {display: block; float: left; width: 40%; text-align: center;}
	.userform .schools .school-logo img {border: 1px solid #ccc;}
	.userform .schools .school-program {display: block; float: left; width: 59%;}
	.userform .schools .school-program select {margin: 0px 0 0 0; }
	
	.userform .schools li ul {background: #e1e1e1; margin: 20px 0 25px 5px !important; padding: 0; width: 377px;}
	.userform .schools li ul li {border: none; clear: both; margin: 0;}
	.userform .schools li ul li div {width: 280px !important; margin: 0;}
	.userform .schools li ul li label {margin: 0 0 0 10px; *margin: 0;}
	
	.userform .schools .deselect {
		display: block;
		 margin: 0 0 0 80px;
		}
	

	.userform .schools .school-program input.deselect {margin-left:0px; width: 150px !important;}  
	.userform .schools li ol {padding: 5px 0;}
	.userform .schools li ol li {list-style-type: decimal; list-style-position: outside; margin: 0 0 0 20px; }
	.userform .schools select {display: block; }
	
	.userform .schools .dob input {display: block; float: left; width: 50px; margin: 0 10px 0 0;}
	.userform .schools .school-program input {width: 50px;} 
		
	.userform .tellus label {display: block !important;padding: 0 0 3px 0;}
	.userform .tellus li {display: block; float: none !important; }
	.userform .tellus li select{} 
	
	.userform .tellus #li-hs_gradYear {width: 92% !important;}
		.userform .tellus #li-hs_gradYear #hs_gradYear {width: 20%;}
		
	.userform .tellus #li-enrollment {width: 92% !important;}
		.userform .tellus #li-enrollment #enrollment {width: 45%;}
		
	.userform .tellus #li-education {width: 92% !important;}
		.userform .tellus #li-education #education {width: 45%;}
			
	.userform .schoollist {display: block; padding: 0; width: 700px; margin: 0 auto; }
		.userform .schoollist ul {display: block; max-height: 60px; width: 520px; margin: 0 auto;}
		.userform .schoollist li {display: block; float: left; height: 40px; }
		.userform .schoollist li img {display: block; border: 1px solid #ccc; height: 40px; }
		
	#confirm .schoollist {display: block; padding: 0; width: 700px; margin: 0 auto; }
		#confirm .schoollist ul {display: block; max-height: 60px; width: 520px; margin: 0 auto;}
		#confirm .schoollist li {display: block; float: left; height: 40px; margin: 10px 15px 0px 17px; }
		#confirm .schoollist li img {display: block; border: 1px solid #ccc; height: 40px; }
		
	#failed {margin-left: 30px;}	
	#failed .schoollist {display: block; padding: 0; width: 700px; margin: 0 auto; }
		#failed .schoollist ul {display: block; max-height: 60px; width: 520px; margin: 0 auto;}
		#failed .schoollist li {display: block; float: left; height: 40px; margin: 10px 15px 17px 0px;}
		#failed .schoollist li img {display: block; border: 1px solid #ccc; height: 40px; }
	
	.userform .schools li ul {background: #e1e1e1; margin: 10px 20px 0 25px; padding: 10px;}
	.userform .schools li ul li {border: none;}
	.userform .schools li ul li label {margin: 0 0 0 10px; *margin: 0;}
	
	.userform .required {color: #cc0000 !important; font-size: 100%; width: 750px; margin: 0 auto !important;}
	.userform .icon {padding: 0 !important;}
	
	.userform .matchme {
		background: #fff7d6 url(http://www.careereducationstation.com/i/fair_bg_matchme.gif) top left;
		display: block;
		height: 72px;
		position: relative;
	}
	
	.userform .step1intro {
		background: #fff7d6 url(http://www.careereducationstation.com/i/fair_bg_matchme.gif) top left;
		display: block;
		height: 100px;
		position: relative;
		margin-bottom:15px;
	}
	
	.userform .step1intro p.intro {
		font-size: 108%;
		font-style: italic;
		padding: 15px 15px 0 15px !important; 
		/*padding: 10px 30px 0 300px !important;
		*padding-top: 10px !important;*/
	}
	
	.userform .matchme #btn_matchme {/*position: absolute; top: 10px; left: 15px;*/
		display:block; float: left;
		margin: 10px 15px 0 15px;
		_*display: inline;
	}
	.userform .matchme #btn_requestInfo {/*position: absolute; top: 10px; left: 15px;*/
		display:block; float: left;
		margin: 13px 15px 0 15px;
		_*display: inline;
	}
	
	.userform .matchme p.reminder {
		font-size: 108%;
		font-style: italic;
		padding: 15px 15px 0 0 !important; 
		/*padding: 10px 30px 0 300px !important;
		*padding-top: 10px !important;*/
	}
	
	.btndiv {
		background: #fff7d6 url(http://www.careereducationstation.com/i/fair_bg_matchme.gif) top left;
		display: block;
		height: 72px;
		margin: 10px 20px;
		padding: 0 0 0 0;
		position: relative;
	}
	
	.btndiv #btn_find {/*position: absolute; top: 10px; left: 15px;*/
		/*display:block; 
		float: left;*/
		margin: 15px 10px 0 15px;
		outline: none;
		position: absolute;
   		left: 0;
		_*display: inline;
	}
	
	.btndiv p#btn_done {
		/*display: block; 
		float: left;*/
		height: 44px !important;
		width: 183px;
		margin: 15px 10px 15px 0;
		position: absolute;
   		right: 15px;
		top: 15px;
	}
	
	.btndiv p#btn_done a{
		background: url(http://www.careereducationstation.com/i/fair_btn_done.jpg) no-repeat top left;
		display: block;
		height: 44px !important;
		width: 183px;
		outline: none;
		text-indent: -10000px;
	}
	
	.solo p#btn_done {
		display: block;
		float: none;
		margin: 15px auto 0 auto;
		padding: 15px 0 0 0;
	}
	.solo p#btn_done a{
	}
	
	.btndiv p.reminder {
		font-size: 108%;
		font-style: italic;
		padding: 10px 15px 0 0 !important; 
		/*padding: 10px 30px 0 300px !important;
		*padding-top: 10px !important;*/
	}
	
	form input.button {
		margin: 0 10px 0 0;
	}
	#bd .box a:link {color:#003333;}
	#bd .box .infolink {font-size:10px;}
	#bd .box form p {
		color: #000;
		margin: 0;
		padding: 0;
	}
	
	#bd .box form select {
		
	}
	
	#bd form #btn {
		display: block;
		position: absolute;
		top: -10px;
		right: 10px;
	}
	
	#bd .box p.selectdegree {
		background: url(http://www.careereducationstation.com/i/selectdegree.jpg) no-repeat top left;
		display: block;
		height: 30px;
		margin: 15px auto 0 auto;
		width: 525px;
		text-indent: -10000px;
	}
	
	#bd .box p.startover {
		font-size: 10px;
		text-align: right;
		margin: 0 30px 0 0;
	}

	#bd .box p.startover a {text-transform:uppercase; color: #cc0000; text-decoration:none;}
	#bd .box p.startover a:hover { text-decoration: none;}
	
	#confirm {
		background: #ecf9ff;
		border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;
		display: block;
		margin: 0 40px;
		padding: 20px 10px;
	}
	
	#confirm p {font-size: 108%; margin: 0;}
	#confirm .logo {border: 1px solid #ccc; margin: 0 0 10px 0;}
	


/* Footer Styles */
	
	#ft p.nav {
	color: #666666;
	font-size: 89%;
	text-align: center;
	padding: 10px 0 0 0;
	text-transform:uppercase;
}
	#ft p a {color: #666666;}
	#ft p a:hover {text-decoration: none;}

	/* Replaced with image
	p.startover input.textsubmit {
		text-transform:uppercase; 
		border: 1px solid #fff;
		color: #cc0000;
		background-color: #fff !important;
		text-decoration:none;
		font-size:1em;
		margin:0;
		padding:10px 2px !important;
		border:0;
		cursor:pointer
	}
	*/