﻿/* ================================================================ 
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.
=================================================================== */
 /*border:1px solid #aaa;*/
#hoverpage {width:800px; height:650px; background:#fff; position:relative; z-index:1; overflow:hidden; margin-top:-20px; margin-left:0px; float:left;}
#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:675px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#735b3e; font-style:normal; cursor:pointer;}
#hoverpage ul#outer li.page i:hover {color:Black;}

#hoverpage ul#outer li.p0 i {top:25px;}
#hoverpage ul#outer li.p1 i {top:55px;}
#hoverpage ul#outer li.p2 i {top:83px;}
#hoverpage ul#outer li.p3 i {top:111px;}
#hoverpage ul#outer li.p4 i {top:141px;}
#hoverpage ul#outer li.p5 i {top:166px;}
#hoverpage ul#outer li.p6 i {top:212px;}

#hoverpage ul#outer li div {display:block; width:800px; height:617px; padding-top:25px; padding-left:5px; background:#fff; font-weight:normal; color:#564b47;}
#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:.5em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#000; text-decoration:underline;}
#hoverpage ul#outer li div a:hover{color:#735b3e;}
#hoverpage ul#outer li div em {display:block; width:155px; height:230px; float:left; background:#fff url(../images/selected.gif) no-repeat 0 0; margin-right:0px;}

#hoverpage ul#outer li.p0 div em {background-position: 15px -5px;}
#hoverpage ul#outer li.p1 div em {background-position: 15px 23px;}
#hoverpage ul#outer li.p2 div em {background-position: 15px 55px;}
#hoverpage ul#outer li.p3 div em {background-position: 15px 82px;}
#hoverpage ul#outer li.p4 div em {background-position: 15px 105px;}
#hoverpage ul#outer li.p5 div em {background-position: 15px 152px;}
#hoverpage ul#outer li.p6 div em {background-position: 15px 183px;}

#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;}
