/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#hoverpage {width:580px; height:380px; link-color:white; border:0px solid #aaa; background:url(/CFCU/images/hoverback.jpg); position:relative; z-index:500; overflow:hidden;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:460px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#00c; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}
#hoverpage ul#outer li.p6 i {top:155px;}
#hoverpage ul#outer li.p7 i {top:180px;}
#hoverpage ul#outer li.p8 i {top:205px;}

#hoverpage ul#outer li div {display:block; width:530px; height:330px; padding:25px; background:url(/CFCU/images/hoverback.jpg); font-weight:normal; color:#444;}
#hoverpage ul#outer li div img {border:5px solid #fff; float:left; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:150px; height:200px; float:left; background:url(/CFCU/images/selected.gif) no-repeat 0 0; margin-right:20px;}

#hoverpage ul#outer li.p1 div em {background-position: 0 0;}
#hoverpage ul#outer li.p2 div em {background-position: 0 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 0 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 0 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 0 100px;}
#hoverpage ul#outer li.p6 div em {background-position: 0 125px;}
#hoverpage ul#outer li.p7 div em {background-position: 0 150px;}
#hoverpage ul#outer li.p8 div em {background-position: 0 175px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;}

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}