<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>eacomscie new document title</title>
</head>
<body>
<p>/*Design By Rheiniel */   * {</p>
<p>margin:0; 	padding:0; }</p>
<p>body  { 	font-family:Arial, Helvetica, sans-serif; 	font-size:12px; 	color:#535353; 	background: #3e4247; }</p>
<p>a { 	font-size:12px; 	color:#2e5d99; 	text-decoration:underline; }</p>
<p>a:hover { 	font-size:12px; 	color:#2e5d99; 	text-decoration:none; } #container {  	width: 800px;  	background: #FFFFFF; 	margin: 0 auto; }</p>
<p>#header { 	background:#3e4247;  } .logo { 	float:left; 	font-size:48px; 	font-style:italic; 	color:#FFFFFF; 	padding:10px 0; }</p>
<p>.logo span { 	color:#a9b1ba; }</p>
<p>.author { 	font-size:12px; 	color:#a0a0a0; }</p>
<p>.author a { 	color:#9399a0; }</p>
<p>.search { 	float:right; 	padding:20px 0 0 0; }</p>
<p>.searcharea { 	background:url(images2/searchBackground.png) no-repeat left top; 	width:288px; 	height:40px; 	border:0; 	color:#ffffff; }</p>
<p>.buttonSearch { 	background:url(images2/buttonSearch.png) no-repeat left top; 	width:31px; 	height:30px; 	border:0; 	position:absolute; 	margin:6px 0 0 250px; 	cursor:pointer; }</p>
<p>#sidebar1 { 	float: left;  	width: 250px;  	padding:5px 0px 20px 20px; }</p>
<p>#sidebar1 ul { 	margin:0; 	padding:0; }</p>
<p>#sidebar1 li { 	padding:0px 20px 10px 0; 	list-style:none; 	float:left; }</p>
<p>#sidebar1 .seemore { 	float:right; } #sidebar1 img { 	border:0; }</p>
<p>#sidebar1 .picPreview { 	float:left; 	padding:0 10px 10px 0; }</p>
<p>#mainContent {  	margin: 0 0 0 270px; 	background:#f6f7f7; 	padding:5px 20px 20px 20px; }</p>
<p>.buttonMoreDetails { 	background:url(images2/buttonBackground.png) no-repeat left top; 	width:94px; 	height:30px; 	border:0; 	color:#ffffff; 	cursor:pointer; 	float:right; 	margin:20px; }</p>
<p>.horSeparator { 	border-bottom:1px solid #CCCCCC; 	padding:10px 0; }</p>
<p>.picContent { 	float:left; 	padding:0 15px 10px 0; } h2 { 	font-size:14px; 	font-weight:bold; 	color:#535353; 	padding:10px 0 10px 0; }</p>
<p>#footer { 	background:url(images2/footerBackground.png) repeat-x left top; 	height:82px;	 }</p>
<p>.footerHeader { 	background:#FFFFFF; 	height:20px; 	width:800px; 	margin:0 auto; }</p>
<p>.footerBody { 	width:800px; 	margin:0 auto; }</p>
<p>.copyright { 	float:left; 	color:#535353; 	font-size:11px; 	padding:15px 0 0 0;  }</p>
<p>.copyright a { 	font-size:11px; 	color:#666b71; 	text-decoration:underline; }</p>
<p>.copyright a:hover { 	font-size:11px; 	color:#666b71; 	text-decoration:none; }</p>
<p>.footerIcons { 	float:right; 	padding:14px 0 0 0; } .footerIcons img { 	border:0; }</p>
<p>.footerIcons ul { 	margin:0; 	padding:0; }</p>
<p>.footerIcons li { 	display:inline; 	list-style:none; }</p>
<p>.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ 	clear:both;     height:0;     font-size: 1px;     line-height: 0px; } /*begin main menu*/</p>
<p>#navcontainer { 	padding-top:10px; }</p>
<p>#navcontainer ul { 	padding-left: 0; 	margin-left: 0; 	background: url(images2/menuBackground.jpg) repeat-x left top; 	color: White; 	float: left; 	width: 100%; 	border-bottom:2px solid #FFFFFF; }</p>
<p>#navcontainer ul li {  	display: inline;  }</p>
<p>#navcontainer ul li a { 	padding:29px 15px; 	background: url(images2/menuBackground.jpg) repeat-x left top; 	color: #9198a1; 	font-size:18px; 	text-decoration: none; 	float: left; 	border-right: 1px solid #dfe0e2; }</p>
<p>#navcontainer ul li a:hover { 	background: url(images2/menuActive.jpg) repeat-x left top; 	color: #fff; }</p>
<p>#navcontainer</p>
<p>#active a { 	background: url(images2/menuActive.jpg) repeat-x left top; 	color: #fff; } /*end main menu*/</p>
</body>
</html>