body {font-size: 100%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"}

body.small {font-size: 90%}

body.normal {font-size: 100%}

body.large {font-size: 130%}

body.largest {font-size: 160%}


h1.title_banner {font-size: 260%}

/* CSS TO REMOVE BORDERS AROUND IMAGES */

:link img {border: none}



h1 {margin: 0; font-size: 160%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans serif"; font-weight: bold; text-align: left}


h2 {margin: 0; font-size: 100%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: bold}


h3 {margin: 0; font-size: 80%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal}


h4 {margin: 0; font-size: 190%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: bold}


h5 {margin: 0; font-size: 170%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans serif"; font-weight: bold}


h6 {margin: 0; font-size: 150%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: bold}



/* TOP HEADER WITH ACCESSIBILITY LOGOS */

div#topheader {margin: 0; font-size: 100%; color: #FF9900; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: right; background-color: #FFFFFF} 

div#topheader li {list-style-type: none; display: inline}




/* HEADER WITH ORGANISATION LOGO AND NAME */

td.header1 {width: 11%; height: 100px; font-size: 100%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: left; background-color: #FF9900}

td.header2 {width: 89%; height: 100px; font-size: 160%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: left; background-color: #FF9900} 



/* TOP NAVIGATION BAR */

td.topnav1 {width: 11%; height: 30px; font-size: 110%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center; background-color: #FFFF33} 

td.topnav2 {width: 89%; height: 30px; font-size: 110%; color: #FFFFFF; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center; background-color: #FFFFFF} 



/* CHANGE TEXT SIZE BAR */

td.changetext1 {width: 11%; height: 30px; font-size: 90%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: right; background-color: #FFFF33} 
 
td.changetext2 {width: 89%; height: 30px; font-size: 90%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: right; background-color: #FFFFFF}



/* LEFT NAVIGATION MENU */

td.leftnav {width: 11%; text-indent: -20px; font-size: 100%; color: #FFFF33; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: left; background-color: #FFFF33} 



/* MAIN CELL CONTENT */

td.maincell {width: 89%; font-size: 100%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: left; background-color: #FFFFFF} 



/* BACK TO TOP OF PAGE SECTION */

td.pagetop1 {width: 11%; height: 20px; font-size: 90%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center; background-color: #FFFF33} 

td.pagetop2 {width: 89%; height: 20px; font-size: 90%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center; background-color: #FFFFFF} 



/* FOOTER */

td.footer1 {width: 11%; height: 20px; font-size: 80%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center; background-color: #FF9900} 


td.footer2 {width: 89%; height: 20px; font-size: 80%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center; background-color: #FF9900} 




/* DIV UNIVERSAL ELEMENTS */

.bold {margin: 0; font-weight: bold}
.backtotop {font-size: 110%; color: #000000; font-family: "Trebuchet MS", Arial, "Sans-serif"; font-weight: normal; text-align: center}



/* LIST STYLE CLASSES */

ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.decimal {list-style-type: decimal}
ul.topnav2 {list-style-type: none; display: inline}
ul.leftnav {list-style-type: none; display: inline}


/* LIST CLASSES */


a:link {font-size: 100%; color: #0000FF}

a:visited {color: #FF3300; font-style: normal}

a:hover {color: #FF3300; font-weight: bold}


a.leftnav:link {font-size: 100%; color: #000000; font-weight: normal}

a.leftnav:visited {color: #000000; font-weight: normal}

a.leftnav:hover {color: #000000; font-weight: bold}


a.topnav2:link {font-size: 100%; color: #FF3300; font-weight: normal}

a.topnav2:visited {color: #FF3300; font-weight: bold}

a.topnav2:hover {color: #FF3300; font-weight: bold}