@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

html { background: url(/media/layout/bg.gif) #fff; }
body { background: url(/media/layout/topStripe.png) repeat-x transparent; font:12px/18px Helvetica, Arial, sans-serif; color:#333; }
label { display: block; margin-top: 8px; }
legend { color: #0154A1; font-weight: bold; padding-top: 20px; }
textarea { width: 600px; height: 180px; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper { width: 960px; margin: 8px auto; background: url(/media/layout/border.gif) repeat-y #fff;  }
#subWrapper { width: 960px; background: url(/media/layout/headerBG.gif) no-repeat transparent; }
#postWrapper {  }

#header { width: 960px; height: 250px; position: relative; }
	#logo { width: 339px; height: 101px; background: url(/media/layout/logo.gif) no-repeat transparent; position: absolute; left: 310px; top: 40px; }
		#logo a { display: block; width: 339px; height: 101px; text-indent: -9999px; }
	#headline { width: 819px; height: 25px; background: url(/media/layout/headline.gif) no-repeat transparent; position: absolute; left: 70px; top: 200px; }
	#backHome { width: 140px; height: 140px; position: absolute; right: 20px; top: 18px; }

#main { padding: 0 20px; }
	#mainHeader { width: 920px; position: relative; height: 225px; }
	img#mainImage { position: absolute; left: 42px; top: 0; border: 3px solid #acd5f1; }
	#mainHeader h2 { font: 22px/30px Helvetica, Arial, sans-serif; float: right; clear: right; width: 510px; padding: 20px 20px 16px 0; margin: 0; }
	#mainHeader h2 b { color: #0154a0; font-weight: normal; }
	a#mainButton { width: 220px; height: 36px; padding: 10px; float: right; clear: right; margin-right: 60px; }
	
	#mainBody { width: 920px; }
		img#mainRule { padding: 30px 12px 10px 12px; display: block; }
		img#mainRule2 { padding: 6px 12px 10px 12px; display: block; }
		ul#bodyMenu { list-style: none; text-align: center; margin: 0; }
		ul#bodyMenu li { display: inline; padding: 0 16px; }
		ul#bodyMenu a:hover { border-bottom: 2px dotted #0154a0; }
				
		#ourStory, #ourValues, #responsibilities, #onCampus, #applyForm { padding: 10px 48px; }
		
		ol#responsibilitiesList { padding-left: 30px; }
		
		ul#onCampus-list { padding-left: 30px; list-style: none; }
			ul#onCampus-list li { float: left; width: 33%; height: 54px; }
				ul#onCampus-list li div { display: block; float: left; margin-right: 6px; }
				ul#onCampus-list li span { display: block; float: left; padding-top: 7px; font-size: 1.2em; font-weight: bold; }
		
		fieldset#formFieldset {  }
		fieldset#formFieldset ul { list-style: none; }
		
		#submitButton { margin-top: 20px; }
		#closed {font-size:16px; text-align:center; }

#footer { height: 56px; background: url(/media/layout/footerBG.gif) bottom center no-repeat transparent; }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }

li.upload { float: left; margin-right: 20px; }