/* #################################################################### */
				/* --- | GLOBAL HTML STYLES | ----- */
/* #################################################################### */	
		*			{ margin: 0; padding: 0; }
		html, body	{ height:100%; min-height: 100%; }
		body		{ background: #636669 url(/_images/01/bg-main-fade.jpg) repeat-x; font: 12px georgia, "times new roman", serif; color: #262827; }
		
		p			{ }
		img			{ border: 0; }
			
		a			{ color: #f36f5e; }
		a:hover		{ text-decoration: none; }
		
		/* Sub Navigation Headers */
			h1			{ font-size: 10px; color: #f36f5e; text-transform:uppercase; padding: 0 0 6px 8px; background-color: inherit; }
			h1 span		{ color: #636669; text-transform: lowercase; background-color: inherit; }
		/* Main Page header */
			h2			{ color: #f36f5e; text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #c2d2cd; padding-bottom: 5px; margin-bottom: 10px; background-color: inherit; }
			h2 span		{ color: #636669; text-transform: lowercase; font-size: 18px; background-color: inherit; }
		/* Photographers Name and Titles */
			h3			{ background: #c2e2d8; color: #636669; font-size: 18px; text-transform: uppercase; padding: 4px 0 3px 12px; }
		/* Description Headers */
			h4			{ color: #f36f5e; text-transform: uppercase; font-size: 10px; margin: 8px 0 2px 0; background-color: inherit; }	
		/* Footer breadcrumbs */
			h6			{ color: #636669; font-size: 10px; text-transform: uppercase; background: url(/_images/01/bg-footer-divide.jpg) repeat-x bottom left; margin: 0 8px; padding: 6px 0; background-color: inherit; }	
			h6 a		{ color: #f36f5e; text-decoration: none; background-color: inherit; }
		

/* #################################################################### */
				/* --- | MAIN LAYOUT CONTAINER | --- */
/* #################################################################### */				

		#container		{
	position: relative;
	height: 900;
	min-height: 100%;
	margin: 0 auto !important;
	width: 774px;
	background: #fcf5e9 url(/_images/01/bg-header-fade.jpg) repeat-x;
	color: inherit;
	overflow: visible;
}	
		#subcontainer	{
	position: relative;
	margin-left: 8px;
	width: 758px;
	height: 800;
} 
	

/* #################################################################### */
			/* --- | HEADER AND NAVIGATION LAYOUT | --- */
/* #################################################################### */			
		#header			{ }
	
		/* Logo style and layout */
			#logo			{ float: left; padding: 18px 0 8px 0; }
			#logo a			{ background:url(/_images/01/logo-massart-photo.gif) no-repeat; display: block; width: 277px ; height: 38px; border: 0; }
			#logo a span	{ display: none; }
			
		/* Mailing list input box and button */	
			#mailingList	{ width: 235px; float: right; background: url(/_images/01/title-mailing-list.gif) no-repeat 0 24px; padding-top: 36px; }
	
				#mailingList label		{ display: none; }
				#mailingList input		{ width: 160px; float: left; background: #fff; border: 1px solid #c2d2cd; color: #636669; font: 9px tahoma, verdana, sans-serif; padding: 4px; }
				
				#mailingList input.buttonListSubmit	{ display: block; float: left; margin-left: 4px; width: 42px; height: 20px; border: 0; background: url(/_images/01/button-join.gif) no-repeat; }

		/* Navigational style and layout */
			#mainNavigation				{ clear: both; background:url(/_images/01/bg-main-nav.gif) repeat-x; padding: 6px 0 2px 0; border-top: 1px solid #c2d2cd; border-bottom: 1px solid #c2d2cd; }
			#mainNavigation ul			{ list-style: none; }
			#mainNavigation li			{ float: left; }
			#mainNavigation li a span	{ display: none; }
			
				#mainNavigation li#navHome a			{ display: block; background: url(/_images/01/nav/button-home.gif) no-repeat; width: 64px; height: 24px; }
				#mainNavigation li#navHome a:hover		{ display: block; background: url(/_images/01/nav/button-home-mo.gif) no-repeat; width: 64px; height: 24px; }
				#mainNavigation li#navBfa a				{ display: block; background: url(/_images/01/nav/button-bfa.gif) no-repeat; width: 48px; height: 24px; }
				#mainNavigation li#navBfa a:hover		{ display: block; background: url(/_images/01/nav/button-bfa-mo.gif) no-repeat; width: 48px; height: 24px; }
				#mainNavigation li#navMfa a				{ display: block; background: url(/_images/01/nav/button-mfa.gif) no-repeat; width: 53px; height: 24px; }
				#mainNavigation li#navMfa a:hover		{ display: block; background: url(/_images/01/nav/button-mfa-mo.gif) no-repeat; width: 53px; height: 24px; }
				#mainNavigation li#navAlumni a			{ display: block; background: url(/_images/01/nav/button-alumni.gif) no-repeat; width: 79px; height: 24px; }
				#mainNavigation li#navAlumni a:hover	{ display: block; background: url(/_images/01/nav/button-alumni-mo.gif) no-repeat; width: 79px; height: 24px; }
				#mainNavigation li#navNews a			{ display: block; background: url(/_images/01/nav/button-news.gif) no-repeat; width: 137px; height: 24px; }
				#mainNavigation li#navNews a:hover		{ display: block; background: url(/_images/01/nav/button-news-mo.gif) no-repeat; width: 137px; height: 24px; }


/* #################################################################### */
			/* --- | SUB-NAVIGATION FOR BFA AND MFA | --- */
/* #################################################################### */	
		/* Sub-navigation controls for BFA and MFA portfolio links */
		#subNavBFA,
		#subNavMFA,
		#subNavCurrent			{ clear: both; background: #fff url(/_images/01/bg-subnav-headfade.gif) repeat-x; padding: 14px 0 0 0; border-top: 1px solid #c2d2cd; color: inherit; }
			
			/* Styling for sub-navigation names and links */
			#subNavBFA ul,
			#subNavMFA ul,
			#subNavCurrent ul		{ list-style: none; padding: 0 0 14px 25px; background: url(/_images/01/bg-subnav-footfade.gif) repeat-x bottom left; border-bottom: 1px solid #c2d2cd; }
			#subNavBFA li,
			#subNavMFA li,
			#subNavCurrent li		{ width: 120px; float: left; }

				#subNavBFA li a,
				#subNavMFA li a,
				#subNavCurrent li a			{ display: block; font: bold 10px tahoma, verdana, sans-serif; color: #393f46; text-decoration: none; padding: 4px 3px; background-color: inherit; }
				#subNavBFA li a:visited,
				#subNavMFA li a:visited,
				#subNavCurrent li a:visited	{ display: block; font: bold 10px tahoma, verdana, sans-serif; color: #636669; text-decoration: none; padding: 4px 3px; background-color: inherit; }
				#subNavBFA li a:hover,
				#subNavMFA li a:hover,
				#subNavCurrent li a:hover	{ display: block; font: bold 10px tahoma, verdana, sans-serif; color: #393f46; text-decoration: none; padding: 4px 3px; background: #c2e2d8; }
						
		
		/* Browse buttons for cycling through sub-navigation portfolios */
			#portfolioBrowse		{ float: right; width: 350px; }
			#portfolioBrowse h5		{ font-size: 9px; color: #636669; float: left; text-transform: uppercase; margin: 3px 5px; background-color: inherit; }
				/* Button controls for showing class list, previous, and next browsing */
				a.showClassList			{ display: block; float: left; background: url(/_images/01/button-browse-classlist.gif) no-repeat; width: 86px; height: 16px; border: 0; }
				a.showClassList span	{ display: none; }
				a.previous				{ display: block; float: left; background: url(/_images/01/button-browse-previous.gif) no-repeat; width: 42px; height: 16px; border: 0; }
				a.previous span			{ display: none; }
				a.next					{ display: block; float: left; background: url(/_images/01/button-browse-next.gif) no-repeat; width: 41px; height: 16px; border: 0; }
				a.next span				{ display: none; }				
		
	

/* #################################################################### */
			/* --- | MAIN PORTFOLIO CONTENT AND LAYOUT | --- */
/* #################################################################### */
		#portfolioContent			{ clear: both; padding-bottom: 80px;  }
									
			/* Main portfolio content */
			#studentInfo		{ width: 300px; float: left; }
			#studentInfo p		{ color: #636669; padding: 0 8px 8px 12px; line-height: 18px; background-color: inherit;}
			
			#studentInfo ul			{ list-style: none; margin-top: 10px; }
			#studentInfo li			{ color: #636669; margin: 0 0 12px 12px; font-size: 9px; background-color: inherit; }
			#studentInfo li a		{ background: #c2e2d8; color: #636669; padding: 5px 4px 2px 4px; }
			#studentInfo li a:hover	{ text-decoration: none; color: #262827; background: #c2e2d8; }
		
			/* Thumbnails image settings */
			#portfolioThumbnails		{ width: 440px; float: right; }
			#portfolioThumbnails ul		{ list-style: none; }
				#portfolioThumbnails li			{ width: 200px; float: left; background: #fff; border: 1px solid #dcddde; padding: 4px; margin: 0 0 6px 6px; color: inherit; }
				#portfolioThumbnails li:hover	{ border: 1px solid #aaa; }
			
/* #################################################################### */	
				/* --- | FOOTER INFORMATION | --- */
/* #################################################################### */
		#footer			{
	clear: both;
	width: 100%;
	position: absolute;
	bottom: 1px;
	background: url(/_images/01/bg-footer-fade.jpg) repeat-x bottom;
	left: 0px;
}
				
			#footer p			{ float: left; color: #636669; font-size: 9px; padding: 4px 8px; line-height: 20px; background-color: inherit; }
			#footer p a			{ background: #c2e2d8; color: #636669; padding: 5px 4px 2px 4px; }
			#footer p a:hover	{ text-decoration: none; color: #262827; background: #c2e2d8; }

			/* Logo link to unstructure */
			#footer p#unstructure			{ float: right; margin-top: 6px; }
			#footer p#unstructure a			{ display: block; background:url(/_images/01/logo-unstructure.gif) no-repeat; width: 69px; height: 21px; }
			#footer p#unstructure a span	{ display: none; }
		
		
/* #################################################################### */	
				/* --- | FRONT PAGE INFORMATION | --- */
/* #################################################################### */
		#homeContent		{ clear: both; padding: 12px 0 80px 0;  }
		#introPhoto			{ float: left; width: 350px; text-align: right; }
		#introPhoto p		{ font: 9px tahoma, verdana, sans-serif; }
		#introContent		{ width: 375px; float: right; }
		#introContent p		{ color: #636669; padding: 0 8px 8px 12px; line-height: 18px; background-color: inherit; }

		#introNews			{ float: left; width: 350px; padding-top: 8px; }
		#introNews p		{ color: #636669; font: 10px tahoma, verdana, sans-serif; line-height: 15px;  padding: 8px 0 8px 12px; }

/* #################################################################### */	
				/* --- | NEWS & EVENT INFORMATION | --- */
/* #################################################################### */

		#newsContent		{ clear: both; padding: 12px 0 80px 0; }
		.newsItem img		{ float: left; }
		.newsDetails		{ width: 350px; float: right; }
		.newsDetails p		{ color: #636669; padding: 0 8px 8px 12px; line-height: 18px; background-color: inherit; }
		p.newsDetailLink	{ text-align: right; }

		.newsDetails ul		{ list-style: none; }
		.newsDetails ul li	{ float: left; padding: 6px 12px 6px 0; }


/* #################################################################### */	
				/* --- | ALUMNI INFORMATION | --- */
/* #################################################################### */

		#alumniContent		{ clear: both; padding: 12px 0 80px 0; }
		#alumniIntro		{ width: 375px; float: left; }
		#alumniIntro p		{ color: #636669; padding: 0 8px 8px 12px; line-height: 18px; background-color: inherit; }



/* #################################################################### */	
				/* --- | CSS HACKS AND FIXES | --- */
/* #################################################################### */
	/* Clear floats to extent background around floated elements */
		.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
					
		/* hides clearfix from IE-mac \*/
			* html .clearfix { height:1px; }
			.clearfix { display: block; }

	/* IE HACK FOR CENTER ALIGN */
		* html body {padding-left: 1px;}
	
		
/* #################################################################### */	
				/* --- | CSS STYLES FOR LIGHTBOX | --- */
/* #################################################################### */		
	/* Main Lightbox positioning and styles */
		#lightbox		{ position: absolute; top: 10px; left: 0; width: 100%; z-index: 100; text-align: center; }
		#lightbox a img	{ border: none; }
		#lightboxArray	{ display: none; }

	
		#outerImageContainer		{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; color: inherit; }
		#imageContainer				{ padding: 10px; }	
		#loading					{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; }
		#hoverNav					{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav	{ left: 0; }
		#hoverNav a					{ outline: none;}

	/* Previous and Next controls for lightbox image*/
		#prevLink, 
		#nextLink				{ width: 49%; height: 100%; background: transparent url(/_images/blank.gif) no-repeat; display: block; }
		#prevLink				{ left: 0; float: left; }
		#nextLink				{ right: 0; float: right; }
		#prevLink:hover, 
		#prevLink:visited:hover { background: url(/_images/01/prevlabel.gif) 0 15% no-repeat; }
		#nextLink:hover, 
		#nextLink:visited:hover { background: url(/_images/01/nextlabel.gif) 100% 15% no-repeat; }

	/* Image description text for lightbox image */
		#imageDataContainer			{ font: 10px georgia, serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; color: inherit; }
		#imageData					{ padding:0 10px; }
		#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
		#imageData #caption			{ font-weight: bold; }
		#imageData #numberDisplay	{ display: block; clear: left; padding-bottom: 1.0em; }
		#imageData #bottomNavClose	{ width: 66px; float: right;  padding-bottom: 0.7em; }
		
	/* Lightbox overlay for popup transparency */	
		#overlay	{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; color: inherit; }