body {
    background: #f7f3f7;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    overflow: scroll;
    width: 1100px;
}

img {
    max-width: 100%;
    height: auto;
    border-color: #000;
}

a:link, a:visited, a:hover, a:active, a:enabled {
    text-decoration: none;
}

#container {
    width: 800px;
    margin: 0 auto;
    padding-top: 200px;
    padding-left: 240px;
    position: absolute;
    top: 0;
}

#RegistrationForm {
    padding-bottom: 20px;
    width: 90%;
}

#details {
    vertical-align: middle;
    padding: 10px 20px 10px 20px;
    margin: 0px 50px 20px 50px;
    width: 100%;
}

#yourBooking {
    vertical-align: middle;
    padding: 10px 20px 10px 20px;
    margin: 0px 50px 20px 50px;
    width: 100%;
}

#SpecialRequirements {
    border: 1px solid grey;
    padding: 10px 20px 10px 20px;
    margin: 0px 100px 20px 100px;
}

.txtRequirementsText {
    width: 300px;
    height: 70px;
}

#ScientificProgramme {
    border: 1px solid grey;
    padding: 10px 20px 10px 20px;
    margin: 0px 100px 20px 100px;
}

#CancellationPolicy {
    border: 1px solid grey;
    margin: 0px 100px 20px 100px;
    text-align: center;
}

#submit {
    padding: 10px 20px 10px 20px;
    margin: 0px 100px 20px 100px;
    text-align: center;
}

.rdoPolicy {
    padding-top: 15px;
    font-size: 1em;
}

.rdoScientific {
    padding-left: 80px;
}


.HeaderBanner {
    text-align: center;
    color: #000;
    vertical-align: middle;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index:-1;
}

#HeaderHome {
    position: relative;
    margin: 0px;
    padding-bottom: 0px;
    color: #000;
}

#BannerImage1 {
    display: inline-block;
    float: left;
    padding: 0px 0px 0px 15px;
}

#HeaderText {
    display: inline-block;
    padding: 0px 10px 2px 10px;
    width: 90%;
    margin-left: 2px;
}

#BannerImage2 {
    display: inline-block;
}

#LogoMenu {
    width: 200px;
    z-index: 1;
}

.menu {
    height: auto;
}

    .menu ul {
        list-style: none;
        padding: 0px;
        z-index: 9999;
        margin-top: 2px;
        height: auto;     
    }

        .menu ul li a {
            border: 1px #fff solid;
            color: #fff;
            display: block;
            font-size: 1.4em;
            padding: 0px 4px 4px 4px;
            text-decoration: none;
            white-space: nowrap;
            text-align: left;
            border-radius: 5px;
            background-color: #996699;
            text-align: center;
            height: auto;       
            width: 190px;
        }

div.menu ul li a:visited {
    border: 1px #fff solid;
    color: #fff;
    display: block;
    font-size: 1.4em;
    padding: 0px 4px 4px 4px;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
    border-radius: 5px;
    background-color: #996699;
    text-align: center;
    max-width: 100%;
    height: auto;
}

.menu ul li a:hover {
    background-color: #fff;
    color: #996699;
    border: 1px #fff solid;
}

.menu ul li a:selected {
    background-color: #fff;
    color: #996699;
    border: 1px #fff solid;
}

.Submenu {
    margin-left: 10;
}

#oxfordImage {
    position: fixed;
    float: right;
    margin-left: 84%;
}

#Jason {
    width: 24%;
    display: inline-block;
    text-align: center;
}

#Lesley {
    width: 24%;
    display: inline-block;
    text-align: center;
}

#Ahmet {
    width: 24%;
    display: inline-block;
    text-align: center;
}

#Fransesc {
    width: 24%;
    display: inline-block;
    text-align: center;
}

#ContentList {
    display: inline-block;
    padding-left: 8%;
    float: left;
    max-width: 35%;
}

#KebleImage {
    display: inline-block;
}