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

#hoverpage ul#outer li div p {font-size:11px; line-height:14px; margin:5px 20px 10px 0; color:#666;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#000; font-size:1.5em; font-weight:bold; margin-top:0; font-family:Arial, 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:560px; height:200px; border:0px solid #aaa; background:#fff; position:relative; z-index:250; overflow:hidden; text-align:left;}
#hovermore {width:560px; height:200px; border:0px solid #aaa; background:#fff; position:relative; z-index:250; overflow:hidden; text-align:left;}
#hoverp3more {width:560px; height:200px; border:0px solid #aaa; background:#fff; position:relative; z-index:250; overflow:hidden;  text-align:left;}
#hoverpage table {border-collapse:collapse; margin:0px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none; display:inline}

#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;
	z-index:200;
	text-align:left;
	text-decoration:none;
	color:#6d6d6d;
	font-style:normal;
	cursor:pointer;
	left: 23px;
	width: 180px;
	font-weight: bold;

	}
#hoverpage ul#outer li.more {display:inline; }
#hoverpage ul#outer li.more a.menuitem2 {text-decoration:none;}
#hoverpage ul#outer li.more i{
	position:relative;
	display: block;
	height:20px;
	z-index:200;
	text-align:left;
	text-decoration:none;
	color:#6d6d6d;
	font-style:normal;
	cursor:pointer;
	left:383px;
	width: 130px;
	top: 304px;
	overflow:hidden;
	
}
#hoverpage ul#outer li.p3more {display:inline;}
#hoverpage ul#outer li.p3more a.menuitem {text-decoration:none;}
#hoverpage ul#outer li.p3more i{
	position:relative;
	display: block;
	height:20px;
	z-index:200;
	text-align:left;
	text-decoration:none;
	color:#6d6d6d;
	font-style:normal;
	cursor:pointer;
	left: 383px;
	width: 130px;
	top: 304px;
	overflow:hidden;
	    		}
*html #hoverpage ul#outer li.p1 i {
	top:29px;
	
	}

*html #hoverpage ul#outer li.p2 i {top:52px;}
*html #hoverpage ul#outer li.p3 i {top:77px;}
*html #hoverpage ul#outer li.p4 i {top:102px;}
*html #hoverpage ul#outer li.p5 i {top:127px;}
*html #hoverpage ul#outer li.more i {top:410px;}
*html#hoverpage ul#outer li.p3more i {top:410px;}
#hoverpage ul#outer li.p1 i {top:29px;}
#hoverpage ul#outer li.p2 i {top:52px;}
#hoverpage ul#outer li.p3 i {top:77px;}
#hoverpage ul#outer li.p4 i {top:102px;}
#hoverpage ul#outer li.p5 i {top:127px;}
#hoverpage ul#outer li.more i {top:410px;}
#hoverpage ul#outer li.p3more i {top:410px;}
#hoverpage ul#outer li.more div {display:block; width:520px; height:250px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p3more div {display:none; width:520px; height:250px; padding:25px; font-weight:normal; color:#444;}

#hoverpage ul#outer li.page div {display:block; width:550px; height:250px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(page2_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(page3_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(page4_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(page5_back.jpg);}
#hoverpage ul#outer li.more div {background:#fff url(more_back.jpg);}
#hoverpage ul#outer li.p3more div {background:#fff url(more2_back.jpg);}

#hoverpage ul#outer li div img {border:0px solid #888; float:left; margin:0 10px 0px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em; float:left;}
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#ffffff;  text-decoration:underline;}
#hoverpage ul#outer li div em { width:180px; height:230px; float:left; margin-right:10px;   border:0px solid #000000;}


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

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

#hoverpage ul#outer li.more div a:hover {text-decoration:none;  color:#ffffff;}
#hoverpage ul#outer li.more a.menuitem:hover {white-space:normal;  color:#ffffff;} /* for IE6 */

#hoverpage ul#outer li.p3more div a:hover {text-decoration:none; color:#ffffff;}
#hoverpage ul#outer li.p3more a.menuitem:hover {white-space:normal; color:#ffffff;} /* for IE6 */

*html #hoverpage ul#outer :hover div {position:absolute; left:0; top:0; color:#ffffff;}
#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;  color:#ffffff;}
#hoverpage ul#outer a:hover i {color:#ffffff; background-color:#f8cd84; font-weight:none; } /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{color:#000000; font-weight:none;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:1.1em; color:#ffffff; 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:#ffffff;}

#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;}
#Layer1 {
	position:absolute;
	left:14px;
	top:71px;
	width:3px;
	height:142px;
	z-index:301;
	background:url(images/sample-2_15.jpg) repeat-y top left;	 
}
#outer ul li#li_1.clicked a.down {color:#fff; background:#ef8e41 url(down_over.gif) no-repeat right center;;}
#outer ul li#li_2.clicked a.down {color:#fff; background:#e7b03b url(down_over.gif) no-repeat right center;;}
#outer ul li#li_3.clicked a.down {color:#fff; background:#f78191 url(down_over.gif) no-repeat right center;;}
#outer ul li#li_4.clicked a.down {color:#fff; background:#adb24d url(down_over.gif) no-repeat right center;;}