/* ================================================================ 
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:600px; height:300px; /*border:1px solid #aaa;*/ background:#ffffff; position:relative; z-index:500; overflow:hidden; margin:0px auto 0px auto;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;line-height: 1.5em;}

#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 div {display:block; width:550px; height:450px; padding:25px; background:#ffffff; /*font-weight:normal; color:#444;*/}
#hoverpage ul#outer li div img {solid #cccccc;float:left;margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:2em; color:#000000; 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:300px; float:left; background:#ffffff url(./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.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;}