html, body {
    font-family: verdana, arial, sans-serif;
    /*font-family: georgia, times, serif;*/
    font-size: 10pt;
    line-height:normal;
    margin:0px;
    padding:0px;
    background:#27408b;
}

div.container {
    margin-left:auto;
    margin-right:auto;
    width:800px;
}

div.header {
    width:100%;
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}

div.main {
    float:left;
    width:100%;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}

div.fill-centre {
    float:left;
    position:relative;
    overflow:hidden;
    width:100%;
    background:#ffffff;
}

div.fill-left {
    float:left;
    position:relative;
    right:80%;
    width:100%;
    background:#98c1d8;
}

div.left {
    font-weight:bold;
    text-align:center;
    float:left;
    position:relative;
    left:80%;
    overflow:hidden;
    width:20%;
    padding-top:3%;
    padding-bottom:3%;
    background:#98c1d8;
}

div.centre {
    float:left;
    position:relative;
    left:80%;
    overflow:hidden;
    width:74%;
    padding:3%;
    background:#ffffff;
}

div.footer {
    font-size:x-small;
    text-align:center;
    clear:both;
    padding-bottom:2%;
    padding-top:1%;
    color:#ffffff;
}

ul {
    line-height:180%;
    list-style-type:circle;
}

div h1, div h2, div h3 {
    color:#27408b;
}


div.left p {
    margin:0px;
}

div.main a, div.main a:link, div.main a:visited {
    text-decoration:none;
    color:#27408b;
}

div.main a:hover, div.main a:active {
    text-decoration:underline;
    color:#27408b;
}

div.left a, div.left a:link, div.left a:visited {
    text-decoration:none;
    display:block;
    padding:8%;
    background:#98c1d8;
    color:#27408b;
    border-top:1px solid #98c1d8;
    border-bottom:1px solid #98c1d8;
}

div.left a:hover, div.left a:active {
    text-decoration:none;
    display:block;
    padding:8%;
    background:#e5ce97;
    color:#7d3d3d;
    border-top:1px dashed #7d3d3d;
    border-bottom:1px dashed #7d3d3d;
}

img.gallery {
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:auto;
    display:block;
}

p.event {
    font-style:italic;
}

    /* #e5ce97
       #b36449
       #7d3d3d */

