<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<meta name="Author" content="Learning Sites, Inc.">
		<title>Early Work css stylesheet</title>

  <!-- beginning of tooltips -->
  <style type="text/css">
	/* YOU CAN REMOVE THIS PART */
	body { font-size: 0.9em; font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; line-height: 130%; background-image: url("../../images/heading3.gif"); background-repeat: no-repeat; padding-top: 85px }
	h1{
		line-height:130%;
	}
	a{
		color: #D60808;
		text-decoration:none;
		font-weight:bold;
	}
	a:hover{
		border-bottom:1px dotted #317082;
		color: #307082;
	}
   		
	/* END PART YOU CAN REMOVE */
	
	
	#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
	</style>
	<SCRIPT type="text/javascript">
	/************************************************************************************************************
	(C) www.dhtmlgoodies.com, October 2005
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Updated:	
		March, 11th, 2006 - Fixed positioning of tooltip when displayed near the right edge of the browser.
		April, 6th 2006, Using iframe in IE in order to make the tooltip cover select boxes.
		
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/	
	var dhtmlgoodies_tooltip = false;
	var dhtmlgoodies_tooltipShadow = false;
	var dhtmlgoodies_shadowSize = 4;
	var dhtmlgoodies_tooltipMaxWidth = 250;
	var dhtmlgoodies_tooltipMinWidth = 100;
	var dhtmlgoodies_iframe = false;
	var tooltip_is_msie = (navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('opera')==-1 && document.all)?true:false;
	function showTooltip(e,tooltipTxt)
	{
		
		var bodyWidth = Math.max(document.body.clientWidth,document.documentElement.clientWidth) - 20;
	
		if(!dhtmlgoodies_tooltip){
			dhtmlgoodies_tooltip = document.createElement('DIV');
			dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip';
			dhtmlgoodies_tooltipShadow = document.createElement('DIV');
			dhtmlgoodies_tooltipShadow.id = 'dhtmlgoodies_tooltipShadow';
			
			document.body.appendChild(dhtmlgoodies_tooltip);
			document.body.appendChild(dhtmlgoodies_tooltipShadow);	
			
			if(tooltip_is_msie){
				dhtmlgoodies_iframe = document.createElement('IFRAME');
				dhtmlgoodies_iframe.frameborder='5';
				dhtmlgoodies_iframe.style.backgroundColor='#FFFFFF';
				dhtmlgoodies_iframe.src = '#'; 	
				dhtmlgoodies_iframe.style.zIndex = 100;
				dhtmlgoodies_iframe.style.position = 'absolute';
				document.body.appendChild(dhtmlgoodies_iframe);
			}
			
		}
		
		dhtmlgoodies_tooltip.style.display='block';
		dhtmlgoodies_tooltipShadow.style.display='block';
		if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='block';
		
		var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
		var leftPos = e.clientX + 10;
		
		dhtmlgoodies_tooltip.style.width = null;	// Reset style width if it's set 
		dhtmlgoodies_tooltip.innerHTML = tooltipTxt;
		dhtmlgoodies_tooltip.style.left = leftPos + 'px';
		dhtmlgoodies_tooltip.style.top = e.clientY + 10 + st + 'px';

		
		dhtmlgoodies_tooltipShadow.style.left =  leftPos + dhtmlgoodies_shadowSize + 'px';
		dhtmlgoodies_tooltipShadow.style.top = e.clientY + 10 + st + dhtmlgoodies_shadowSize + 'px';
		
		if(dhtmlgoodies_tooltip.offsetWidth>dhtmlgoodies_tooltipMaxWidth){	/* Exceeding max width of tooltip ? */
			dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipMaxWidth + 'px';
		}
		
		var tooltipWidth = dhtmlgoodies_tooltip.offsetWidth;		
		if(tooltipWidth<dhtmlgoodies_tooltipMinWidth)tooltipWidth = dhtmlgoodies_tooltipMinWidth;
		
		
		dhtmlgoodies_tooltip.style.width = tooltipWidth + 'px';
		dhtmlgoodies_tooltipShadow.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
		dhtmlgoodies_tooltipShadow.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';		
		
		if((leftPos + tooltipWidth)>bodyWidth){
			dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth)) + 'px';
			dhtmlgoodies_tooltipShadow.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth) + dhtmlgoodies_shadowSize) + 'px';
		}
		
		if(tooltip_is_msie){
			dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left;
			dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top;
			dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
			dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';
		
		}
				
	}
	
	function hideTooltip()
	{
		dhtmlgoodies_tooltip.style.display='none';
		dhtmlgoodies_tooltipShadow.style.display='none';		
		if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='none';		
	}
	
	</SCRIPT>	
