/* ######### CSS for top level tabs ######### */

#hoverpage {
	width:841px;
	height:351px;
	border:0px solid #aaa;
	background:#e00;
	position:relative;
	z-index:500;
	overflow:hidden;
}
#hoverpage table {
	border-collapse:collapse;
	margin:-1px;
	border: 0px;
}

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

#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:687px;
	background:transparent;
	cursor:default;
	z-index:100;
	text-align:right;
	text-decoration:none;
	color:#00c;
	font-style:normal;
	cursor:pointer;
}

#hoverpage ul#outer li.p1 i {
	top:10px;
}
#hoverpage ul#outer li.p2 i {
	top:49px;
}
#hoverpage ul#outer li.p3 i {
	top:84px;
}
#hoverpage ul#outer li.p4 i {
	top:142px;
}
#hoverpage ul#outer li.p5 i {
	top:180px;
}
#hoverpage ul#outer li.p6 i {
	top:240px;
}
#hoverpage ul#outer li.p7 i {
	top:279px;
}
#hoverpage ul#outer li.p8 i {
	top:314px;
}


#hoverpage ul#outer li div {
	display:block;
	width:829px;
	height:350px;
	padding:20px;
	background:#eff;
	font-weight:normal;
	color:#444;
	background-image: url(images/blue.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	
}
#hoverpage ul#outer li div img {
	border:0px solid #fff;
	float:left;
	margin:0 0px 0px 0;
}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:14px;}

#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {
	display:block;
	width:305px;
	height:300px;
	float:left;
	margin-right:20px;
}

#hoverpage ul#outer li.p1 div em {background-position: 0 0;}
#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.p6 div em {background-position: 0 125px;}
#hoverpage ul#outer li.p7 div em {background-position: 0 150px;}
#hoverpage ul#outer li.p8 div em {background-position: 0 175px;}

#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:0px;
	top:0;
}


.big {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000; 
}
.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;


color: #FFFFFF}

.style7 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* ######### CSS for top thumbs ######### */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}