/*
COLORS:
Jakera student logo, CREAM: #FFFFCC
Topp logo GREEN background: #006553
YELLOW header band: #FDBE11
Pretty LIGHT GREEN colour: #C4E5DB
Reduced alpha on top VERY LIGHT GREEN: #E5EFED
*/


    body {
        background: white;
        color: black;
        margin: 0;
        padding: 20px 60px 20px 20px;
        /* Note that Opera imposes a default padding on the body
        = it's a good practise to define all parameters!*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    a {
        color: blue;
        /*text-decoration: none;*/
    }

    a:hover {
        color: #006553;
    }

    b {
        color: #006553;
    }

    p {
        font-size: 80%;
    }


    /********** TOP HEADER ***********/

    #topheader {
        background: #006553 url(../images/bgr_logo.gif) no-repeat top right;
        margin: 0px 7px 0px 7px;
        padding: 25px 0 7px 0;
    }

    #topheader p {
        color: white;
        font-weight: bold;
        margin: 0 0 0 10px;

    }

    #topheader h1 {
        color: white;
        font-size: 130%;
        font-weight: normal;
        margin: 0 0 0 20px;
    }


    /********** TOP BANNER ***********/
    
    #topbanner {
        background: #FDBE11;
        margin: 0px 7px 0px 7px;
        padding: 0;
    }

    #topbanner p {
        margin: 0px 20px;
        text-align: right;
    }



    /********** RIGHT BOX ***********/

    #rightbox {
        position: relative;
        left: 388px;
        background: white;
        margin: 0px 395px 0px 0px;
    }



    /********** MAIN CONTENT ***********/

    #main_content {
        background: white;
        margin: 20px 0 0 7px;
        padding: 10px 0 20px 0;
    }

    #main_content p {
        font-weight: normal;
        margin: 10px 0px 0px 10px;
        font-size: 0.8em;
        text-align: justify;
    }

    #main_content hr {
        margin: 0px 0px 0px 10px;
        color: #006553;
        height: 1px;
    }
    
    #main_content h1 {
        margin: 0px 0px 0px 10px;
        color: #006553;
        font-size: 100%;
    }


    /********** NEWSFLASH + DID YOU KNOW ***********/

    #newsflash {
        background: #E5EFED;
        margin: 7px 0px 0px 7px;
        padding: 7px;
    }

    #newsflash p {
        margin: 0;
        color: blue;
        font-size: 0.7em;
        text-align: left;
    }
    
    #didyouknow {
        background: #E5EFED;
        margin: 7px 0px 0px 7px;
        padding: 7px;
    }

    #didyouknow p {
        margin: 0;
        color: blue;
        font-size: 0.7em;
        text-align: left;
    }
    

    /********** NAVLIST ********/


    #navlist {
        width: 381px;
        height: 160px;
        background: #E5EFED;
        margin: 0;
        position: absolute;
        left: 27px;
        top: 117px;
    }

    #navlist p{
        margin: 2px 0 0 30px;
        font-size: 11px;
    }


    #navlist p.level1 {
        margin: 20px;
        font-size: 14px;
    }

    #navlist p.level2 {
        margin: 5px 0 0 30px;
        font-size: 11px;
    }





    #navlist a:link, #navlist a:visited {
        color: blue;
    }

    #navlist a:hover, #navlist a:active {
        color: #006553;
    }



    /********** MAIN PICTURE ********/

    #main_pic {
        background: white;
        margin: 0px 0px 0px 0px;
        width: 381px;
        position: absolute;
        left: 27px;
        top: 284px;
    }


    /********** FOOTER ********/

    #footer {
        background: white;
        margin: 40px;
    }

    #footer p {
        text-align: center;
        margin: 0 0 0 0;
        font-size: 70%;
    }