<STYLE type="text/css">
<!--
    h1,h2,h3{font-family: sans-serif text-align: left}
	body{font-family: sans-serif}
    body{background-color:black}	
	body{background-image: url(images/metal.jpg); background-repeat: repeat-y}
    
	p{color: silver}
	p{text-indent: 0px}
	p{text-align: left}
	p{font-style: normal}
	
	p.about{color: white}
	p.about{text-indent: 0px}
	p.about{text-align: left}
	p.about{font-style: normal}
	
	p.foot{color: silver}
	p.foot{font-size: 90%}
	p.foot{text-indent: 0px}
	p.foot{text-align: center}
	p.foot{font-style: normal}
    
    p.menu{color: yellow}
	p.menu{text-indent: 0px}
	p.menu{text-align: center}
	p.menu{font-style: normal}
	
	li.list{color: silver}
	li.list{text-indent: 0px}
	li.list{text-align: left}
	li.list{font-style: normal}
	
	
    a:link{color: #a5b5f3; text-decoration: none;}
    a:visited{color: #a5b5f3; text-decoration: none;}
    a:active{color: #a5b5f3; text-decoration: none;}
    a:hover{color: yellow; text-decoration: underline;}
    
	h1{color: silver; font-size: 200%; text-align: left}
	h2{color: silver; font-size=140%; text-align: center}
	
	#logo {position: absolute; left: 40px; top: 0px; height: 250px; width: 250px}
    #weather {position: absolute; left: 40px; top: 600px; height: 250px; width: 200px}
	#title {position: absolute; left: 270px; top: 10px; height: 450px; width: 100%-300px}
	#menu {position: absolute; left: 40px; top: 200px; height: 150px; width: 200px}
	#pdfs {position: absolute; left: 270px; top: 425px; height: 130px; width: 300px}
	#foot04 {position: absolute; left: 10px; top: 530px; height: 10px; width: 100%}
    #foot01 {position: absolute; left: 10px; top: 540px; height: 70px; width: 200px}
	#foot02 {position: absolute; left: 210px; top: 540px; height: 70px; width: 180px}
	#foot03 {position: absolute; left: 400px; top: 540px; height: 70px; width: 240px}
	
-->
</STYLE>

