body, html {height: 100%; padding: 0; margin: 0;}
body { background:	url(/images/layout/hp_bg.jpg); text-align: center; }

#octo {
	width: 765px; height: 440px;
	margin: 0 auto;
	position: relative; top: 60px;
	background: url(/images/layout/hp_octo.png) no-repeat top left; 
}
a img { border: 0; }
a:focus, a:active {outline:none;}

#links { 
	width: 764px; 
	margin: 0 auto; 
	padding-top: 35px;
	position: relative; 
	top: 0;
}
#hpl1	{ position: absolute; top: 290px; left: 0px; }
#hpl2	{ position: absolute; top: 190px; left: 20px; }
#hpl3	{ position: absolute; top: 110px; left: 45px; }
#hpl4	{ position: absolute; top: 40px; left: 100px; }
#hpl5	{ position: absolute; top: 5px; left: 200px; }
#hpl6	{ position: absolute; top: 50px; left: 260px; }
#hpl7	{ position: absolute; top: 120px; left: 320px; }
#hpl8	{ position: absolute; top: 180px; left: 380px; }
#hpl9	{ position: absolute; top: 230px; left: 450px; }

#container {
	position: absolute; top: 0; left: 0; 
	width: 100%; 
	height: 100%;
}
#sro {position:absolute;right:50px;top:0px;z-index:1}	
#sro a {display:block;text-indent:-9999em;width:200px;height:90px;background: url(/images/layout/sro-logo_200_onblue.png) no-repeat}	
#links ul {
	background-color: #CB1009; 
	width: 200px; 
	text-align: left; 
	position: absolute; top: 440px; left: 560px; 
	padding: 0; margin: 0; 
}
#links ul a { 
	color: white; 
	text-decoration: none; 
	font: 8pt/8pt verdana, arial, sans-serif; 
	padding: 0 5px 0 15px; 
	margin: 0; 
	background: url(/images/layout/box_bullet.png) no-repeat 2px  center; 
}
#links ul a:hover { color: white; text-decoration: underline;  }
#links li { margin: 0; padding:  0; list-style: none; }