body
{
    width: 100%;
    height: 100%;
    background-color: #ffffff;/*THIS IS BACKGROUND COLOUR FOR WHOLE PAGE WHICH MIGHT BE DIFFERENT FROM THAT IN THE CENTRAL CONTAINER*/
    color: #333333;/*THIS REFERS TO THE TEXT COLOUR*/
    font-family:Times,verdana,helvetica,sans-serif;
    font-size: 80%;
}
#container
{
    position: relative;
    margin: 0px auto 0px auto;/*THIS REFERS TO THE SPACE AROUND THE CONTAINER OUTSIDE*/
    width: 780px;
    height: 630px;
    padding: 40px 10px 0px;/*THIS REFERS TO THE SPACE BETWEEN THE CONTENT AND THE LIMITS OF THE CONTAINER*/
    line-height: 110%;/*THIS REFERS TO THE DISTANCE BETWEEN LINES*/

}

#container2
{
    position: relative;
    margin: 0px auto 0px auto;/*THIS REFERS TO THE SPACE AROUND THE CONTAINER OUTSIDE*/
    width: 800px;
    height: 700px;
    padding: 40px 10px 0px;/*THIS REFERS TO THE SPACE BETWEEN THE CONTENT AND THE LIMITS OF THE CONTAINER*/
    line-height: 110%;/*THIS REFERS TO THE DISTANCE BETWEEN LINES*/

}

#div1{
position: absolute; top:0px; left:1px; width:800px; height:5px; padding: 0px; background-color: #f5ac00;
}

#div2{
position: absolute; top:5px; left:0px; width:160px; height:655px; padding-left: 10px;  padding-top: 20px; background-color: #000000; z-index: 2; border: 1px solid #ffffff; line-height:110%;
}

#div3{
position: absolute; top:5px; left:171px; width:609px; height:670px; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 5px; background-color: #22357A; z-index: 3; border: 1px solid #ffffff; line-height:150%;
}

#div4{
position: absolute; top:116px; left:301px; width:360px; height: 80px; padding: 5px; background-color: transparent; z-index: 4; line-height:normal; text-align:center;
}

#div5{
position: absolute; top:530px; left:201px; width:560px; height: 80px; padding: 5px;; background-color: transparent; z-index: 5; line-height:normal; text-align:center;
}

#div6{
position: absolute; top:353px; left:303px; width: 500px; height: 400px; padding: 10px;; background-color: #000000; z-index: 14;
}

#div7{
position: absolute; top:296px; left:246px; width: 550px; height: 450px; padding: 10px;; background-color: #bbbcbe; z-index: 15; border: 1px solid #ffffff;
}

#div8{
position: absolute; top:241px; left:191px; width: 600px; height: 500px; padding: 10px;; background-color: #a52b31; z-index: 16; border: 1px solid #ffffff;
}

#div9{
position: absolute; top:185px; left:135px; width: 650px; height: 550px; padding: 10px;; background-color: #93beef; z-index: 17; border: 1px solid #ffffff;
}

#div10{
position: absolute; top:129px; left:79px; width: 700px; height: 600px; padding: 10px;; background-color: #c9dff7; z-index: 18; border: 1px solid #ffffff;
}

#div11{
position: absolute; top:105px; left:0px; width:816px; height: 15px; padding: 0px;; background-color: #000000;  border: 1px solid #ffffff; z-index: 19;
}

#div12{
position: absolute; top:682px; left:1px; width: 800px; height:5px; padding: 0px; background-color: #f5ac00; z-index: 20;
}

#div13{
position: absolute; top:5px; left:0px; width:780px; height:100%; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 5px; background-color: #22357A; z-index: 3; border: 1px solid #ffffff; line-height:150%;
}

#div14{
position: absolute; top:746px; left:0px; width: 800px; height:5px; padding: 0px; background-color: #f5ac00;
}

.class1 A:link {text-decoration: none; color: #f5ac00;}
.class1 A:visited {text-decoration: none; color: #f5ac00;}
.class1 A:active {text-decoration: none; color: #ffffff;}
.class1 A:hover {text-decoration: none; color: #ffffff;}

.class2 A:link {text-decoration: none; color: #ABABAB}
.class2 A:visited {text-decoration: none; color: #ABABAB;}
.class2 A:active {text-decoration: none; color: #ABABAB;}
.class2 A:hover {text-decoration: none; color: #ffffff;}