a:link { color: #000000; text-decoration : none; }
a:visited { color: #222222; text-decoration : none; }
a:active { color: #999999; text-decoration : underline; }
a:hover, a:visited:hover { text-decoration : underline; }

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	background: #ffffff url(/img/bg_2.gif) no-repeat scroll center 117px;
	color: #000000;
	font: 12px Arial,helvetica,sans-serif,"sans serif";
}

div {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

pre {
	font: 12px "Courier New",Courier,monospace;
}

.mobionly,
.printonly {
	display: none;
	visibility: hidden;
}

span.miu {
	padding: 7px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(/img/miu.png);
	background-repeat: no-repeat;
}

#supercontainer {
	position: relative;
	padding: 0px;
	margin: 0px;
	min-height: 85%;
	text-align: center;
	background-image: url(/img/hat_bg.gif);
	background-repeat: repeat-x;
/*	background-image: url(/img/index_bg.jpg);
	background-position: 750px 180px;
	background-repeat: no-repeat;*/
}
/* IE6 Only \*/
* html #supercontainer {
	height: 85%;
}

#footer {
	position: relative;
	top: 0px;
	height: 15%;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: visible;
}

#extradiv1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 142px;
	background-image: url(/img/bg_extra1.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
}

#container {
	position: relative;
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

#header {
	width: 100%;
	height: 142px;
	background-image: url(/img/hat_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#headerlogo {
	width: 550px;
	height: 77px;
	background-color: #00396E;
	background-image: url(/img/headerlogo_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

img#headerimg {
	position: relative;
	top: 18px;
	left: 10px;
}

#headermenu {
	position: relative;
	left: 0px; top: 4px;
	height: 61px;
	width: 780px;
	margin: 0px;
/*	padding: 0px 0px 0px 20px;*/
	padding: 0px;
	float: left;
	overflow: visible;
	font: 14px "Trebuchet MS",Trebuchet,Futura,sans-serif,"sans serif",helvetica;
	background-image: url(/img/hat_gray.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#headermenu ul {
	padding: 0px;
	margin: 0px;
}

#headermenu li {
	float: left;
	display: block; 
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}

#headermenu a,
#headermenu a:link,
#headermenu a:visited,
#headermenu span {
	float: left;
	display: block;
	height: 31px;
	line-height:  31px;
	vertical-align: middle;
	padding: 0px 10px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #eeeeee;
}

#headermenu a:hover,
#headermenu a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #ffffff;
	background-color: #5798db;
}

#headermenu span {
	color: #ffffff;
	background-color: #5798db;
}

#middle {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 30px;
}
/* IE6 Only \*/
* html #middle {
	height: 470px;
}

#middle.wide {
	width: 800px;
}

#middle h2 {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	color: #00396E;
	font: 17px "Trebuchet MS",Trebuchet,Futura,sans-serif,"sans serif",helvetica;
	font-weight: normal;
	border-bottom: 1px solid #00396E;
}
#middle h2.withvertimage {
	width: 285px;
}

h1#mtitle {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #00396E;
	font: 21px "Trebuchet MS",Trebuchet,Futura,sans-serif,"sans serif",helvetica;
	font-weight: normal;
	border-bottom: 1px solid #00396E;
}

img#vertimage {
	float: right;
	margin-left: 15px;
	overflow: visible;
}

img#horiimage {
	margin-bottom: 15px;
}

#newsblock ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

#newsblock li {
	margin: 5px 0px;
	padding: 0px;
	list-style-image: url(/img/news_dot.gif);
}

#backlink,
span.backlink {
	font: 14px "Trebuchet MS",Trebuchet,Futura,sans-serif,"sans serif",helvetica;
	font-weight: bold;
	margin: 14px 0px;
	display: block;
}

#left {
	position: relative;
	float: left;
	width: 220px;
	text-align: left;
	margin-bottom: 30px;
}

