body {
padding: 0em;
font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 1em;
color: #333333;
background-color: #ffe79f;
text-align: center;
background-image: url(../media/images/bkgnd/bkgnd-middle.gif);
background-position: center 0px;
background-repeat: repeat-y;
margin: 0em;
height: 100%; }

#container {
width: 797px;
background-color: #ffffff;
text-align: left;
position: relative;
height: 100%;
margin-top: 0em;
margin-right: auto;
margin-bottom: 0em;
margin-left: auto;
border: 1px #e9e9e9 none; }
/*#container holds the meta navigation elements - #nav-meta (text) and #nav-meta-image (the background image) as well as the content.*/
/*#content is a div that contains the #navbar, #main-text and #sidebar divs*/
#content {
position: relative;
width: 796px;
margin: 0em;
padding: 0em;
border: 1px #e9e9e9 solid;
background-image: url(../media/images/bkgnd/navbar-bkgrnd-192px-wide.gif);
background-repeat: repeat-y;
height: 100%; }
#sidebar-image {
background-image: url(../media/images/bkgnd/sidebar-bkgrnd2.gif);
background-repeat: repeat-y;
height: 100%;
position: inherit;
width: 797px;
background-position: right;
background-color: transparent; }
#header-image {
background-image: url(../media/images/bkgnd/header-image-new.gif);
background-repeat: no-repeat;
background-position: center 0em;
width: 100%;
height: 122px;
text-align: center;
}
#nav-meta {
font-size: 0.9em;
text-align: right;
letter-spacing: 0.1em;
vertical-align: middle;
height: 30px;
width: 797px;
position: relative;
margin-right: auto;
margin-left: auto;
background-image: url(../media/images/bkgnd/meta-navbar-bkgnd.gif);
background-repeat: repeat-x;
z-index: 820000000;
border: solid 1px #e9e9e9; }
#nav-meta a {
color: #1e4796; }
#nav-meta a:hover {
color: #ffffff;
}
/*the navigation sidebar div (#navbar) is to house the main navigation menu*/
#navbar {
float: left;
width: 186px;
position: relative;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 3px;
padding-top: 8px;
height: 100%;
background-color: transparent; }
div.clearer {
clear: both;
height: 1px;
line-height: 1px; }
/*this is designed to clear the float left property of the navbar*/
ul {
}
ol { }
li {
line-height: 1.4em;
font-size: 0.75em; }
li li {
font-size: 100%; }
/*This statement is to prevent nested lists inheriting a relative size and reducing in size with each list level. With this added, all lists remain a constant type size.*/
#main-text {
margin-right: -160px;
margin-left: 202px;
height: 100%;
width: 424px;
}
/*#main-text li {
 }*/

dd {
font-size: 0.75em;
margin-left: 2em; }
dt {
font-size: 0.75em; }
/*#main-text ul li ul { line-height: 1.4em;
font-size: 1em; }*/
#main-text img {
float: left;
clear: none;
margin-right: 12px; }
/*here, we make the two columns for the News section within the Main Text area*/
#news {
float: left;
width: 200px; }
#news-right {
width: 200px;
padding-left: 10px;
float: left;
margin-left: 10px;
border-left: 1px #999999 solid; }
.separator {
clear: left;
height: 1px;
}
/*the right hand sidebar has its own text sizes. Links are a different colour and the list items are presented as buttons.*/
#sidebar {
float: right;
width: 150px;
position: relative;
font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 0.9em;
height: auto;
background-color: transparent;
padding: 4px;
}

/*Test of wider main text area*/
#main-text-wide {
margin-left: 202px;
margin-right: 30px;
width: 560px;
border-top: solid; }
#sidebar a {
font-size: inherit;
line-height: 1.3em; }
#sidebar-list a:link {
color: #255f43;
}
#sidebar-list a:hover {
color: #ffffff;
background-color: #036d9f; }
/*the div called sidebar-list is to re-position an unordered list of buttons in the centre of the RH sidebar*/
#sidebar-list {
position: relative;
width: 150px;
padding: 0em;
margin: 0em;
}
#sidebar-list ul {
display: list-item;
list-style-type: none;
margin: 0em;
padding: 0em;
font-weight: bolder;
border: 1px #aacb74 solid; }
#sidebar-list ul li {
text-align: center;
margin: 1px;
text-indent: 0em;
padding: 1px; }
#sidebar-list ul li a {
position: relative;
display: block;
text-decoration: none;
border: solid 1px #9fd0e7;
padding: 1px;
background-color: #a2e0fc; }
h1 {
color: #2061aa;
font-size: 1.3em;
padding-top: 5px; }
h2 {
font-size: 1.1em;
color: #2061aa; }
h3 {
color: #2061aa;
font-size: 0.95em; }

h1, h2, h3 {
font-family: "Trebuchet MS", Helvetica, sans-serif, Arial, Verdana;
line-height: 120%;
margin-bottom: -0.4em; }
h4, h5 {
font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
line-height: 120%;
margin-bottom: -0.4em; }
h4 { color: #c73400; font-size: 0.9em;
margin-top: 1em; }
h5 {
font-size: 0.8em;
margin-top: 1em;
color: #000000;
line-height: 140%; }
h6 {
font-size: 0.8em;
line-height: 130%;
font-family: "Trebuchet MS", Helvetica, sans-serif, Arial, Verdana;
margin-bottom: -0.4em;
margin-top: 1em;
color: #000000; }
p {
font-size: 0.75em;
line-height: 1.4em; }
table {
width: auto;
height: auto;
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
}
tr { background-color: #e9e9e9;
}
td { vertical-align: top; padding: 2px; border-left: 1px solid #8c8c8c;
font-size: 0.7em; }
th {
font-size: 0.7em;
background-color: #cde7f6; }
td p {
font-size: 100%; }
td li {
font-size: 100%; }
/*The previous two statments are to keep the size of lists within tables and paragraphs within tables the same size as the normal table body style.*/
th { font-weight: bolder; text-align: center; border-bottom: 1px solid #8c8c8c; border-left: 1px solid #8c8c8c; }
caption {}

.footer {
font-size: 0.6em;
text-align: center;
line-height: 120%; }
a {
font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
text-decoration: none;
color: #c73400; }
a img {
border: none; }
a:link {}
a:visited {
color: #1e4796;
}
a:hover {
color: #ffffff;
background-color: #8c8c8c; }
a:active {}
#counter { font-size: 0.6em; line-height: 100%; }