body 
{
   background-color: #FCEBCC;
}

.clear
{
    clear: both;
}

form
{
    margin: 0;
    padding: 0;
}

#MainArea 
{
    width: 960px;
    margin: 0 auto;
}

#Header
{
    color:#7F2048;
    margin-top: 1em;
    font-variant: normal;
    text-shadow: 3px 5px 5px #D8C094;
    padding: 0 0 0 0.7em;
}

#Header h1
{
    font-size: larger;
}

#Header p
{
    font-size: medium;
}



#Main
{
    margin-top: 2em;
    box-shadow: 8px 8px 38px 7px rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #FFFDF9;
}



#Navigation
{
    height: 2.1em;
    background-color: #5C082B;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    margin: 0;
    padding: 0;
}

#Navigation ul
{
    list-style: none;
    margin: 0;
    padding: 0.3em 0.1em;
}

#Navigation li
{
    display: inline;
}

#Navigation ul li a, #Navigation ul li a:visited
{
    float: left;
    width: auto;
    margin: 0;
    text-decoration: none;
    color: white;
    background-color: #5C082B;
    padding: 0.2em 0.7em;
    border-right: 0;
}

#Navigation ul li a:hover
{
    -webkit-transition: background-color ease-in-out 200ms;
    -o-transition: background-color ease-in-out 200ms;
    -moz-transition: background-color ease-in-out 200ms;
    transition: background-color ease-in-out 200ms;

    background-color: #7F2048;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 4px;
}

#Navigation ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

#Content
{
    background-color: #FFFDF9;
    margin: 2em;
    min-height: 400px;
}

#Content h1
{
    font-size: larger;
}

#Content h2
{
    font-size: large;
}

#Content p
{
    font-size: medium;
}



#Content .mainimage
{
    float:left;
    margin: 0 1.8em 1.9em 0.2em;
    width: 38%;
}

#Content #logopart, #Content #textpart
{
    margin-top: -230px;
}

#Content #boalogo
{
    width: 80%;
    padding: 10%;
}

#Content #vodlogo
{
    width: 100%;
    padding: 0;
}

#Content .logos
{
    float: right;
    width:50%;
    padding: 0;
}


.textcolumn
{
    margin-left: 370px;
    padding-top: 0;
    padding-left: 5px;
}

#defaulttext
{
    padding-top: 210px;
    padding-bottom: 0;
}
#defaulttext p 
{
    font-size:larger;
    line-height:25px;
}


.livegrid
{
    border:0;
    font-size: small;
    margin-bottom: 0;
    padding-bottom: 0;
}

.livegrid .item_datum
{
    border-style: none;
    border:0;
    width:7em;
    padding: 6px 8px;
    font-size: small;
    text-align: right;
    vertical-align:text-bottom;
    border-right: solid 2px #5C082B;
}


.livegrid .item_text
{
    width:auto;
    border-style: none;
    padding: 6px 8px;
    font-size: small;
    vertical-align:text-bottom;
    
}

#maps
{
    float:left;
    width:10em;
    margin: 2em 0 4em 0;
}


#Footer
{
    height: 2.0em;
    background-color: #5C082B;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: white;

    font-size:small;

    padding: 0.8em 0 0.1em 0;
    margin: 0;
}

#Footer ul
{
    list-style:none;
    margin: 0;
    padding-left: 1.1em;
}

#Footer li
{
    display: inline;
    margin-right: 0.9em;
}
#Footer li.item::after
{
    margin-left: 0.9em;
    content: "\0020\007C\0020";
}

#Footer a, #Footer a:visited
{
    text-decoration: none;
    color: white;
    background-color: #5C082B;
}