body
{
	background-color: #FFF;
	color: Black;
	padding-top: 20px;
	font-size:12.0pt;
	font-family:"Times New Roman","serif";
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/*Menu at the top styles*/
MenuTop
{
	text-align:left;
	color:Green;
	}



h1
{
	margin:0px 0px -15px 0px;
	}
h2
{
	text-align:right;
	margin:0px 0px 0px 0px;
	}

a
{
	color:Black;
	font-weight:400;
	text-decoration:underline;
	
	}
/*PikaChoose Things */
.pikachoose
{
	width: 960px;
	margin: 0 auto 50px auto;
	text-align: center;
}

/* This is the ul you have all your images in */
.pikachoose ul
{
	padding-left: 0;
	width: 960px;
	height: 180px;
	margin: 0;
	overflow: hidden;
}
.pikachoose ul li
{
	float: left;
	border: 1px solid #555;
	padding: 2px;
	margin: 0 6px 4px 0;
	position: relative;
	overflow: hidden;
}
.pikachoose ul li div img
{
	position: relative;
	cursor: pointer;
}





/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main
{
	max-width: 960px;
	max-height: 768px;
	display: block;
	position: relative;
}
/*since we give it the fake border, you need to position the image a little. */
.pika_main_img
{
	max-width: 960px;
	max-height: 450px;
	position: relative;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
}
.pika_back_img
{
	max-width: 768px;
	max-height: 576px;
	position: absolute;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
.pika_subdiv
{
	position: relative;
	padding: 2px;
}
.pika_subdiv img, .pika_subdiv a img
{
	border: 1px solid #000;
}
.pika_caption
{
	width: 450px;
	height: 16px;
	padding-top: 4px;
	text-align: center;
	position: absolute;
	bottom: 7px;
	left: 3px;
	background: url('../../js/black.png') top left;
	color: White;
}
.pika_caption a
{
	color: white;
}

.pika_play
{
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	top: 5px;
}
.pika_play a
{
	position: relative;
	margin-left: auto;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 50px;
	background: url('../../js/play.png') top center no-repeat;
}
.pika_play a
{
	position: relative;
	margin-left: auto;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 50px;
	background: url('../../js/pause.png') top center no-repeat;
}

.pika_navigation a
{
	font-size: 12px;
	text-decoration: none;
}
.pika_navigation a:hover
{
	text-decoration: underline;
}
.pika_navigation
{
	padding-top: 10px;
	text-align: center;
}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover
{
	position: absolute;
	top: 5px;
	left: 5px;
	height: 456px;
	width: 100px;
	background: url('../../js/rewind.png') top left no-repeat;
}
.pika_next_hover
{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 456px;
	width: 100px;
	background: url('../../js/fastf.png') top right no-repeat;
}