FinAid - Header imagemap
<div style="position: relative; top: -455px; left: -10px;">
<style type="text/css"><!--
a.LINK0 {left:159px; background:transparent;}
a.LINK0 {display:block; width:132px; height:0; padding-top:52px; overflow:hidden; position:absolute;}
a.LINK0:hover {background:transparent; border:1px dashed #f67b1d; color:black;}
a.LINK1 {left:317px; background:transparent;}
a.LINK1 {display:block; width:69px; height:0; padding-top:52px; overflow:hidden; position:absolute;}
a.LINK1:hover {background:transparent; border:1px dashed #f67b1d; color:black;}
a.LINK2 {left:414px; background:transparent;}
a.LINK2 {display:block; width:174px; height:0; padding-top:52px; overflow:hidden; position:absolute;}
a.LINK2:hover {background:transparent; border:1px dashed #f67b1d; color:black;}
a.LINK3 {left:619px; background:transparent;}
a.LINK3 {display:block; width:151px; height:0; padding-top:52px; overflow:hidden; position:absolute;}
a.LINK3:hover {background:transparent; border:1px dashed #f67b1d; color:black;}
a.LINK4 {left:799px; background:transparent;}
a.LINK4 {display:block; width:111px; height:0; padding-top:52px; overflow:hidden; position:absolute;}
a.LINK4:hover {background:transparent; border:1px dashed #f67b1d; color:black;}
--></style>
<dl class="image_map"> <dd><a class="LINK0" href="/About-Pacific/AdministrationOffices/Office-of-Financial-Aid/FAFSA-Guide.html#prepare" title="Prepare"></a></dd> <dd><a class="LINK1" href="/About-Pacific/AdministrationOffices/Office-of-Financial-Aid/FAFSA-Guide.html#file" title="File"></a></dd> <dd><a class="LINK2" href="/About-Pacific/AdministrationOffices/Office-of-Financial-Aid/FAFSA-Guide.html#verification" title="Verification"></a></dd> <dd><a class="LINK3" href="/About-Pacific/AdministrationOffices/Office-of-Financial-Aid/FAFSA-Guide.html#follow-up" title="Follow-Up"></a></dd> <dd><a class="LINK4" href="/About-Pacific/AdministrationOffices/Office-of-Financial-Aid/FAFSA-Guide.html#renew" title="Renew"></a></dd> </dl></div>
<style><!--
div.social2 {
width: 1022px !important;
overflow: auto !important;
overflow: visible !important;
overflow-y: auto !important;
overflow-y: visible !important;
overflow-x: auto !important;
overflow-x: visible !important;
}
--></style>
<script type="text/javascript">
$(function() {
$('a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutExpo');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
event.preventDefault();
});
});
</script>