@charset "utf-8";

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


	body {
		margin: 0 auto;
		width: 751px;
		
		position: relative;
	}
	
	html {
		background: #f4f3f5;
		height: 100%;
		width: 100%;
	}	
/*============================================================================================================
END [basic styles] */



/*  [contentArea] styles
============================================================================================================*/	
	#contentArea {
		background: url("images/background_contentArea.gif") repeat-y;
		border-bottom: 1px solid #606060;
		color: #000;
		font: normal 12px arial, helvetica, sans-serif;
		min-height: 550px;
		padding: 65px 0 30px 20px;
	}
		#contentArea a { 
			color: #6a2c91; 
			font-weight: bold;
		}
		
		#contentArea h1 {
			color: #6a2c91;
			font: bold 16px "times new roman", times, serif;
			margin-bottom: 15px;
			text-transform: uppercase;
			width: 420px;
		}
		
		#contentArea h2 {
			color: #6a2c91;
			font: bold 13px "times new roman", times, serif;
			text-transform: uppercase;
			width: 420px;
		}
		
		#contentArea h3 {
			color: #6a2c91;
			font: bold 16px "times new roman", times, serif;
			margin-bottom: 15px;
			width: 420px;
		}
		
		#contentArea p { 
			margin-bottom: 20px; 
			width: 420px;
		}
			#contentArea p+ul { margin-top: -20px; }	
			
		#contentArea ul {
			margin-left: 20px;
			margin-bottom: 20px;
			width: 420px;
		}
			#contentArea ul+p { margin-top: -20px; }
/*============================================================================================================
END [contentArea styles] */



/*  [footerArea] styles
============================================================================================================*/	
	#footerArea { 
		color: #000;
		font: normal 10px arial, helvetica, sans-serif;
		margin: 20px 0;
		text-align: center;
	}
		#footerArea a { color: #000; }
		
		#footerArea p { margin-bottom: 10px; }
/*============================================================================================================
END [footerArea styles] */



