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

body {
	margin: 0;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body#nav {
	background-color: white;
	margin: 0;
	margin-top: 4;
	overflow: hidden;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body#photo {
	background-color: white;
	margin: 0;
	margin-top: 10;
	margin-left: 10;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body#text {
	background-color: white;
	margin: 20;
	margin-top: 20;
	margin-left: 40;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: underline;
}

div#top {
	background-image: url(bgtop.png);
	background-repeat: repeat-x;
	background-position: top;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100;
	z-index: -1;
}

div#bottom {
	background-image: url(bgbot.png);
	background-repeat: repeat-x;
	background-position: bottom;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 100;
	z-index: -1;
}

div#copy {
	color: white;
	font-size: x-small;
	font-variant: small-caps;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 0;
}

table#page {
	background-repeat: repeat-x;
	width: 100%;
	text-align: center;
}

div#board {
	background-color: white;
	width: 800px;
	height: 500px;
	text-align: center;
	vertical-align: bottom;
	color: black;
	font-size: smaller;
}

table {
	font-size: x-small;
}

table#inner {
	text-align: center;
	vertical-align: middle;
	font-size: smaller;
}

table#links {
	width: 800px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: smaller;
}

div#links {
	color: black;
	font-size: smaller;
	position: relative;
	top: 480px;
	width: 100%;
	z-index: 3;
}

a.links {
	color: black;
}

span#lang {
	text-align: left;
	position: absolute;
	left: 10px;
}

a#lang {
	font-weight: bold;
}

div#contact {
	color: black;
	font-size: smaller;
	position: relative;
	top: 480px;
	width: 100%;
	z-index: 3;
}

a.contact {
	color: white;
}

div#contact_splash {
	color: black;
	position: relative;
	top: 480px;
	width: 100%;
	z-index: 3;
}

a.contact_splash {
	color: black;
}

iframe {
	border: none;
	margin: 0;
}

.pikachoose{width:510px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:55px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;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{width:506px;height:309px;display:block;position:relative;}
/*since we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:-12px;color:black;}
.pika_caption a{color:black;}

.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('img/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('img/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;clear:both;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:48px;width:100px;background:url('img/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:48px;width:100px;background:url('img/fastf.png') top right no-repeat;}