html,body {
	margin: 0;
	padding: 0;
	// background-image: url(gras.jpg);
	background: #465470;
	height: 100%;
}

body {
	font-size: 85%;
	font-family: Arial,serif;
	text-align: center;
}

form {
	border: none;
	margin: 0;
	padding: 0;
}

table, li {
	border: none;
	margin: 0px 10px;
	padding: 0;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 100%;
}

p {
	margin: 10px 15px
}

a {
	text-decoration: underline;
	color: #007077;
}

div#header {
	margin: 5px 0px 5px 25px;
}

div#header h1 {
	height: 60px;
	line-height: 80px;
	margin: 0;
	padding-left: 10px;
}

div#header h2 {
	height: 60px;
	margin: 0;
	padding-left: 15px;
}

div#container {
	text-align: left
}

div#content {
	background: #FFFFFF;
	transparency: 50%;
}

div#content p {
	line-height: 1.4
}

div#navigation {
	background: #465470;
}

div#navigation a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

div#navigation ul {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
}

div#navigation li {
	margin-bottom: 5px;
}

div#extra {
	background: #b9bec8;
}

div#extra strong {
	color: #FF0000;
}

div#footer {
}

div#footer p {
	margin: 0;
	padding: 5px 10px;
	color: #FFFFFF;
}

div#footer a {
	color: #FFFFFF;
}
	
div#container {
	width: 1000px;
	margin: 0 auto
}

div#content {
	float: left;
	width: 800px;
}

div#navigation {
	float: right;
	width: 200px;
}

div#extra {
	float: left;
	width: 800px;
}

div#footer {
	clear: both;
	width: 100%;
	font: 70%;
}

.error {
	color: #FF0000;
}

.status {
	color: #009900;
}