@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
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 {/* background:#eff;  */
	width:750px;
	height:650px;
	border:1px solid #aaa;
	position:relative; 
	z-index:500; 
	overflow:hidden;
}
#showcase{
	margin-left:50px;
}
#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 {/* text-align:LEFT; */
	position:absolute; 
	display:block; 
	height:25px; 
	right:590px; 
	background:transparent; 
	cursor:default; 
	z-index:100; 
	 
	text-decoration:none; 
	color:#999; 
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	cursor:pointer;
}

#hoverpage ul#outer li.p1 i {top:60px;}
#hoverpage ul#outer li.p2 i {top:90px;}
#hoverpage ul#outer li.p3 i {top:120px;}
#hoverpage ul#outer li.p4 i {top:150px;}
#hoverpage ul#outer li.p5 i {top:180px;}
#hoverpage ul#outer li div  {/*  */ display:block; width:750px; height:650px; padding:25px; background:#9a9a68; 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:1.2em; color:#ffffff; font-size:2.0em; padding-bottom:5px; padding-top:0px;}
#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:#000 url(selected.gif) no-repeat 0 0; margin-right:20px;}

#hoverpage ul#outer li.p1 div em {background-position: 0 15;}
#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.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;}

p.prog {font-size:16px; line-height:18px; margin:5px 0 15px 0; color:#ffffff;}

/*.big {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }*/