@charset "utf-8";

/*====GENERAl STYLING====*/
body {
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	background-color: #fff;
}

img {
	border: 0px;
}

select {
	width: 134px;
}

#root select {
	font-size: 85%;
}

.emphasize {
	font-weight: bold;
}	

#contentArea {
	font-size: 80%;
}

#footer {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	color: #aeaeae;
	text-align: right;
	border-top: 1px dashed #aeaeae;
	margin-top: 30px;
	padding-top: 5px;
}

#formText {
	color: #7e7e7e;
	font-family: "trebuchet ms";
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	width: 276px; 	
}

/*====LAYOUT====*/
#container {
	width: 990px;
	position: relative;
}

#headerArea {
	width: 100%;
	height: 129px;
	position: relative;
}

	#logo {
		position: absolute;
		top: 40px;
		left: 45px;
	}
	
	#formerly {
		position: absolute;
		top: 72px;
		left: 345px;
	}
	
	#contactPhone {
		position: absolute;
		top: 68px;
		right: 50px;
	}	

#contentArea {
	width: 100%;
	position: relative;
	min-height: 325px;
	background: url("images/contentBackground.jpg") no-repeat;
	padding-left: 385px;
	padding-top: 370px;
}

#root #contentArea {
	padding-top: 390px;
}

	#content {
		width: 565px;
		position: relative;
		z-index: 5;
	}

#formArea {
	position: absolute;
	top: 25px;
	left: 20px;
	padding-top: 27px;
	padding-left: 35px;
	height: 748px;
	width: 328px;
	background: url("images/formBackground.jpg") no-repeat;
	font-size: 11px;
}

	#root #formArea {
		padding-top: 0px;
	}

	#formText {
		position: relative;
		left: 4px;
		top: -5px;
	}
	
	#root #formText {
		top: 5px;
	}
	
	#formHeader {
		position: relative;
		left: -4px;
	}

	#root #formHeader {
		top: 20px;
	}
	
	#thanks {
		position: relative;
		right: 14px;
	}
	
	#root #thanks {
		top: 25px;
	}
	
	#validate {
		position: relative;
		right: 14px;
	}
	
	#root #validate {
		top: 25px;
	}

	#travelTime {
		position: relative;
		top: 8px;
		left: 127px;
	}

	#root #travelTime {
		top: 0px;
		left: 124px;
	}

	#IE6 #travelTime {
		top: 10px;
	}
	
	#lowerForm {
		position: relative;
		top: 50px;
		width: 275px;
	}
	
	#root #lowerForm {
		top: 25px;
	}
	#IE6 #lowerForm {
		top: 50px;
	}
	
	#lowerForm p {
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	#lowerForm label, .formText{
		font-family: "trebuchet ms"; 
		font-size: 11px;
		color: #af261c;
	}
	
	#lowerForm label {
		position: relative;
		top: -4px;
	}
	
	#lowerForm input, #lowerForm select {
		position: absolute;
		right: 0px;
		width: 135px;
	}
	
	#lowerForm input {
		background: #cfcfcf;
		border: none;
	}
	
	#submitButton input {
		height: 21px;
		width: 88px;
	}

/*====IMAGE INFORMATION====*/
/*
	This information is here in case text changes for these images are made 
	and you need to recrop/slice/cut these images out of the PSD
	
	>>headerArea<<
		crimsonCollegeLogo: 	285px x 54px
		contactPhone: 			148px x 28px
		formerly:				146px x 23px
		
	>>contentArea<<
		contentBackground:		990px x 367px
		
		>>formArea<<
			formBackground:		385px x 763px
			bookYourCareer:		254px x 24px
			thanks:				254px x 24px
			validate:			254px x 24px
			fromTo:				185px x 17px
			travelTime:			163px x 14px
			submitButton:		88px x 21px
*/