/* CSS by Philippe Robert, http://www.eyescale.ch/ */
/* All associated graphics copyright 2009, Eyescale */

body, html
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px "Lucida Sans Unicode", "Arial", sans-serif;
    background: #004080 url(images/frame.png) repeat-y fixed top center;
    text-align: center;
    height: 100%;
    }
a
    {
    color: #307082;
    }
a:hover
    {
    color: #D60808;
    }
acronym
    {
    border: none;
    }

img.floatLeft 
    { 
    float: left; 
    margin: 4px; 
    }
img.floatRight 
    { 
    float: right; 
    margin: 4px; 
    }

#address h3 span, #lselect h3.select
    {
    display:none;
    }

#container
    {
    width: 724px;
    min-height: 100%;
    margin: 0 auto;
    left: 0%;
    right: 0%;
    position: absolute;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
* html #container
    {
    width: 724px;
    }

#header 
    {
    margin: 0 10px auto 0;
    }

#body
    {
    margin: 190px 0 auto 210px;
    }

#body #intro .p0
    {
    text-align: justify;
    }
#intro .p0 span
    {
    font: 12px/150% Lucida Sans Unicode, Arial;
    }
#intro h3
    {
    font: 16px/150% Lucida Sans Unicode, Arial;
    }
#intro h4
    {
    font: 14px/150% Lucida Sans Unicode, Arial;
    }
#intro ul li
    {
    text-align: justify;
    font: 12px/150% Lucida Sans Unicode, Arial;
    }

#intro .linkedin span
    {
    display: block;
    margin: 0;
    text-align:justify;
    font: 12px/150% Lucida Sans Unicode, Arial;
    }

#container #news
    {
    text-align: justify;
    font: 12px/150% Lucida Sans Unicode, Arial;
    }
#news .p0
    {
    }
#news .p0 span
    {
    font: 12px/150% Lucida Sans Unicode, Arial;
   }
#news h3
    {
    font: 16px/150% Lucida Sans Unicode, Arial;
    }
#news h4
    {
    font: 14px/150% Lucida Sans Unicode, Arial;
    }
  
#container #linkList
    {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 180px;
    height: 380px;
    }
#linkList .p0 span
    {
    margin: 0 0 0 20px;
    font: 12px/150% Lucida Sans Unicode, Arial;
    }
#linkList img
    {
    width: 40px;
    height: 53px;
    }
#lselect ul
    {
    list-style-type: none;
    margin: 0 0 0 0;
    }
#lselect ul li a
    {
    text-decoration: none;
    display: block;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
#lselect ul li
    {
    font: 12px/150% Lucida Sans Unicode, Arial;
    border-bottom: 1px solid #E6EEF0;
    }

#header #logo
    {
    position:absolute;
    top:6px;
    left: 0px;
    width: 100px;
    height: 52px;
    background: url("images/logo.png") no-repeat;
    }

#header #logotext 
    {
    position:absolute;
    top:-6px;
    left: 160px;
    width: 500px;
    height: 56px;
    }
#logotext .p0 span
    {
    display: block;
    font: 12px/150% Lucida Sans Unicode, Arial;
    font-style:italic
    }
#lang .p0 span
    {
    position:absolute;
    text-align: right;
    top:40px;
    left: 0px;
    width: 734px;
    font: 11px/150% Lucida Sans Unicode, Arial;
    }

#menutop
    {
    position:absolute;
    top:44px;
    left: 0px;
    width: 744px;
    height: 56px;
    }
#menutop img
    {
    width: 100%;
    height: 80px;
    }

#spacehack
    {
    margin: 4px; 
    }

#footer
    {
    position:absolute;
    bottom:0px;
    right:20px;
    left:220px;
    color: gray;
    height: 24px;
    text-align: right;
    font-size: 11px;
    border-top: 1px solid gray;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }