/*
Blue: #0079C1;
L Blue: #00ADEE;
LL Blue: #A9E0F9;
Green: #7BC143;
*/
html, body{
    min-height:100%;
}

body{
    width:850px;
    margin:10px auto;
    border:1px solid #7BC143;
    font-family:Arial, sans-serif;
    font-size:10pt;
}

#head{
    width:auto;
    margin-bottom:10px;
    text-align:right;
    height:175px;
    }

#nav{
    width:150px;
    float:left;
    margin-left:10px;
}

#main{
    margin:0 10px 0 200px;
    text-align:justify;
    min-height:500px;
    padding-bottom:20px;
    border-top:1px solid #7BC143;
}

#nav ul{
    list-style:none;
    margin:0;
    padding:0;
}

#nav ul li{
    text-align:left;
    font-family: "GillSans",Arial, sans-serif;
    font-size:15pt;
    text-transform:lowercase;
    font-weight:bold;
    letter-spacing:-0.065em;
}

#nav ul li a, #nav #selected{
    text-decoration:none;
    display:block;
    width:100%;
    margin-bottom:1px;
    padding:2px 5px;
    border: 2px solid #9B9B9B;
}

#nav ul li a:hover, #nav #selected{
    border: 2px solid #9B9B9B;
}

.link1{
    background-color:#7BC143;
    color:#FFF;
}

.link2{
    background-color:turquoise;
    color:#FFF;
}

.link3{
    background-color:#0079C1;
    color:#FFF;
}

.link4{
    background-color:#E50278;
    color:#FFF;
}

h3{
    text-transform:uppercase;
}

#home{
    color:#7BC143;
}

#programme{
    color:#0079C1;
}

#details{
    color:#E50278;
}

#main a, .note a{
    text-decoration:none;
    color:#0079C1;
}

#main a:hover, .note a:hover{
    text-decoration:underline;
}

.note{
    font-size:smaller;
    text-align:center;
    margin:10px;
}