html {
	height: 100%;
	background-color: #14536A;
}

body {
	margin: 0 0 0 0;
	padding: 0;
	background: #07455C url(../img/back.gif);
	background-color: #07455C;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9pt;
	color: #fff;
	width: 100%;
}
body.nested {
	background-color: #14536A;
	background-image: none;
}
img {
	border: none;
}

a {
	color: #fff;
}

p{
text-align:justify;}

h1 {
	background-color: #A7C193;
	border: 1px solid #D3E0C9;
	padding: 5px;
	color: #14536A;
	font-size: 1.3em;
	font-variant: small-caps;
	margin-top: 4px;
}

select {
	border: 1px solid #D3E0C9;
}

ul {
	list-style-type: square;
}
ul li label {
	color: #fff;
}
table {
	font-size: 1em;
}

table.standard th,
table.standard td,
table.standard {
	border-collapse: collapse;
	border: 1px solid #527A88;
	padding: 3px;
}

table.standard th {
	text-align: center;
	font-size: 1.1em;
	background-color: #527A88;
}
/******************************
 * Main content 
 */
#content {
	margin: 0 5% 0 5%;
	padding: 15px 20px 15px 20px;
	background-color: #07455c;
	border: solid #06374a;
	border-width: 0 1px 1px 0;
	min-width: 650px;
	min-height: 410px;
}

/* Skinning */
#cross-topleft, #cross-bottomright {
	background: transparent url(../img/cross.gif) no-repeat top left;
	width: 10px;
	height: 10px;
}
#cross-topleft {
	position: absolute;
	top: 40px;
	left: 5%;
	z-index: 2;
	margin-left: -5px;
}
#skintop {
	background: transparent url(../img/back-top.gif);
	margin: 0 0 0 5%;
	height: 45px;
}
#skinbottom {
	background: transparent url(../img/back-top.gif);
	height: 45px;
}
#square-topleft,
#square-bottomright{
	background: transparent url(../img/back-square.gif);
	margin: 0;
	width: 5%;
	height: 45px;
}
#square-topleft {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
#square-bottomright {
	float: right;
}
#cross-bottomright {
	margin: -5px -5px 0 0;
	float: right;
}
/*************************************
 * Navigation
 */
div.nav {
	border: solid #fff;
	border-width: 0 0 1px 0;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}

div.nav ul {
	text-align: right;
	margin: 0;
	padding: 3px 0 0 0;
}

div.nav ul li {
	display: inline;
	padding: 0 3px 0 3px;
	margin: 0;
}

div.nav .title {
	float: left;
}

/*************************************
 * Generic layer (language switching, explanations...)
 */
div.gen-layer, div.main {
	margin: 0 0 10px 0;
	border: solid #06374a;
	border-width: 0 1px 1px 0;
}
div.gen-layer {
	padding: 5px;
	background-color: #14536a;
}
div.main {
	padding: 0;
	background: #346779 url(../img/back-main.gif);
}

div.main div.sides {
	padding: 5px;
	height: 50px;
	vertical-align: middle;
}
div.main div.plain {
	background-color: #14536a;
	padding: 5px;
	text-align: center;
}

div.credits {
	text-align: center;
	background: transparent url(../img/credits-back.gif) repeat-x center left;
	margin: 0;
	font-size: 80%;
	width: 100%;
}
div.credits div {
	background-color: #07455c;
	padding: 0 30px 0 30px;
	margin: 0 40% 0 40%;
}
li.access {
	font-variant: small-caps;
	height: 39px;
}
li.access a {
	background: transparent url(../img/access.gif) no-repeat left;
	height: 39px;
	padding: 12px 0 12px 45px;
	text-decoration: none;
}
li.access a span {
	background: transparent url(../img/content/back-elt.gif) repeat-x bottom left;
}
/********************************************
 * Generic classes
 */

.float-left {
	float: left;
}