/* end of tooltips */
		
<script type="text/javascript" src="../../Support_pages/Support_software/expando.js">

/* Expando Image Script ©2008 John Davenport Scheuer
   as first seen in http://www.dynamicdrive.com/forums/
   username: jscheuer1 - This Notice Must Remain for Legal Use
   */

</script>		

		
<style type = "text/css">

/* homepage and general sitewide code */
		#all {
			border: 0px solid black;
			width: 98%;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
			position: center;
			background-color: #ffffff;
			/* background-image: url("Support_Pages/Support_graphics/LSI_emboss01.jpg") */
				}

		#page-title {
			float: left;
			margin-top: 70px;
			padding-top: 30px;
			width: 90%;
			min-height: 150px;
			font-family: "Trebuchet MS", Helvetica, FreeSans; text-align: center; color: #ffcc00;
				}

.site-name {
	font-size: 250%;
	font: "Trebuchet MS", Helvetica, FreeSans; font-variant: normal; color: blue;
	text-shadow: 5px 5px 5px #999999; 
	/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

		#update-date  {
			float: left;
			width: 95%;
			font: x-small Arial, normal; font-variant: normal; color: blue;
			padding-bottom: 10px;  
			padding-top: 20px; 
			padding-left: 2%;
					}

	#first-content  { 
		color: #000099; 
		font-size: large; 
		font-family: "Trebuchet MS", Helvetica, FreeSans; 
		background-image: url("Support_pages/Support_graphics/NinevehView_4homepage03.jpg");
		/* background-image: url("EarlyWork/EarlyWork_pix/LSInc_Buhen_4youtube.jpg"); */
		background-size: 100% auto; 
		background-repeat: no-repeat;
		margin-top: 270px; 
		margin-bottom: 25px; 
		padding-right: 1%; 
		padding-left: 1%; 
		width: auto; 
		min-height: 150px; 
		clear: left; 
		/* border-top: 4px double black; border-bottom: 4px double black */
		}
				
	#next-content  { 
		color: #000099; 
		font-size: large; 
		font-family: "Trebuchet MS", Helvetica, FreeSans; 
		/* background-image: url("/EarlyWork/EarlyWork_pix/LSInc_Buhen_4youtube.jpg");  */
		margin-top: 30px; 
		margin-bottom: 100px; 
		padding-right: 1%; 
		padding-left: 1%; 
		width: auto; 
		min-height: 150px; 
		clear: left; 
		/* border-top: 4px double black; border-bottom: 4px double black  */
		}

#indextitlebox { 
	float: center;
	border: 5px ridge #000099; 
	border-radius: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5px; 
	/* margin-bottom: 15px;  */
	width: 60%; 
	padding: 24px; 
	opacity: 0.75;
	z-index: -3;
	/* background-color: #ac7339; */
	background-image: url("homebak24.GIF");
	font-family: "Trebuchet MS", Helvetica, FreeSans; font-color: black; font-size: x-large; font-weight: bold; 
	/* text-shadow: -1px 0 white, 0 1px white, 1px 0 black, 0 -1px black; */
	box-shadow: 4px 6px 10px black;
	text-align: left;
		}

/* a:link { color: #ff0000; }

a:visited { color: #00b300; }  */

p {text-align: left; }

.flex-continer  {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: auto;

}

.flex-item {
	margin-top: 3px;
	margin-bottom: 20px;
}

.text-start  {
	font-style: italic;
	font-size: 120%;
	color: #660000;
	text-shadow: 1px 1px 3px #fef1f4;
}

.text-bold  {
	font-style: bold;
	font-size: 120%;
	color: brown;
}

.text-itals  {
	font-style: italic;
	font-size: 100%;
	color: blue;
}

