/* css for the landing page */
body {
    font-family: monospace;
    margin: 0;
}

div {
    padding: 1em;
}

.yellow { background-color: #ffffee; }
.blue { background-color: #eeeeff; }
.grey { background-color: #eeeeee; }
.green { background-color: #eeffee; }
.red { background-color: #ffeeee; }

#center {
    z-index: 1;
    text-align: center;
    margin: 30px auto;
    width: 600px;
    height: 500px;
    background: transparent url(centerbg.png) no-repeat center;
}

.box {
    /* for IE */
    /* filter: alpha(opacity=90); */
    /* CSS 3 standard */
    /* opacity: 0.9; */
    /* max-width: 20%; */
    position: absolute;
}

#left {
    max-width: 20%;
    font-size: 1em;
    z-index: 1;
    left: 5px;
    top: 180px;
}

#right {
    max-width: 20%;
    font-size: 1em;
    z-index: 2;
    right: 10px;
    top: 250px;
}

#front {
    max-width: 25%;
    font-size: 1.2em;
    z-index: 2;
    left: 30%;
    top: 350px;
}

#leftback {
    max-width: 15%;
    font-size: 0.8em;
    z-index: -1;
    left: 25%;
    top: 5px;
}

#rightback {
    max-width: 15%;
    font-size: 0.8em;
    z-index: -1;
    right: 18%;
    top: 20px;
}

img {
    border: none;
}

#banner {
    z-index: 0;
}

.arrow {
    /* not in use at the moment */
    text-decoration: none;
    color: #E3FF52;

    width: 200px;
    height: 112px;
    padding: 0;
    position: relative;
    top: -250px;
}

#leftarrow {
    z-index: 1;
    float: left;
    left: -35px;
    background-image: url(/homepage/leftarrow.png);
}

#rightarrow {
    z-index: -1;
    float: right;
    right: -20px;
    background-image: url(/homepage/rightarrow.png);
}

#rightarrowlink {
    z-index: 1;
    float: right;
    right: -220px;
}

/* footer text + W3C tick images */
#footer {
    font-family: sans-serif;
    font-size: 9pt;
    max-width: 30%;
    color: #CCCCCC;
}