html {
	height: 100%
}

body {
	background-color: #ccc;
	color: #000;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.container {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 825px;
	border-left: solid 1px #000;
	border-right: solid 1px #000
}

.header {
	width: 100%
}

.header h1 {
	background-color: #313797;
	color: #fff;
	margin: 0;
	padding: 0;
}

.header ul {
	margin: 0;
	padding: 0
}

.header ul li {
	display: table-cell;
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 5px;
	width: 153px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 2px #000
}

.menu {
	float: left;
	margin: 5px;
	padding: 0;
	width: 160px
}

.menu h2 {
	background-color: #313797;
	color: #fff;
	margin: 0;
	padding: 0 5px
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	margin: 0;
	padding: 5px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000
}

.main {
	float: left;
	margin: 5px;
	padding: 0;
	width: 645px
}

.main h2 {
	border-left: solid thick #313797;
	border-bottom: solid thin #313797
}

.main h3 {
	border-left: solid 0.75em #313797
}

.main li p {
	margin: 0
}

.lang {
	text-align: right;
	display: block
}

.lang ul li {
	display: inline;
	list-style-type: none;
	margin: 20px
}

.footer {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000
}

.figure {
	margin-bottom: -0.25em
}

.figure+p {
	margin-top: 0
}

table {
	background-color: #fff;
	border-spacing: 0;
	color: #000
}

table, th, td {
	border: thin solid #000
}

table table {
	border: none
}

table table td {
	border: none
}

a:active {
	color: #f00
}

a:link {
	color: #00f
}

a:visited {
	color: #f0f
}

img {
	border: 0
}

.header ul li a, .menu ul li a, .lang ul li a {
	text-decoration: none
}

.header ul li a:hover, .menu ul li a:hover, .lang ul li a:hover {
	background-color: #ccc
}