/* HTML tags */
html, body {
margin: 0px;
height: 100%;
background-color: #000033;
text-align: center; /*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: 2px; left: 5%;
padding: 0;
height: 94px;
min-width: 780px;
width: 90%;
background-image: url(../images/banner_background_2011.jpg);
background-position: left top;
background-repeat: repeat; /*for high-res or small zooms*/

}

#masthead a {color: #FFFFFF;}


#bannertab {width: 100.01%; table-layout: fixed; border-collapse: collapse;
}
#abbr { margin-left: 13.5%;
}
#title { margin-left: 18%;
}
#metabar { margin-left: 12.5%;
}
#searchbar { float: right;
}

#container { 
margin: 0 auto; /*horizontal centring compliant to standard*/
padding: 0;
top: 100px;
min-width: 780px;
width: 90%;
position: absolute; top: 100px; left: 5%;
text-align: left;
min-height: 550px; /*min-height not fully supported (IEs 6, 5.2 for Mac)*/
height: auto !important;
height: 100.01%;
background-image: url(../images/main_back.jpg);
background-position: top right;
background-repeat: repeat; 
background-attachment: fixed;
background-color: #FFFFFF;
}

#content {
width: 77%;
float: right;
padding: 0 1% 0 1%;
line-height: 130%;
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 5% !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: 22.15%;
}
#backtop { position: absolute; bottom: 0.25%; right: 0.25%;
}

/* 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*/
}