/*  [formArea styles]
============================================================================================================*/	
	#btn_Back, 
	#btn_Next, 
	#btn_Submit { cursor: pointer; }
	
	#btn_Next {
		position: absolute;
		top: 195px;
		left: 140px;
	}
	
	#btn_Submit {
		position: absolute;
		bottom: -60px;
		right: -65px;
	}
	
	#formArea {
		background: url("images/background_formArea.png") top center no-repeat;
		padding-top: 20px;
		padding-left: 23px;
		width: 315px;
		
		position: absolute;
		top: 260px;
		right: -30px;
	}		
		#formArea li {
			background: url("images/background_nav.png") no-repeat;
			cursor: pointer;
			height: 24px;
			list-style: none;
			margin-bottom: 2px;
			padding-left: 25px;
			width: 263px;
		}
			#formArea li a {
				color: #fff;
				display: inline-block;
				font: bold 12px arial, helvetica, sans-serif;
				line-height: 24px;
				text-decoration: none;
				width: 100%;
			}
	
	#formArea_bottomCap {
		position: absolute;
		bottom: -85px;
		left: -3px;
	}
	
	label {
		color: #000;
		font: normal 10px/20px arial, helvetica, sans-serif;
		padding-left: 2px;
		
		position: relative;
	}
		label.errorMessage {
			background: #fff;
			border: 1px solid #f00;
			color: #f00;	
			line-height: 15px;
			text-align: center;
			
			position: absolute;
			bottom: 0;
			left: 0;
		}
		
		label span {
			color: #5a595a;
			font: normal 12px arial, helvetica, sans-serif;
			
			position: absolute;
			top: 17px;
			left: -10px;
		}
		
	#request label {
		color: #6a2c91;
		display: inline-block;
		font: bold 11px arial, helvetica, sans-serif;
		width: 150px;
	}
		#request label.errorMessage {
			background: #fff;
			border: 1px solid #f00;
			color: #f00;	
			font: normal 10px arial, helvetica, sans-serif;
			line-height: 13px;
			text-align: center;
			
			position: absolute;
			top: 0;
			left: 161px;
		}
		
		#request #militaryParagraph label.errorMessage { top: 15px; }
		
		#request label span {
			color: #f00;
			
			position: relative;
			top: 0;
			left: 0;
		}
		
	#request #requestForm {
		background: none;
		height: auto;
		margin-bottom: 75px;
		
		position: relative;
	}
	
	#requestForm {
		background: url("images/background_requestForm.gif") no-repeat;
		height: 257px;
		margin-top: 20px;
		margin-left: 5px;
		padding-top: 25px;
		padding-left: 20px;
		width: 264px;
		
		position: relative;
	}
		#requestForm h3 {
			color: #5a595a;
			font: bold 11px/17px verdana, arial, helvetica, sans-serif;
			margin-bottom: 30px;
			text-transform: uppercase;
			text-align: justify;
			word-spacing: 2px;
		}
			#requestForm h3 span { 
				font: bold 20px/26px verdana, arial, helvetica, sans-serif;
				word-spacing: normal;
			}
		
		#request #requestForm p { width: 325px; }
		
		#requestForm p { 
			margin-bottom: 10px;
			
			position: relative; 
		}
			#requestForm p#indicatesRequired {
				color: #000;
				font: normal 10px arial, helvetica, sans-serif;
				width: 200px;
				
				position: absolute;
				top: 230px;
				left: 145px;
			}
			
			#request #requestForm p#indicatesRequired {
				color: #000;
				font: normal 10px arial, helvetica, sans-serif;
				
				position: absolute;
				top: 665px;
				left: 20px;
			}
				#request #requestForm p#indicatesRequired span { 
					color: #f00; 
					font-size: 12px;
				}
			
			#request #requestForm p input {
				background: #e6e3ef;
				border: 1px solid #ccc;
				color: #6a2c91;
				font: normal 11px arial, helvetica, sans-serif;
				width: 160px;
				
				position: absolute;
				top: 0;
				right: 0;
			}
			
			#request #requestForm p select {
				color: #6a2c91;
				font: normal 10px arial, helvetica, sans-serif;
				width: 162px;
				
				position: absolute;
				top: 0;
				left: 163px;
			}
				#request #requestForm p select#military { top: 15px; }
			
			#requestForm p select {
				color: #6a2c91;
				font: normal 10px arial, helvetica, sans-serif;
				width: 242px;
			}
	
	select.errorMessage {
		background: #f00;
		color: #fff;
	}
	
	textarea {
		background: #e6e3ef;
		border: 1px solid #ccc;
		color: #6a2c91;
		font: normal 11px/20px arial, helvetica, sans-serif;
		height: 75px;
		width: 324px;
	}
	
	#variableHeader {
		position: absolute;
		top: -255px;
		left: -22px;
	}
		#variableHeader.header_2 {
			top: -243px;
			left: 70px;
		}	
		
		#variableHeader.header_3, 
		#variableHeader.header_4 { 
			top: -235px; 
			left: 70px;
		}
		
		#variableHeader.header_5 { 
			top: -186px; 
			left: 8px;
		}
/*============================================================================================================
END [formArea styles] */



/*  [headerArea styles]
============================================================================================================*/	
	#headerArea { 
		background: url("images/background_headerArea.gif") no-repeat;
		height: 194px;
		width: 751px;
		
		position: relative;
	}
		#headerArea img {
			position: absolute;
			top: 80px;
			left: 70px;
		}	
/*============================================================================================================
END [headerArea styles] */



/*  [browser-specific overrides]
============================================================================================================*/
	/* Safari  ----------*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#btn_Next {
				position: absolute;
				top: 215px;
				left: 140px;
			}
			
			label span {
				color: #5a595a;
				font: normal 12px arial, helvetica, sans-serif;
				
				position: absolute;
				top: 22px;
				left: -10px;
			}
			
			#requestForm p#indicatesRequired {
				color: #000;
				font: normal 10px arial, helvetica, sans-serif;
				
				position: absolute;
				top: 265px;
				left: 145px;
			}
		}
	/* END Safari  ------*/
	
	/* Internet Explorer  ----------*/
		#rootIE #contentArea ul { 
			padding-left: 20px;
		}
		
		#rootIE label span {
			position: absolute;
			top: 24px;
			left: -10px;
		}
	/* END Internet Explorer  ------*/
/*============================================================================================================
END [browser-specific overrides] */