@charset "utf-8";

/*  [General]
=============================================================================================================================================================*/
	body,div,dd,dl,dt, 
	form,h1,h2,h3,input,
	li,p,textarea,ul			{ margin: 0; padding: 0; }

/*_______________________________________________________________________________________________________*/
	
	a:focus 					{ outline: 0; color: #C00; }
	a:hover 					{ color: #C00; }
	a:hover 					{ color: #C00; }
	a 							{ color: #FFF; }
	
	body 						{ background: #ccc; height: 100%; width: 100%; }
	
	html 						{ height: 100%; width: 100%; }	
	
	img 						{ border: 0; }

/*_______________________________________________________________________________________________________*/

	.clear 						{ clear: both; }



/*  [Container]
=============================================================================================================================================================*/
	#container 					{ background: url("images/background_container.gif") repeat-y; 
								  margin: 0 auto; 
								  padding: 0 6px;
								  width: 953px; }	



/*  [Header]
=============================================================================================================================================================*/
	#header 					{ background: url("images/background_header.jpg") no-repeat 0 112px; 
								  height: 383px; 
								  width: 965px; 
								  
								  position: relative; }	
								  
	#header img					{ position: absolute; top: 20px; left: 63px; }
	
	#locations					{ position: relative; z-index: 10; }
	
	#navigation					{ background: #c00; 
								  height: 29px;
								  padding-top: 10px;
								  padding-left: 63px;
								  width: 888px;
								  
								  position: absolute; 
								  bottom: 0px; 
								  left: 0px; }
	
	#navigation a				{ color: #fff; font: normal 14px/18px Arial, Helvetica, sans-serif; text-decoration: none; }
	
	#navigation li				{ display: inline-block; margin-right: 115px; list-style-type: none; }
	
	#programs					{ position: absolute; top: 10px; left: 128px; }
	
	#subnav						{ background: #cc0000;
								  border: 1px solid #fff;
								  display: none;
								  
								  position: relative; 
								  bottom: -9px; 
								  left: -15px; }
								  
	#subnav a 					{ display: block; 
								  height: 20px; 
								  width: 250px; 
								  
								  position: relative;
								  top: 0;
								  left: -5px; }
	
	#subnav li					{ border-bottom: 1px solid #fff;
								  display: block; 
								  margin-right: 0;
								  padding: 5px 10px; 
								  width: 240px; }



