/* Normalise margin, padding */
/*
body, div, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, p, blockquote, th, td { 
	font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica,Sans-Serif;
	font-size:100%;
}
*/

/* no underlining of links, they have a different colour already */
a { text-decoration: none; }

pre {
	font-family: monospace;
	background-color: #e0e0e0;
	padding: 5pt 2pt 5pt 2pt;
	border-width: 1px;
	border-style: solid;
}

body {
	font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica,Sans-Serif;
	font-size:110%;
	background-color: #00223d;
	margin : 0px 0px 0px 0px; 
    padding : 0px 0px 0px 0px; 
}

div#main h1 { font-size: 180%; font-weight: bold; }
div#main h1 .byline { font-size: 80%; font-style: italic; }
div#main h2 { font-size: 120%; font-weight: bold; margin-top: 0.5em; }
div#header_wrap h1 { font-size: 180%; font-weight: bold; color: #e0e0e0; }

.hrline { width: 100%; }

.cbox {
	float:left; width: 33%; 
	background-color:#f0f0f0; 
	padding-bottom: 500em; margin-bottom: -500em;
}
.sbox {
	float:left; width: 1%; 
	padding-bottom: 500em; margin-bottom: -500em;
}

.infobxbg1 { background-color:#c0ffc0; }
.infobxbg2 { background-color:#c0c0c0; }
.infobxbg3 { background-color:#c0c0ff; }
.infobxbg4 { background-color:#ffc0c0; }

.worldmapbox { 
	width: 250px; 
	padding: 2pt; 
	margin: 0pt;
	float: right;
	border-style: solid;
	border-width: 1px;
	background-color: #f0f080; 
}
.worldmaptitle {
	text-align: center;
}
.solidboxed {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
}

.newsbox { 
	padding: 2pt 5pt 0pt 5pt;
	font-size: 80%;
}

.logobox { padding: 2pt; border: 0; }

.navigation_logo {
    width: 100px;
    position: relative;
    margin: 15px 5px 10px 20px;
}
.project_title {
    float: right;
    width: calc( 90% - 10pt );
    margin-top: -55pt;
}

.menuwindowbox { 
	padding-left: 2pt; 
	padding-right: 2pt; 
	height: 100%;
	background-color: #e0e0e0;
}

.plainlist { list-style: none; }
.compactlist { list-style: none; margin: 0; padding: 0; }
.listspaceitem { padding-top: 1em; }
.listsmallitem { font-size: 80%; margin-left: 1em; }
.menulist { margin: 0; padding: 0 0 1em 0; }
.emailaddr { font-family: monospace; font-size: 140%; }
.byline { font-size: 80%; }
.acknowledgement { font-size: 60%; font-style: italic; }
.bodylist { }

div#area {
	background-color: #ffffff;
	height: 100%;
}

div#header_wrap {
    overflow: hidden;
    height: 5%;
    width: 100%;
    background-color: #00223d;
}

div#main {
	background-color: #ffffff;
	height: 95%;
	/* overflow: hidden; */
    /* position: fixed; */
}

div#menu-l {
    position: absolute;
	float: left; 
	width: 10%;
    padding: 0pt 5pt 1ex 10pt;
	margin: 0pt 0pt 0pt 0pt;
	/* background-color: #00223d; */
	font-size: 80%;
	clear:both; 
    color: #ffffff;
	height: auto;
}
#menu-l :visited {
    color: #e0e0e0;
}
#menu-l :link {
    color: #f0f0f0;
}
#menu-l h2 { font-size: 120%; font-weight: bold; margin-top: 0.5em; margin-bottom: 0pt; }

div#content-main {
	background-color: #ffffff;
	position: absolute;
	float: right;
	width: calc( 90% - 18pt );
	padding: 2pt 4pt 2pt 4pt;
	margin: 0ex 0pt 0ex calc( 10% + 10pt ); 
	clear:both; 
	height: auto;
}

div#inset-box {
	float: right;
	width: 20em;
	margin: 2pt 2pt 2pt 20pt;
	padding: 0.5em 1em 0.5em 1em;
	border-style: solid;
	border-width: 1px;
	background-color: #f0f0f0;
}

.infoboxset {
	width: 100%; clear:both; overflow: hidden;
	background-color: #ffffff;
	margin-bottom: 0.5em;
}

div#content-main p { padding-bottom: 0.5em; }