@charset "utf-8";
/* Top Menu */
#menu-top {display:block; height:85px; width:700px; margin:0; background-image:url(../graphics/nav_top_bg.gif);}
#menu-top ul {margin:20px 0 0 0; padding:0; list-style:none; float:right;}
#menu-top li {margin-right:1px; display:block; width:212px;}
#menu-top li.list1 {background:transparent url(../graphics/top_about.gif);}
#menu-top li.list2 {background:transparent url(../graphics/top_contact.gif);}

#menu-top a {display:block; width:212px; padding-top:28px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu-top a:link, * html #menu-top a:visited {height:28px; he\ight:0;}

#menu-top a#item1 {background:transparent url(../graphics/top_about_over.gif) -212px -28px no-repeat;}
#menu-top a#item2 {background:transparent url(../graphics/top_contact_over.gif) -212px -28px no-repeat;}

/* Active or On states */
#menu-top a#item1-on {background:transparent url(../graphics/top_about_over.gif) no-repeat;}
#menu-top a#item2-on {background:transparent url(../graphics/top_contact_over.gif) no-repeat;}

#menu-top a#item1:hover {background-position:top right; z-index:50;}
#menu-top a#item2:hover {background-position:top right; z-index:50;}

* html #menu-top a:hover {height:28px; he\ight:0;}


/* Main Menu */
#menu {display:block; height:79px; width:700px; margin:0; background-image:url(../graphics/nav_main_bg.gif);}
#menu ul {margin:0 0 0 20px; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:-35px; display:block;} /* Adjust margin-right to effect spacing */
#menu li.list1 {background:transparent url(../graphics/nav_lasalle.gif); width:114px;}
#menu li.list2 {background:transparent url(../graphics/nav_ferry.gif); width:126px;}
#menu li.list3 {background:transparent url(../graphics/nav_skyway.gif); width:112px;}
#menu li.list4 {background:transparent url(../graphics/nav_pawisland.gif); width:107px;}
#menu li.list5 {background:transparent url(../graphics/nav_broderick.gif); width:104px;}

#menu a {display:block; padding-top:79px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:79px; he\ight:0;}

#menu a#item1 {background:transparent url(../graphics/nav_lasalle_over.gif) -114px -79px no-repeat;}
#menu a#item2 {background:transparent url(../graphics/nav_ferry_over.gif) -126px -79px no-repeat;}
#menu a#item3 {background:transparent url(../graphics/nav_skyway_over.gif) -112px -79px no-repeat;}
#menu a#item4 {background:transparent url(../graphics/nav_pawisland_over.gif) -107px -79px no-repeat;}
#menu a#item5 {background:transparent url(../graphics/nav_broderick_over.gif) -104px -79px no-repeat;}

/* Active or On states */
#menu a#item1-on {background:transparent url(../graphics/nav_lasalle_over.gif) no-repeat;}
#menu a#item2-on {background:transparent url(../graphics/nav_ferry_over.gif) no-repeat;}
#menu a#item3-on {background:transparent url(../graphics/nav_skyway_over.gif) no-repeat;}
#menu a#item4-on {background:transparent url(../graphics/nav_pawisland_over.gif) no-repeat;}
#menu a#item5-on {background:transparent url(../graphics/nav_broderick_over.gif) no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:79px; he\ight:0;}

/* Home link */
#homelink{float:left; margin:8px 0 0 22px; width:70px; height:70px;}
#homelink a{ overflow:visible; padding-top:0px;}