html {
    font: 100%;
    background-color: white; 
    padding: 0 ; 
    margin: 0 ; 
    border: 0 ; 
}

body {
    height: 100% ; 
    width: 50% ; 
    padding:0 ; 
    margin: 0 ; 
    border:0;
    background: url(../img/background.png) no-repeat left bottom ; 
    font: Verdana Arial sans-serif.9em ;
    overflow: hidden;  
}


img {
    border: 0; 
}
/* 
 * LEFT
 * Vcenter left for title
 */
div#left {
    position:absolute; 
    right: 50%;
    width: 50% ;
    top:45%;
    padding: 1%;
    margin: 0 ; 
    text-align: right; 
    color:white;
}

#left h1 {
    font-size: 2.4em ;
    margin:.1em;
}

#left h2 {
    font-size: 1.8em ;
    margin:.1em;
}

#left img {
    padding: 0 ;
    border: 0 ;
}

/*
 * RIGHT
 */
div#right {
    position: absolute ; 
    left: 50% ; 
    right: 0; 
    padding: 1% ; 
    text-align: left ; 
    color: #800000; 
}

div#topright {
    position:absolute;
    left: 50% ;
    right: 0 ; 
    top: 0 ; 
    padding: 5% ;
    padding-left: 8% ;
    text-align: right ; 
    color: #800000; 
}


div#bottomright {
    position: absolute ;
    left: 50% ;
    right: 0 ; 
    bottom: 0 ; 
    padding: 5% ; 
    padding-left: 8% ;
    font-size: 1em ; 
    color: #800000; 
}



/*
 * MENU
 */
div#menu {
    position: absolute; 
    left: 50% ; 
    top: 50% ; 
    padding: 1%;
    padding-left: 3% ;
    font-style : italic ; 
    font-weight: bolder; 
    font-size: 1.5em; 
    z-index: 2 ; 
}

/* Hack IE */
* html div#menu {
    left: 53% ; 
}

#menu a {
    text-decoration: none ; 
    color: #800000; 
}

#menu a:hover {
    text-decoration: underline ; 
}  









/* BROL */
div.img_centre {
    position: relative;
    text-align: center;
}