body { 
    color: rgb(0, 0, 0);
    direction: ltr;
    background-color: rgb(255, 255, 255);
}

div.body { 
    min-width: 640px;
    position: relative;
    width: 100%;
}

h1, h2, h3 { 
    font-family: Arial,Helvetica,sans-serif;
}

p { 
    font-family: "Times New Roman",Times,serif;
}

a:link { 
    color: rgb(51, 102, 255);
}

a:visited { 
    color: rgb(204, 102, 204);
}

a:hover { 
    color: rgb(51, 102, 255);
    background-color: rgb(240, 158, 170);
}

a:active { 
    color: rgb(255, 0, 0);
    background-color: rgb(192, 192, 192);
}

div.titlestrap { 
    top: 0px;
    height: 120px;
    min-height: 120px;
    width: 98%;
    left: 1%;
    position: absolute;
    background-color: rgb(0, 0, 0);
    padding-left: 10px;
}

div.leftimage { 
    position: absolute;
    top: 2px;
    z-index: 3;
    left: 0px;
    height: 116px;
    padding-top: 2px;
}

div.rightimage { 
    right: 0px;
    position: absolute;
    top: 2px;
    z-index: 2;
    height: 116px;
    padding-top: 2px;
}

div.centreimage { 
    text-align: center;
    display: block;
    margin: 0 auto;
    top: 2px;
    z-index: 4;
    height: 116px;
}

div.title { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24pt;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    padding-top: 24pt;
    z-index: 5;
    position: absolute;
    float: none;
    width: 98%;
    background-color: transparent;
 }

div.breadcrumb { 
    top: 120px;
    position: absolute;
    text-align: left;
    height: 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: smaller;
    font-weight: normal;
    padding-left: 10px;
    background-color: rgb(204, 204, 174);
    color: rgb(0, 0, 0);
    width: 98%;
    left: 1%;
}

div.navigator { 
    padding: 5px;
    left: 1%;
    overflow: hidden;
    position: absolute;
    top: 145px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: inherit;
    font-style: normal;
    text-align: left;
    width: 15%;
    background-color: rgb(255, 255, 193);
}

div.navheader { 
    font-weight: bolder;
    background-color: rgb(255, 204, 153);
    margin-left: -5px;
    padding-left: 15px;
}

div.navlocal { 
    position: static;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 20px;
    }

div.navoffsite { 
    position: static;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 20px;
}

div.navcopydate { 
    position: static;
    text-align: center;
    padding-left: 5px;
    font-size: smaller;
    font-weight: inherit;
    padding-top: 5px;
    padding-bottom: 25px;
}

img.navcerts { 
    margin: 0pt auto;
    position: relative;
/*    width: 100%;
    max-width: 100px;*/
    display: block;
    text-align: center;
}

div.maincontent { 
    padding: 5px;
    position: absolute;
    top: 145px;
    left: 18%;
    width: 80%;
    text-align: justify;
    display: inline;
}

div.centre{ 
    text-align: center;
}

div.right{ 
    text-align: right;
}

span.printonly { 
    display: none;
}

span.screenonly { 
    display: inline;
}
