body, html {
	background: #618410 url('/subprojects/funnel/img/bg.gif') repeat-y fixed center top;
}

#header {
	width: 845px;
	height: 85px;
	margin: 20px auto;
	background: url('/subprojects/funnel/img/header.gif') no-repeat left top;
}

#box {
	width: 845px;
	margin: 0 auto;
}

	#box_top_edge, #box_bottom_edge {
		float: left;
		height: 10px;
		width: 845px;
		background: url('/subprojects/funnel/img/box_edges.gif') no-repeat left top;
		font-size: 1px;
		line-height: 0.1;
	}
	
		#box_bottom_edge {
			background-position: left bottom;
			margin-bottom: 10px;
		}
	
	#box_top {
		float: left;
		height: 22px;
		width: 795px;
		padding: 3px 50px 0 0;
		text-align: right;
		background: url('/subprojects/funnel/img/box_top.gif') no-repeat left top;
	}
	
	#box_repeat {
		float: left;
		clear: both;
		width: 765px;
		padding: 0 40px;
		background: url('/subprojects/funnel/img/box_repeat.gif') repeat-y left top;
		position: relative;
		
		min-height: 420px;
		height: auto !important;
		height: 420px;
	}
	
		#box_left {
			position: absolute;
			left: 75px;
			bottom: 0px;
			margin-bottom: -13px;
			width: 232px;
			height: 394px;
			background: url('/subprojects/funnel/img/girl.gif') no-repeat left top;
		}
	
	#box_bottom {
		float: left;
		clear: both;
		height: 135px;
		width: 845px;
		background: url('/subprojects/funnel/img/box_bottom.gif') no-repeat left top;
	}
	
	#form_single, #form_left, #form_right {
		float: right;
		clear: none;
		display: inline;
		margin: 40px 20px 60px 0;
		padding: 15px 15px 0 15px;
		width: 410px;
		background: #feffd1;
	}
	
		#form_left, #form_right {
			float: left;
			width: 345px;
			margin-right: 0;
		}
		
			#form_left {
				margin-right: 10px;
			}
			
				#form_left div {
					width: 340px;
					border-bottom: 1px solid #ccc;
					padding: 10px 0;
				}
				
				#form_left img {
					float: left;
					margin-right: 11px;
					border: 2px solid #ccc;
				}
				
				#form_left select {
					margin-top: 15px;
					width: 200px;
				}
	
	h1, h2, #form_head h2, #form_head h3 {
		font-family: Arial, sans-serif;
		font-size: 34px;
		font-weight: bold;
		color: #3983aa;
		text-align: center;
	}
	
	h2 {
		font-size: 24px;
	}
	
	#form_head h2 {
		width: 410px;
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	#form_head h3 {
		width: 410px;
		font-size: 15px;
		font-weight: normal;
	}
	
	form div {
		float: left;
		clear: both;
		margin-bottom: 20px;
		width: 390px;
	}
	
		form div h2 {
			color: #000;
			margin: 0;
			padding: 0;
			font-size: 16px;
			text-align: left;
		}
	
		label {
			display: block;
			float: left;
			width: 170px;
			text-align: right;
			font-weight: bold;
			font-size: 14px;
			margin-right: 10px;
			padding-top: 3px;
		}
		
		input, select {
			float: left;
		}
		
		select {
			width: 200px;
		}
		
		select.short {
			width: auto;
		}
		
		label.checkbox {
			width: auto;
			font-weight: normal;
		}
		
		input.submit {
			margin: 10px 0 0 110px;
		}
		
		.description {
			float: right;
			clear: both;
			margin-top: 5px;
			font-size: 10px;
			color: #333;
		}
		
	#errors {
		color: #f00;
		float: left;
		display: inline;
		margin-left: 80px;
		font-size: 14px;
		width: 270px;
	}
	
		#errors ul {
			list-style: disc;
		}
		
			#errors ul li {
				line-height: 1.4;
			}
			
	.final div#errors {
		margin-left: 35px;
		width: 310px;
	}

#footer {
	width: 830px;
	margin: 0 auto 25px auto;
	padding-left: 15px;
	color: #fff;
}

	#footer a {
		color: #fff;
	}

.bar_up, .bar_down {
	float: left;
	clear: both;
	width: 845px;
	height: 15px;
	background: url(/subprojects/funnel/img/bars.png) no-repeat left top;
	margin: 10px 0;
}

.bar_down {
	background-position: left bottom;
}

#school_scroller {
	width: 765px;
	margin-top: 20px;
}

#school_choices {
	clear: none;
    position: relative;
    overflow: hidden;
	width: 695px;
    height: 400px;
    margin: 0;
}

	#school_choice_items {
	    width: 20000em;
	    position: absolute;
	    overflow: hidden;
	}

	#school_choice_items div {
		float: left;
		clear: none;
		width: 207px;
		height: 376px;
		margin: 0 5px;
		
		border: 2px solid #ddd;
		padding: 5px;
	}
	
		#school_choice_items div.active { 
		    background-color: #f0f0f0; 
		}


	#school_choice_items select {
		width: auto;
	}

	#school_choice_items select.program {
		width: 207px;
	}

	#school_choice_items label {
		text-align: left;
		font-weight: normal;
		font-size: 11px;
		margin: 2px 0;
	}

	#school_choice_items p {
		padding: 10px;
		width: 187px;
		line-height: 1.2;
		clear: both;
		float: left;
	}

	#school_choice_items img {
		margin: 10px 0 10px 41px;
	}
	
	
#funnel_submit_button {
	float: left;
	clear: left;
	height: auto;
	width: 190px;
	margin: 0 0 0 275px;
	padding: 0;
}
	
.small_submit_final {
	display: none;
}
	
a.browse {
	background: url(/subprojects/funnel/img/arrows.gif) no-repeat 0 0;
	cursor: pointer;
	display: inline;
	float: left;
	font-size: 1px;
	height: 60px;
	width: 30px;
	margin-top: 185px;
}
a.right {
	background-position: 0 -60px;
}
a.right:hover {
	background-position:-30px -60px;
}
a.right:active {
	background-position:-60px -60px;
}
a.left:hover {
	background-position:-30px 0;
}
a.left:active {
	background-position:-60px 0;
}
a.disabled {
	visibility:hidden !important;
}

#header {
	background-image: url('/subprojects/funnel/img/aiFunnel/header.png');
	height: 108px;
	margin: 0 auto;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #F02730;
}


h2, h3, #form_head h2, #form_head h3 {
	color: #706658;
}