<style type="text/css">



body
{
background-color:rgb(192,192,192);
}


h1
{
color:rgb(128,128,128);text-align:center;
font-size:60px;font-family:Arial, Helvetica, sans-serif;
}


h2
{
color:rgb(192,192,192);
text-align:left;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
}
p
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:30px;display:block;}

#home{left:0px;width:30px;}
#home{background:url('Navigation.png') -1px 0;}
#home a:hover{background:url('Navigation.png') -1px -31px;}
#home a:active{background:url('Navigation.png') -1px -63px;}

#prev{left:32px;width:32px;}
#prev{background:url('Navigation.png') -65px 0;}
#prev a:hover{background:url('Navigation.png') -63px -31px;}
#prev a:active{background:url('Navigation.png') -63px -63px;}

#next{left:64px;width:32px;}
#next{background:url('Navigation.png')  -33px 0;}
#next a:hover{background:url('Navigation.png') -31px -31px;}
#next a:active{background:url('Navigation.png') -31px -63px;}



#meganavlist{position:relative;}
#meganavlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#meganavlist li, #meganavlist a{height:96px;display:block;}

#megahome{left:0px;width:96px;}
#megahome{background:url('MegaNavigation.png') -1px 0;}
#megahome a:hover{background:url('MegaNavigation.png') -1px -96px;}
#megahome a:active{background:url('MegaNavigation.png') -1px -192px;}

#megaprev{left:96px;width:96px;}
#megaprev{background:url('MegaNavigation.png') -192px 0;}
#megaprev a:hover{background:url('MegaNavigation.png') -192px -96px;}
#megaprev a:active{background:url('MegaNavigation.png') -192px -192px;}

#meganext{left:192px;width:96px;}
#meganext{background:url('MegaNavigation.png')  -96px 0;}
#meganext a:hover{background:url('MegaNavigation.png') -96px -96px;}
#meganext a:active{background:url('MegaNavigation.png') -96px -192px;}





#hypernavlist{position:relative;}
#hypernavlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#hypernavlist li, #hypernavlist a{height:128px;display:block;}

#hyperhome{left:0px;width:128px;}
#hyperhome{background:url('Navigation-640.png') -1px 0;}
#hyperhome a:hover{background:url('Navigation-640.png') -1px -128px;}
#hyperhome a:active{background:url('Navigation-640.png') -1px -256px;}

#hyperprev{left:128px;width:128px;}
#hyperprev{background:url('Navigation-640.png') -255px 0;}
#hyperprev a:hover{background:url('Navigation-640.png') -255px -128px;}
#hyperprev a:active{background:url('Navigation-640.png') -255px -256px;}

#hypernext{left:256px;width:128px;}
#hypernext{background:url('Navigation-640.png')  -128px 0;}
#hypernext a:hover{background:url('Navigation-640.png') -128px -128px;}
#hypernext a:active{background:url('Navigation-640.png') -128px -256px;}

#hyperrefinery{left:384px;width:129px;}
#hyperrefinery{background:url('Navigation-640.png')  -383px -1px;}
#hyperrefinery a:hover{background:url('Navigation-640.png') -383px -129px;}
#hyperrefinery a:active{background:url('Navigation-640.png') -383px -257px;}

#hyperexon{left:513px;width:128px;}
#hyperexon{background:url('Navigation-640.png')  -512px 0;}
#hyperexon a:hover{background:url('Navigation-640.png') -512px -128px;}
#hyperexon a:active{background:url('Navigation-640.png') -512px -256px;}









</style>