div.leftmenu {
	margin: 5px 15px 10px 0px;
	overflow: visible;
	font: 14px "Trebuchet MS",Trebuchet,Futura,sans-serif,helvetica;
	background-image: url(/img/left_tbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.leftmenu ul {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-image: url(/img/left_bbg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.leftmenu li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.leftmenu li:first-child a,
div.leftmenu li:first-child span {
	border-top: 4px solid #ffffff;
}

div.leftmenu a,
div.leftmenu a:link,
div.leftmenu a:visited,
div.leftmenu span {
	width: 155px;
	display: block;
	padding: 2px 5px 2px 20px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
/*	background-color: #f0e9d0;*/
	background-color: #d0f0ef;
/*	background-color: #e5f0d0;*/
	background-image: url(/img/left_dot.gif);
	background-position: 6px center;
	background-repeat: no-repeat;
	border-bottom: 4px solid #ffffff;
}

div.leftmenu a:hover,
div.leftmenu a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
	background-color: #ecfffe;
}

div.leftmenu span {
	background-color: #ecfffe;
}

/*
div.leftmenu li.second,
div.leftmenu li.withimage {
	font-size: 12px;
}

div.leftmenu li.second a {
	width: 140px;
	padding: 1px 5px 1px 35px;
	background-image: url(/img/left_dot.gif);
	background-position: 21px 4px;
}

div.leftmenu li.withimage a {
	height: 30px;
	width: 170px;
	padding: 5px;
	background-image: none;
	overflow: hidden;
}

div.leftmenu li.withimage img {
	max-width: 30px;
	max-height: 30px;
	float: left;
	margin: 0px 5px 0px 0px;
}

div.leftmenu li.withimage a span {
	height: 30px;
	line-height: 30px;
	padding: 20px 0px;
	margin: 20px 0px;
}
*/

div.leftmenu li.title span {
	width: 170px;
	display: block;
	padding: 4px 5px 2px 5px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #54b8b5;
	background-image: url(/img/left2_tbg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 4px solid #ffffff;
}

#leftmenu2 {
	background-image: none;
}

#leftmenu2 li:first-child a,
#leftmenu2 li:first-child span {
	border-top: 0px none;
}

#footercontainer {
	background-image: url(/img/footer_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 86px;
	width: 100%;
}

#footertext {
	position: absolute;
	left: 45px;
	top: 50px;
	color: #ffffff;
	font-family: "Arial Bold",Arial,helvetica,sans-serif,"sans serif";
	font-weight: bold;
	font-size: 10px;
}

img#swimmer {
	position: relative;
	left: 44px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

#vrmap {
	float: right;
	padding-right: 30px;
	margin-left: 10px;
}

#vrmap.low {
	padding-right: 100px;
}

#vrapplet {
	width: 471px;
	height: 332px;
	padding: 6px 0px 4px 6px;
	background-image: url(/img/vrh_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#vrapplet.low {
	width: 360px;
	height: 277px;
	background-image: url(/img/vrl_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#vrbuttons {
	width: 471px;
	height: 22px;
	margin-bottom: 20px;
/*	overflow: hidden;*/
}

#vrbuttons.low {
	width: 360px;
}

#vrbuttons img {
	padding-left: 2px;
}

#vrbuttons img#vrbuttons_info,
#vrbuttons img#vrbuttons_help {
	float: right;
}

#middle pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/* IE6 Only \*/
* html #middle pre br {
	display: block;
}
/* IE7 Only \*/
#middlepre[className="monospace"] br {
	display: block;
}

#feedback {
	margin-top: 10px;
}

#feedback label {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

#feedback input,
#feedback textarea {
	font: 12px "Courier New",Courier,monospace;
	width: 95%;
	border: solid 1px #999999;
	background-color: #e4e4e4;
}

#feedback input.button {
	font: 14px Arial,helvetica,sans-serif,"sans serif";
	width: 160px;
	border: solid 1px #000000;
	background-color: #dddddd;
	margin-top: 15px;
}

#feedback input.button:hover,
#feedback input.button:active {
	background-color: #eeeeee;
}

/*
div.column {
	margin-left: 15px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-family: arial,helvetica,"sans serif";
	font-size: 12px;
	text-decoration : none;
}

div.columnNoMargin {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: arial,helvetica,"sans serif";
	font-size: 12px;
	text-decoration : none;
}

div.textSmall {
	font-family: arial,helvetica,"sans serif";
	font-size: 11px;
	text-decoration : none;
}

div.textBig {
	font-family: arial,helvetica,"sans serif";
	font-size: 14px;
	text-decoration : none;
	color: #333333;
}
*/