@charset "utf-8";

/*  [basic styles]
============================================================================================================*/
	/* style reset  ----------*/
		body,
		div,
		dl,
		form,
		h1,
		h2,
		h3,
		input,
		li,
		p,
		textarea,
		ul { 
			margin: 0; 
			padding: 0; 
		}
	
		img { border: 0; }
		
		.clear { clear: both; }
	/* END style reset  -----*/


	body {
		background: url("images/background_body2.png") no-repeat;
		height: 1075px;
		margin: 10px auto;
		width: 940px;
		
		position: relative;
	}
	
	html {
		background: #4f2d7f url("images/background_html.jpg") repeat-x;
		height: 100%;
		width: 100%;
	}	
/*============================================================================================================
END [basic styles] */




/*  [contentArea] styles
============================================================================================================*/	
	#contentArea { 
		color: #333;
		font: normal 13px/18px arial, helvetica, sans-serif;
		width: 370px;
	
		position: relative;
		top: 336px;
		left: 60px; 
	}
		#contentArea h1 {
			color: #270f49;
			font: normal 20px/1.3em arial, helvetica, sans-serif;
			margin-bottom: 25px;
		}
		
		#contentArea p { margin-bottom: 25px; }
		
		#contentArea ul { 
			margin: 0 0 25px 25px; 
			width: 160px;
		}
	
	.floatLeft { float: left; }
	
	.floatRight { float: right; }
	
	#logo {	
		position: absolute;
		top: -279px;
		left: 70px;
	}	
/*============================================================================================================
END [contentArea styles] */




/*  [formArea styles]
============================================================================================================*/	
	#btn_Back, 
	#btn_Next, 
	#btn_Submit { cursor: pointer; }
	
	#btn_Back {
		color: #333;
		font: bold 13px/15px arial, helvetica, sans-serif;
		width: 100px;
		
		position: absolute;
		bottom: -65px;
		left: 0px;
	}
	
	#btn_Next {
		position: absolute;
		bottom: -75px;
		right: 84px;
	}
	
	#btn_Submit {
		position: absolute;
		bottom: 45px;
		right: 84px;
	}
	
	#disclaimer {
		color: #333;
		font: normal 12px arial, helvetica, sans-serif;
		width: 325px;
		
		position: absolute;
		bottom: -45px;
		left: 80px;
	}
	
	#formArea {			
		position: absolute;
		top: -5px;
		left: 450px;
	}
		#formArea h2 {
			background: url("images/text_ChangeYourLife.png") no-repeat;
			height: 104px;
			text-indent: -9999px;
			width: 473px;
		}
	
	label {
		color: #333;
		display: inline-block;
		font: bold 13px arial, helvetica, sans-serif;
		margin-bottom: 3px;
		width: 300px;
	}
		label.errorMessage {
			background: #fff;
			border: 1px solid #f00;
			color: #f00;
			font-weight: normal;
			line-height: 20px;	
			text-align: center;
			
			position: absolute;
			bottom: -3px;
			left: 0;
		}
	
	p input { width: 305px; }
		
	p select { width: 309px; }
	
	p.errorMessage input,
	p.errorMessage select { border: 1px solid #f00; padding: 1px; }
	
	#requestForm {
		background: url("images/background_formArea.png") no-repeat bottom left;
		padding: 10px 0 80px 80px;
		width: 393px;
	}
		#requestForm div { position: relative; }
			#requestForm div div p input { width: 145px; }
			
			#requestForm div div p select { width: 149px; }
			
		#requestForm p { 
			margin-bottom: 10px;
			
			position: relative; 
		}
			#requestForm p#indicatesRequired {
				color: #695506;
				font: italic 10px arial, helvetica, sans-serif;
				
				position: absolute;
				bottom: 20px;
				right: 84px;
			}
			
			#requestForm p.rightColumn {
				position: absolute;
				top: 0;
				left: 160px;
			}
	
	select.errorMessage {
		background: #f00;
		color: #fff;
	}	
	
	.education_header {
		font-family: georgia, "times new roman", serif;
		margin: 25px 0px 8px 0px;
	}
/*============================================================================================================
END [formArea styles] */




/*  [thanks styles]
============================================================================================================*/	
	#thanks {
		background: url("images/background_formArea.png") no-repeat bottom left;
		font: normal 15px/20px arial, helvetica, sans-serif;
		padding: 10px 0 200px 80px;
		width: 393px;
	}
		#thanks a {
			color: #4f2d7f;
			font-weight: bold;
		}
		
		#thanks p { 
			margin-bottom: 25px;
			width: 342px; 
		}
/*============================================================================================================
END [thanks styles] */




/*  [browser-specific overrides]
============================================================================================================*/
	/* Safari  ----------*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#requestForm p.selectParagraph label.errorMessage {
				bottom: 0;
			}
		}
	/* END Safari  ------*/
	
	/* Internet Explorer  ----------*/
		#rootIE #contentArea { width: 400px; }
			#rootIE #contentArea ul { 
				margin: 0 0 0 25px; 
				padding-left: 15px;
				width: 160px;
			}
	/* END Internet Explorer  ------*/
/*============================================================================================================
END [browser-specific overrides] */