/* HTML tags */
html, body {
margin: 0px;
height: 100%;
background-color: #FFFFFF;
text-align: left; /*center the contents in browser, text is re-left-aligned in the container*/
}
form {
margin: 0;
}
img {
border: 0;
}
/* Layout DIVs */
#masthead {
margin: 0 auto; /*for horizontal centring of container compliant to standard*/
text-align: left; /*left-alignment of contents in container*/
position: absolute; top: 0px;
padding: 0;
width: 660px;
background-color: #FFFFFF;
}

#bannertab { width: 100.01%; table-layout: fixed; border-collapse: collapse;
}
#abbr { margin-left: 9.5%;
}
#title { margin-left: 11.5%;
}
#metabar { display: none;
}
#searchbar { display: none;
}

#container { 
margin: 0 auto; /*horizontal centring compliant to standard*/
padding: 0;
width: 660px;
position: absolute; top: 101px;
text-align: left;
height: auto !important;
background-color: #FFFFFF;
}

#content {
width: 77%;
float: right;
margin-left: 1px;
line-height: 110%;
text-align: left; /*left-alignment of contents in container*/
border-left: 1px solid #CCCCCC;
}
/*Correctures for IE 5.x */
* html #content {  
width: 79%; /*total width for IE 5.x*/
w\idth: 77%; /*re-define width for IE 6 and later which interprete correctly*/
}

/* Layout of the menu and its lists and bullets */
#menu {
width: 20%;
float: left;
margin: 0;
/*padding-top: 0.6%;*/
background-color: transparent;
}
/*Correctures for IE */
* html #menu {  
padding-top: 1.2%; for IE 5 and 6*/
}
#nav {
width: 97.99%;
margin-left: 0;
padding: 5% 0 0 2%;
list-style-type: none;
line-height: 1em;
text-align: left;
background-color: transparent;
}
/*Correctures for IE 5.x */
* html #nav {  
width: 99.99%; /*total width for IE 5.x*/
w\idth: 97.99%; /*re-define width for IE 6 and later which interprete correctly*/
}
#nav ul {
margin: 0 0 0 0;
padding: 0 0 0 1% !important;
text-align: left;
list-style-type: none;
}
#nav li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration: none;
}
#nav a {
display: block;
border-top: 1px solid black;
padding: 2.3% 0 2.3% 0 !important;
text-decoration: none;
/*line-height: 0.9em;*/
}
/*Corrections for IE*/
* html #nav a {
width: 99.99%;
w\idth: 97.99%;
}

/* Last modified dat and back-to-top button on the bottom */
#lastmod { position: absolute; bottom: 0.25%; left: 23.5%;
}
#backtop { display: none;
}

/* Layout classes for photo and graphic containers, and for pictures themselves */
.photo { /*box for medium pictures which takes about 35% of the contents width*/
margin-top: 0.5%;
float: right;
width: 33.5%;
padding: 0 0 0 1.5%;
text-align: right;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif, monospace; font-size: 11px; line-height: 1.1em;
}
.graphic { /*box for larger pictures which takes about 50% of the contents width*/
margin-top: 0.5%;
float: right;
width: 48.5%;
padding: 0 0 0 1.5%;
text-align: right;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif, monospace; font-size: 11px; line-height: 1.1em;
}
.logo { /*box for small pictures which takes about 13.5% of the contents width*/
margin-top: 0.5%;
float: right;
width: 13.5%;
padding: 0 0 0 1.5%;
text-align: right;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif, monospace; font-size: 11px; line-height: 1.1em;
}
.picture { /*for full use of chosen box*/
width: 97%;
padding: 1% 0 1% 0;
border-left: 8px solid #FFFFFF;
}
Correctures for IE 5.x */
* html .photo {  
width: 34.95%; /*total width for IE 5.x*/
w\idth: 33.5%; /*re-define width for IE 6 and later which interprete correctly*/
}
* html .graphic {  
width: 49.95%; /*total width for IE 5.x*/
w\idth: 48.5%; /*re-define width for IE 6 and later which interprete correctly*/
}
* html .logo {  
width: 14.95%; /*total width for IE 5.x*/
w\idth: 13.5%; /*re-define width for IE 6 and later which interprete correctly*/
}
* html .picture {  
width: 101.99%; /*total width for IE 5.x*/
w\idth: 97.99%; /*re-define width for IE 6 and later which interprete correctly*/
}