 <style type="text/css">
html, body{height:100%;

font-family:Arial, Helvetica, sans-serif}
h1 { font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif}
h2 { font-size:1.2em; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif}
#myContent {height:700px;font-family:Arial, Helvetica, sans-serif;
}
#myContentbg {background:url(img/eLearning-background.jpg) no-repeat top center; margin-top:0px;
}

#myContentfooter{
	padding:20px; padding-top:590px; font-size:0.7em;
}

#eLearningHeader{
	position:absolute;
	width:100%;
	height:43px;
	z-index:10000;
	top: 0px;
	text-align:center;
	left: 0px;
}
#eLearningLogo{
	position:absolute;
	width:250px;
	height:170px;
	z-index:10002;
	top: 451px;
	text-align:left;
	left: 0px;
	overflow:hidden;
}
#eLearningPic{
	position:absolute;
	width:250px;
	height:450px;
	z-index:10001;
	top: 70px;
	text-align:left;
	left: 0px;
	overflow:hidden;
	padding-left:7%;
}
#eLearningAdr{
	position:absolute;
	width:250px;
	height:59px;
	z-index:10002;
	top: 542px;
	text-align:left;
	left: 251px;
	overflow:hidden;
}

body {
text-align:center;
background:#fff;
padding-top:0px;
color:#666666;font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Layer1 {
	position:absolute;
	 width:100%;
	height:450px;
	z-index:9999;
	 /*margin:0 auto;*/
	 margin-top:70px;
	/*visibility:hidden;
	background-color:#003399;*/
	
}
#Layer2 {
	position:absolute;
	 width:100%;
	height:450px;
	z-index:9999;
	 /*margin:0 auto;*/
	 margin-top:100px;
	visibility:hidden;
}
#content {
	position:relative;
	 width:790px;
	height:450px;
	 margin:0 auto;
	padding-left:0px; padding-top:0px;padding-left:0px;
	text-align:left;
	vertical-align:top; vertical-align:text-top;
		
		 overflow-x:hidden;
		/* visibility:hidden;*/
}
#maincontent{z-index:8000;}
a:link,a:visited {
	color:#709e39;
	} 

a:hover,a:active,a:focus {
	color:#333;
	text-decoration:underline;
	}	
 td{ vertical-align:top}