/*  [Content]
=============================================================================================================================================================*/
	#content 					{ color: #231f20; 
								  float: left;
								  font: normal 12px/18px Arial, Helvetica, sans-serif; 
								  padding-left: 60px; 
								  width: 510px; }
	
	#content h1,h3 				{ color: #c00; font: normal 24px/28px Arial, Helvetica, sans-serif; margin: 20px 0; }	
	
	#content h2, h4				{ color: #c00; font: normal 17px Arial, Helvetica, sans-serif; margin: 0; }
	
	#content p					{ margin-bottom: 20px; }
	
	#content ul 				{ margin-bottom: 30px; margin-left: 30px; }
	
	dd							{ color: #999; font: normal 9px Arial, Helvetica, sans-serif; }
	
	dd span						{ font-size: 11px; font-weight: bold; }
	
	dl							{ float: left; margin-right: 20px; width: 165px; }
	
	#jsReady #content div[id]	{ display: none; }
	
	#program_list a				{ color: #c00; text-decoration: none; }
	
	#program_list li			{ float: left; width: 200px; }
	
	#program_list li.clear		{ list-style-type: none; }



/*  [Form]
=============================================================================================================================================================*/	
	#btn_Back,
	#btn_Next,
	#btn_Submit 				{ cursor: pointer; }
	
	#btn_Back					{ position: absolute; bottom: 60px; left: 20px; }
	
	#btn_Next,
	#btn_Submit					{ position: absolute; bottom: 20px; right: 20px; }
	
	#formArea 					{ margin-top: -39px; 
								  margin-right: 20px; 
								  margin-bottom: 125px;
								  width: 310px; 
								  float: right; 
								  
								  position: relative;
								  z-index: 100; }
	
	#formHeader					{ background: #000; 
								  color: #fcfbfb; 
								  margin-bottom: 0px;
								  padding: 20px 20px 0px 20px; }
								  
	#formHeader h2				{ border-bottom: 2px dotted #fff; 
								  font: italic 19px/35px Arial, Helvetica, sans-serif; 
								  margin-bottom: 15px; }
								  
	#formHeader p				{ font: normal 12px/15px Arial, Helvetica, sans-serif; }
	
	label						{ font: bold 11px/20px Arial, Helvetica, sans-serif; }
	
	label.errorMessage 			{ background: #fff; 
								  border: 1px solid #f00; 
								  color: #f00;
								  text-align: center; 
									
								  position: absolute; 
								  bottom: -1px; 
								  right: 0; }
	
	#jsReady #stepTwo			{ display: none; }
	
	.multicolumn p				{ clear: none; float: left; }
	
	p input 					{ background: #f4ece1; 
								  border: none; 
								  line-height: 16px; 
								  padding: 2px;
								  width: 131px; }
	
	#requestForm 				{ background: #000; 
								  color: #fcfbfb; 
								  padding: 20px 20px 50px 20px; }
	
	#requestForm h2				{ border-bottom: 2px dotted #fff; 
								  font: italic 14px/35px Arial, Helvetica, sans-serif; 
								  margin-bottom: 15px; 
								  text-align: right; 
								  z-index: 10;
								  
								  position: relative; }
								  
	#requestForm p 				{ clear: both; margin-bottom: 10px; position: relative; }	
	
	#requestForm p#required		{ font: bold 10px/12px Arial, Helvetica, sans-serif;
								  
								  position: absolute; 
								  left: 12px; 
								  bottom: 10px; }
	
	#requestForm p.rightColumn	{ clear: none; float: right; }
	
	select						{ background: #f4ece1; border: none; padding: 2px; width: 135px; }
	
	select.errorMessage			{ background: #f00; color: #fff; }
	
	#stepOne select				{ position: absolute; top: 0; left: 135px; }
	
	#stepTwo input				{ width: 265px; }
	
	#stepTwo label				{ display: block; } 
	
	#stepTwo .multicolumn input	{ width: 125px; }
	
	#stepTwo select				{ width: 269px; }
	
	#stepTwo select#state		{ width: 125px; }
	
	#logo_BostonUniversity
	{
		position: absolute;
		bottom: -125px;
		left: 50px;
	}
	
/*  [Post Errors]
=============================================================================================================================================================*/	
	ul#post_errors
	{
		background: #fff;
		color: #f00;
		border: 1px solid #f00;
		font: bold 11px/20px Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		padding: 10px 20px;
	}	
	
/*  [Thanks]
=============================================================================================================================================================*/
	#thanks		 				{ background: #000; 
								  color: #fcfbfb; 
								  padding: 20px }
	
	#thanks abbr				{ border: none; cursor: help; outline: none; }
					  
	#thanks p					{ font: normal 12px/16px Arial, Helvetica, sans-serif; margin-bottom: 15px; }



/*  [Footer]
=============================================================================================================================================================*/	
	#footer 					{ background: #ccc url("images/bottomCap_container.gif") no-repeat; 
								  clear: both; 
								  width: 1037px; 
								  
								  position: relative;
								  top: 0;
								  left: -6px;
								  padding: 45px 0;
								  }	
	
	#footer p 				{ color: #333;
								  font: normal 10px/13px Arial, Helvetica, sans-serif;
								  text-align: left;
								  margin-left: 15px;
								  }




/*  [Browser-specific]
=============================================================================================================================================================*/
	/*  Internet Explorer  
	-----------------------------------------------------------------------------------------------------*/                              
		#rootIE #navigation li								{ display: inline; }
		
		#rootIE label.errorMessage							{ line-height: 20px; }
		
		#rootIE #stepOne label.errorMessage					{ bottom: -2px; }
		
		#rootIE #stepTwo label.errorMessage					{ bottom: 1px; }
		
		#rootIE #stepTwo .multiColumn label.errorMessage	{ bottom: -2px; }
	
	
	
	/*  Safari  
	-----------------------------------------------------------------------------------------------------*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {	
			#stepOne label.errorMessage			{ bottom: -2px; }
			
			#subnav 							{ bottom: -10px; }
		}