/*News menu items code */

	img  {float:left;}

		#news_all {
			border: 0px solid black;
			width: 100%;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
			position: center;
			background-color: black;
			/* background-image: url("Support_Pages/Support_graphics/LSI_emboss01.jpg") */
				}

		#news_page-title {
			float: left;
			margin-top: 60px;
			background-color: black;
			width: 100%;
			min-height: 150px;
			font-family: "Trebuchet MS", Helvetica, FreeSans; text-align: center; color: #ffcc00;
				}

		#news_update-date  {
			float: left;
			width: 95%;
			font: x-small Arial, normal; font-variant: normal; color: gold;
			padding-bottom: 10px;  
			padding-top: 20px; 
			padding-left: 2%;
					}

		.news_site-name {
			font-size: 150%;
			text-shadow: 1px 1px 3px #DC143C;
				}

		.news_flex-item {
			margin-top: 5px;
			margin-bottom: 20px;
			img  {float:left;}
				}

		#news_first-content  { 
			color: #000099; 
			font-size: large; 
			font-family: "Trebuchet MS", Helvetica, FreeSans; 
			background-image: url("Support_pages/Support_graphics/LSI_emboss01.jpg"); 
			margin-top: 270px; 
			margin-bottom: 25px; 
			margin-left: 8px; 
			margin-right: 8px; 
			padding-right: 1%; 
			padding-left: 1%; 
			width: auto; 
			min-height: 150px; 
			clear: left; 
			border-top: 4px double black; 
			border-bottom: 4px double black; 
			}
				
		#news_next-content  { 
			color: #000099; 
			font-size: large; 
			font-family: "Trebuchet MS", Helvetica, FreeSans; 
			background-image: url("Support_pages/Support_graphics/LSI_emboss01.jpg"); 
			margin-top: 30px; 
			margin-bottom: 25px;
			margin-left: 8px; 
			margin-right: 8px; 
			padding-right: 1%; 
			padding-left: 1%; 
			width: auto; 
			min-height: 150px; 
			clear: left; 
			border-top: 4px double black; 
			border-bottom: 4px double black; 
			}

#news_texttitlebox { 
	float: left;
	border: 5px ridge #000099; 
	border-radius: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5px; 
	margin-bottom: 5px;
	width: 40%; 
	padding: 5px; 
	background-color: #999999; 
	font-family: "Trebuchet MS", Helvetica, FreeSans; font-color: #ffcc00; font-size: x-large; font-weight: bold; 
	box-shadow: 4px 6px 10px black;
		}  
		
	#news_xfooter {
		font: 90% "Trebuchet MS", Helvetica, FreeSans; normal; font-variant: normal; color: gold;
		clear: left;
		height: auto;
		width: 50%;
		text-align: left;
		/* border-top: 3px solid #000099; */
		background-color: black;
		padding-left: 1%;
		padding-bottom: 2px;
		padding-top: 2px;
		margin-bottom: 8px;
			}
				
/*		#header   {
			position: fixed;
			top: 10px;
		
		}	*/
				
/*		#header-logo-left {
			float: left;
			width: 50%;
			min-height: 150px;
			color: #ffcc00;
			padding-top: 10px;
							}
*/

					
#fixmenu {
	position: fixed;
	top: 0;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	z-index: 2;
}

ul.index {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
}

li.index {
    float: left;
    font: large "Trebuchet MS", Helvetica, FreeSans; font-variant: normal; color: blue;
    border-right:1px solid gray;
}

li:first-child {
    border-right: none;
}

li:last-child {
    border-right: none;
    padding-right: 10px;
}

li a, .dropbtn {
    display: inline-block;
    color: blue;
    text-align: center;
    padding: 15px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover, .dropdown:hover  .dropbtn  {
    background-color: #111;
}

.dropdown {
    display: inline-block;
    font: large "Trebuchet MS", Helvetica, FreeSans; font-variant: normal;
    border-right:1px solid gray;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    font: small "Trebuchet MS", Helvetica, FreeSans; font-variant: normal; color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid black;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

		
/* #GMapstitlebox { 
	float: center;
	border: 5px ridge #000099; 
	border-radius: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5px; 
	/* margin-bottom: 15px;
	width: 361; 
	padding: 5px; 
	background-color: #999999; 
	font-family: "Trebuchet MS", Helvetica, FreeSans; font-color: #ffcc00; font-size: 80%; 
	box-shadow: 4px 6px 10px black;
		} */
				
		#footer {
			font: 90% "Trebuchet MS", Helvetica, FreeSans; normal; font-variant: normal; color: gold;
			clear: left;
			height: auto;
			width: 75%;
			text-align: left;
			/* border-top: 3px solid #000099; */
			background-color: black;
			padding-left: 1%;
			padding-bottom: 2px;
			padding-top: 2px;
			margin-bottom: 8px;
				}		
				
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: 10px inset black;
padding: 3px;
border-radius: 25px;
margin-right: 25px;
float: left;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

#fixaddress {
	position: fixed;
	bottom: 0;
	width: 100%;
	/* border-top: 2px solid gray; */
	background-color: black;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	z-index: 2;
}

.addresstext  {
	font: small "Trebuchet MS", Helvetica, FreeSans; font-variant: normal; 
	color: gold;

}

html, body {  margin: 0;  padding: 0;}

</style>

	</head>

	<body>
		<p></p>
			/*--ALL CONTENTS COPYRIGHT 1997-2016 BY LEARNING SITES, INC.--*/
	</body>

</html>