﻿body {
				background: #29426a;
				width: 100%;
				margin: 0px;
				padding: 0px;
				font-family: "lucida sans", "lucida grande", arial, sans-serif;
				font-size: 14px;
				color: #fff;
}
a {
				color: #6a2929;
				text-decoration: none;
}
a:hover {
				text-decoration: underline;
}
a:focus {
				outline: none;
}
img {
				margin-left: auto;
				margin-right:auto;
				padding: 0;
				border: 0;
}
p {
				margin: 0px 0px 15px 0px;
				line-height: 130%;
}
h4 {
				margin: 0px 0px 15px 0px;
				line-height: 130%;
}
h3 {
				margin: 0px 0px 15px 0px;
				line-height: 130%;
}
h2 {
				margin: 0px 0px 15px 0px;
				line-height: 130%;
}
h1 {
				margin: 0px 0px 15px 0px;
				line-height: 130%;
}
.widthFix {
				width: 960px;
				margin: 0 auto;
				position: relative;
}
#bg {
				width: 100%;
				height: auto;
				position: fixed;
				bottom: 0px;
				left: 0px;
				z-index: 1;
}
#compass {
				background: url(../gfx/compass.png) no-repeat;
				width: 300px;
				height: 297px;
				position: absolute;
				top: 20px;
				right: 20px;
				z-index: 10;
}
#header {
				width: 100%;
				height: 100px;
				position: relative;
				z-index: 100;
}
#header .widthFix {
				height: 100px;
}
#header .logo {
				background-image: url(../gfx/vsail4u01.png);
				background-repeat: no-repeat;
				width: 206px;
				height: 65px;
				position: absolute;
				top: 20px;
				left: 0px;
				z-index: 200;
}
#header .logo a {
				display: block;
				width: 206px;
				height: 65px;
}
#menu {
				background: url('../gfx/bg_mainNav.png') repeat;
				width: 100%;
				height: 32px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				position: absolute;
				z-index: 1000;
}
#menu .widthFix {
				height: 32px;
}
#menu .mainNav {
				position: absolute;
				top: 0px;
				left: 0px;
}
.language ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
}
.mainNav ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
}
.mainNav ul li {
				display: block;
				float: left;
				position: relative;
				margin: 0px 1px 0px 0px;
}
.mainNav ul li.item-21 {
				width: 32px;
				height: 32px;
				margin: 0 10px 0 0;
}
.mainNav ul li a {
				display: block;
				font-size: 18px;
				line-height: 100%;
				color: #fff;
				text-decoration: none;
				padding: 7px 12px;
}
.mainNav ul li:hover a {
				background-color: #fff;
				color: #29466a;
}
.mainNav ul li.current a {
				background-color: #fff;
				color: #29466a;
}
.mainNav ul li a:hover {
				background-color: #fff;
				color: #29466a;
}
.mainNav li.item-21 a {
				display: block;
				background-image: url('../gfx/home.png');
				background-repeat: no-repeat;
				background-position: 0px 0px;
				width: 32px;
				height: 32px;
				padding: 0;
				overflow: hidden;
				text-indent: -5000px;
}
.mainNav li.item-21 a:hover {
				background-position: 0px -32px;
}
.mainNav ul li ul {
				background: #fff;
				width: 180px;
				position: absolute;
				top: 33px;
				left: 0px;
				padding: 5px 0px;
				display: none;
}
.mainNav ul li:hover ul {
				display: block;
}
.mainNav ul li ul li {
				display: inline;
				margin: 0px;
				float: none;
}
.mainNav ul li ul li a {
				display: inline;
				width: 156px;
				font-size: 16px;
				color: #29466a;
				padding: 6px 12px 6px 12px;
}
.mainNav ul li ul li.current a {
				background: #29466a;
				color: #fff;
}
.mainNav ul li ul li a:hover {
				background: #29466a;
				color: #fff;
}
#menu .language {
				background: #cbd1da;
				width: 110px;
				height: 16px;
				position: absolute;
				top: 0px;
				right: 0px;
				padding: 8px 0 8px 20px;
}
.language ul li {
				display: inline;
}
.language ul li a {
				background-image: url('../gfx/flags.jpg');
				background-repeat: no-repeat;
				display: block;
				float: left;
				width: 24px;
				height: 16px;
				text-indent: -5000px;
				margin: 0 10px 0 0;
}
.language ul li.de a {
				background-position: 0px -16px;
}
.language ul li.de a:hover {
				background-position: 0px 0px;
}
.language ul li.en a {
				background-position: -24px -16px;
}
.language ul li.en a:hover {
				background-position: -24px 0px;
}
.language ul li.fr a {
				background-position: -48px -16px;
}
.language ul li.fr a:hover {
				background-position: -48px 0px;
}
/* Dropdown menu format */
/* Main page format */
#main {
				width: 100%;
				position: relative;
				z-index: 100;
				text-shadow: 1px 1px 1px #333;
				filter: dropshadow(color:#333333, offx=1, offy=1);
				padding: 60px 0 60px 0;
}
#main h1 {
				font-size: 30px;
				font-weight: normal;
}
#main h2 {
				font-size: 16px;
				font-weight: bold;
}
#main .text {
				width: 380px;
				float: left;
				padding: 0 40px 0 0;
}
#main .sitebar {
				width: 220px;
				float: left;
				padding: 0 40px 0 0;
}
#sideNav {
				width: 220px;
				margin: 0 0 30px 0;
}
#sideNav ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
}
#sideNav ul li {
				display: inline;
}
#sideNav ul li a {
				display: block;
				height: 20px;
				font-size: 12px;
				padding: 4px 15px;
				color: #fff;
				text-decoration: none;
}
.sideNav ul li.current a {
				background: url('../gfx/arrow.png') no-repeat center left;
				font-weight: bold;
				color: #000080;
}
#sideNav ul li a:hover {
				background: url('../gfx/arrow.png') no-repeat center left;
				font-weight: bold;
				color: #000080;
}
#main .emotion {
				width: 540px;
				float: left;
}
#content {
				width: 663px;
				float: left;
				position:relative;
				color:white;
				z-index:2000;
}
#contentL {
				width: 300px;
				float: left;
				position:relative;
				color:white;
				z-index:2000;
}
#contentR {
				width: 350px;
				float: right;
				position:relative;
				color:white;
				z-index:2000;
}
#footer {
				background: #fff;
				width: 100%;
				height: 26px;
				color: #29466a;
				font-size: 13px;
				position: fixed;
				left: 0;
				bottom: 0;
				z-index: 1000;
}
#footer .widthFix {
				height: 26px;
}
#footer .copyright {
				position: absolute;
				left: 0;
				top: 5px;
}
#footer .footerNav {
				position: absolute;
				left: 290px;
				top: 5px;
}
.footerNav ul {
				margin: 0;
				padding: 0;
}
.footerNav ul li {
				float: left;
				padding: 0px 35px 0px 0px;
}
.footerNav ul li a {
				color: #29466a;
}
#footer .author {
				position: absolute;
				right: 0;
				top: 5px;
}
#footer .author a {
				color: #29466a;
}
.clear {
				clear: both;
}
