/* General Style Sheet, written in CSS (not HTML) */
/* This page last updated 
	2020-04-21 Tue
	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; 
	}  
	/* 
	*/

	#OuterWrapper	
	{
		display:inline-block; max-width: 700px; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	}

/* The Header Area contains the company logo and the Top Navigation menu. */
	#HeaderArea	
	{
		width: 100%;  
		background-image: url('images/LogoBackground.gif');
		background-position: 55% 15px;
		background-repeat: no-repeat;
		background-size: 65%;
		background-color: white; 
		float: left;
	}
	#HeaderArea	img
	{
		width: 58%;
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#HeaderArea	a:hover img
	{
		border: 1px solid #ccc;
	}

/* Footer Area contains the Bottom Navigation menu, the Updated paragraph, 
	the company name and postal address, plus some basic contact info.  
*/
	#FooterArea	
	{
		width: 100%;  
		background-color: white;
		float: left;
	}
	#BottomLeft
	{
		display: inline-block;
		padding-left: 10px;
		width: 31%;  
		float: left;
		text-align: left;
		color: black;
		font-size: 0.6em;
		font-weight: normal;
	}
	#BottomCenter
	{
		display: inline-block;
		text-align: center;
		color: black;
		font-size: 0.6em;
		font-weight: normal;
	}
	#BottomRight
	{
		display: inline-block;
		padding-right: 10px;
		width: 31%;  
		float: right;
		text-align: right;
		color: black;
		font-size: 0.6em;
		font-weight: normal;
	}
	#BottomRight a
	{
		color: black;
		text-decoration: none; 
	}
	#BottomRight a:hover
	{
		color: black;
		text-decoration: underline; 
	}


/* Navigation Menus */
	#TopNav ul
	{
		list-style-type: none; 
		margin: 0px; padding: 0px;
		height: 30px; overflow: hidden;
	}
	#TopNav li
	{
		display:inline-block; width: 110px; 
		text-align: center; 
		text-transform: capitalize; /* Proper Case */
	}
	#TopNav a, a:visited
	{
		color: black; 
		text-decoration: none; 
		font-size: 1em;
		font-weight: normal;
	}
	#TopNav a:hover
	{
		color: black; 
		font-weight: bold;
		text-decoration: underline; 
	}

	#BotNav ul
	{
		list-style-type: none; 
		margin: 0px; 
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#BotNav li
	{
		display:inline; 
		text-align: center; 
		margin: 0px; 
		padding-left: 0; 
		padding-right: 0.4em; 
		border-right: 1px solid black;
		white-space: nowrap;
	}
	#BotNav li:last-child
	{
		padding-right: 0; 
		border-right: none;
	}
	#BotNav a, a:visited
	{
		color: black; 
		text-decoration: none; 
		font-size: 0.75em;
		font-weight: normal;
	}
	#BotNav a:hover
	{
		color: black; 
		font-weight: normal;
		text-decoration: underline; 
	}
	

/* Main content area, includes any H1 title that may appear in this area. */	
	#main 
	{
		display: block;
		float: left;
		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: 0px; 
		margin-top: 50px; 
		margin-bottom: 0px; 
	}
	#main h1:first-child
	{
		margin-top: 10px; 
	}
	#main h2
	{
		text-align: left; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 0.9em;  
		font-weight: bold; 
		color: black; 
		padding-left: 10px; 
		margin-left: 0px; 
		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 0px; /* Top right bottom left. */
		padding-left: 10px; 
	}
	#main ul
	{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#main ul li
	{
		margin-top: 0px;
		margin-bottom: 5px;
		text-align: left; 
		font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
		font-size: 0.9em;  
		font-weight: normal; 
		color: black; 
	}
	
	
/* 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, #consulting a.consulting, #industries a.industries, #contact a.contact
	{
		color: black; 
		text-decoration: none; 
		font-weight: bold;
	}
	#about a:hover.about, #consulting a:hover.consulting, #industries a:hover.industries, #contact a:hover.contact
	{
		color: black; 
		text-decoration: none; 
		font-weight: bold;
	}