/* ================================================================ 
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_menu2.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.
=================================================================== */

#paginamenu {
	float: left;
/*	width: 73%;
	padding: 5px 0 0 0;
	margin: 0 0 0 10px;
	display: inline;
	text-align: left;  */
}

#hoverpage ul#outer li div p {
font-size:11px; 
line-height:16px; 
margin:5px 0 10px 0;
}
#hoverpage ul#outer li div h2 {
line-height:1em; 
color:#585; 
font-size:1.5em; 
font-weight:normal; 
margin-top:0; 
font-family:verdana, sans-serif;
}
#hoverpage ul#outer li div h3 {
line-height:1em; 
color:#66a; 
font-size:1.2em; 
font-weight:normal; 
margin-top:0;
}
#hoverpage ul#outer li div h3.clear {
clear:left;
}


#hoverpage {
width:590px;
height:580px; 
/* border:1px solid #aaa; */
background:#fff; 
position:relative; 
z-index:500; 
overflow:hidden; 
text-align: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:20px; 
right:451px; 
background:transparent; 
cursor:default; 
z-index:100; 
text-align:right; 
text-decoration:none; 
color:#080; 
font-style:normal; 
cursor:pointer;
width: 140px;
left: 5px;

}

#hoverpage ul#outer li.p1 i {top:10px;}
#hoverpage ul#outer li.p2 i {top:35px;}
#hoverpage ul#outer li.p3 i {top:60px;}
#hoverpage ul#outer li.p4 i {top:85px;}
#hoverpage ul#outer li.p5 i {top:110px;}
#hoverpage ul#outer li.p6 i {top:135px;}
#hoverpage ul#outer li.p7 i {top:160px;}
#hoverpage ul#outer li.p8 i {top:185px;}


#hoverpage ul#outer li.page div {
display:block; 
width:590px; 
height:580px; 
padding:5px; 
font-weight:normal; 
color:#444;
}

#hoverpage ul#outer li.p1 div {background:#fff url(pagemenu/page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(pagemenu/page2_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(pagemenu/page3_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(pagemenu/page4_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(pagemenu/page5_back.jpg);}
#hoverpage ul#outer li.p6 div {background:#fff url(pagemenu/page1_back.jpg);}
#hoverpage ul#outer li.p7 div {background:#fff url(pagemenu/page3_back.jpg);}
#hoverpage ul#outer li.p8 div {background:#fff url(pagemenu/page4_back.jpg);}


#hoverpage ul#outer li div img {
border:1px solid #888;  
float:right; 
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, #hoverpage ul#outer li div a:visited {
color:#00c; 
text-decoration:underline;
}
#hoverpage ul#outer li div em {
display:block;
width:160px; 
height:200px; 
float:left; 
background:transparent url(pagemenu/current.gif) no-repeat; 
margin-right:20px;
}

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


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

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {
position:absolute; 
left:0; 
top:0;
}
#hoverpage ul#outer a:hover i {
color:#66a; 
font-weight:bold;
} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i{
color:#66a; 
font-weight:bold;
}

#hoverpage ul#outer div ul li {
line-height:20px; 
font-size:0.9em; 
color:#256; 
list-style-type:disc;
}
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited{
line-height:20px; 
font-size:1.1em; 
color:#c00;
}

#hoverpage ul#outer div dl dd {
line-height:20px; 
font-size:1.1em; 
color:#448;
}
#hoverpage ul#outer div dl dt {
line-height:30px; 
font-size:1.3em; 
color:#333;
}