/* Main style sheet for the 2017 version of the Technology Photos part of the Scott Alumni website.  
	Initially copied (2016-11-16 Wed) from the HPS style sheet.
	It was last updated 
	2016-11-16 Wed
	by C Ingalls
*/

/* The Body is set to always show the vertical scroll bar, but horizontal only when needed. */
/*
	body
	{
		width: 100%; 
		text-align: center; 
		font-size: 100%;
		background-color: white; 
		padding: 0;
		margin: 0;
		overflow-y: scroll; 
		overflow-x: auto; 
	}  
*/
	body
	{
		text-align: center; 
		background-color: white; 
		max-width: 700px;
		margin: auto; 
		padding: 0;
		overflow-y: scroll; 
		overflow-x: auto; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 1em;
	}

	p
	{
		text-align: left; 
		font-size: 100%; 
	}

	#OuterWrapper
	{
		display: block; 
		margin: auto;
		text-align: center; 
	}

	h1
	{
		margin-top: 0; margin-bottom: 0.5em;
		font-size: 150%; 
	}

	h2
	{
		text-align: left;
		margin-bottom: 0.3em;
		font-size: 120%; 
	}

	h1 span, h2 span
	{
		font-size: 90%; 
		font-weight: normal;
	}

	hr
	{
		background-color: #D0E0FF;
		border: none;
		height: 3px;
		margin-top: 10px;
		clear: both; 
		width: 100%
	}

	img
	{
		width: 100%
	}




/* Main content area, includes any H1 title that may appear in this area. */	
	#main 
	{
		display: block;
		width: 100%;
		min-height: 400px;
		background-color: white;
		text-align: left;
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	}
	#main h1
	{
		text-align: left; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 1em;  
		font-weight: bold; 
		color: black; 
		margin-left: 10px; 
		margin-top: 10px; 
		margin-bottom: 0px; 
	}
/*
	#main h1:first-child
	{
		margin-top: 10px; 
	}
*/
	#main .PageTitle
	{
		text-align: center; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 1.2em;  
		font-weight: bold; 
		color: black; 
		margin-left: 10px; 
		margin-top: 10px; 
		margin-bottom: 30px; 
	}
	#main h1 span
	{
		font-size: 1em;  
		font-weight: normal; 
	}
	#main h2
	{
		text-align: left; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 0.9em;  
		font-weight: bold; 
		color: black; 
		margin-left: 10px; 
		margin-top: 50px; 
		margin-bottom: 0px; 
	}
	#main h2:first-child
	{
		margin-top: 10px; 
	}
	#main h1 a, h1 a:visited
	{
		color: black; 
		text-decoration: none; 
	}
	#main h1 a:hover
	{
		color: black; 
		text-decoration: underline; 
	}
	#main p
	{
		text-align: left; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 0.9em;  
		font-weight: normal; 
		color: black; 
		margin: 10px 10px 20px 10px; /* Top right bottom left. */
	}
	#main li
	{
		text-align: left; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 0.9em;  
		font-weight: normal; 
		color: black; 
		margin: 5px 5px 5px 0px; /* Top right bottom left. */
	}
	#main ul
	{
		margin-top: 5px;
	}
	#main a.more
	{
		text-decoration:none; 
	}
	#main a.more:hover
	{
		text-decoration:underline; 
	}
	#main .author
	{
		margin-left: 12px; 
		font-size: 0.7em;
		 
	}
	#main div:target, p:target
	{
		background-color:rgb(255,255,220);
	}

	
/* This modifies (overrides) the appearance of the hyperlink in the top navigation menu 
	 when viewing the same page that the link goes to.  
	 It applies whenever the .Class of the hyperlink matches the #ID in the Body tag. 
	 Make sure this appears in this CSS file after all styles that affect those hyperlinks. */
	 
	#about a.about, #training a.training, #materials a.materials, #contact a.contact
	{
		color: black; 
		text-decoration: none; 
		font-weight: bold;
	}
	#about a:hover.about, #training a:hover.training, #materials a:hover.materials, #contact a:hover.contact
	{
		color: black; 
		text-decoration: none; 
		font-weight: bold;
	}