/* ================================================================ 
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.stunicholls.com/menu/paged_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.
=================================================================== */
body { margin:0; }
#hoverpage {font-family:arial, verdana, sans-serif; font-size:11px; color:#666; margin-bottom:22px;}

#hoverpage ul#menu li div p {font-size:11px; color:#6d6e6f; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#menu li div p a {font-size:11px; color:#035aba; }
#hoverpage ul#menu li div h2 {line-height:1em; color:#6d6e6f; font-size:11px; font-weight:normal; margin-top:0;}
#hoverpage ul#menu li div h3 {line-height:1em; color:#666; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#menu li div h3.clear {clear:left;}

#hoverpage {width:470px; height:225px; border:1px solid #c6d9df; background:#fff; position:relative; z-index:2; overflow:hidden; text-align:left;}

#hoverpage ul#menu {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#menu li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#menu li.page a.menuitem {text-decoration:none;}

#hoverpage ul#menu li.page i {
	position:absolute;
	display:block;
	height:25px;
	line-height:25px;
	padding-right:9px;
	right:319px;
	background:#f8f9f9;
	cursor:default;
	z-index:5;
	text-align:right;
	text-decoration:none;
	color:#035aba;
	font-style:normal;
	cursor:pointer;
	width:145px;
	border:1px solid #c6d9df;
}

#hoverpage ul#menu li.p1 i {top:-1px;}
#hoverpage ul#menu li.p2 i {top:25px;}
#hoverpage ul#menu li.p3 i {top:50px;}
#hoverpage ul#menu li.p4 i {top:75px;}


#hoverpage ul#menu li.page div {
	display:block;
	width:470px;
	height:225px;

	font-weight:normal;
	color:#444;
	background:#fff;
}
#hoverpage ul#menu li.page div#p1 { background-image:url(../images/forecaster.jpg); background-repeat:no-repeat; background-position:right bottom;
}
#hoverpage ul#menu li.page div#p3 { background-image:url(../images/D_planners.jpg); background-repeat:no-repeat; background-position:right bottom;
}

#hoverpage ul#menu li.page div#p4 { background-image:url(../images/bigbox.jpg); background-repeat:no-repeat; background-position:right bottom;
}
#hoverpage ul#menu li.page div#p2 { background-image:url(../images/sapuser.jpg); background-repeat:no-repeat; background-position:right bottom;
}

/*#hoverpage ul#menu li div img {border:0px solid #ddd; float:left; margin:0 10px 5px 0;} */
#hoverpage ul#menu li div p.big {line-height:1em; color:#333; font-size:1.5em;}
#hoverpage ul#menu li div a, #hoverpage ul#menu li div a:visited {color:#00c; text-decoration:underline;}
#hoverpage ul#menu li div em {display:block; width:167px; height:200px; float:left;}

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

#hoverpage ul#menu li.click div {position:absolute; left:0; top:0;}
#hoverpage ul#menu li.click a i,
#hoverpage ul#menu li.click a:visited i
{color:#035aba; font-weight:bold; border-right:1px solid #fff; background-color:#fff;}
#hoverpage ul#menu li.page a:hover i{ background-color:#d2e3f1;}
#hoverpage ul#menu li.click a:hover i{ background-color:#fff;}
	
#hoverpage ul#menu div ul li {line-height:20px; color:#256; list-style-type:disc;}
#hoverpage ul#menu div ul li a,
#hoverpage ul#menu div ul li a:visited
{line-height:20px; color:#c00;}

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