body {
background-color: #cccccc;
}

.pagehead {
font-family: Helvetica, Arial, sans-serif;
font-size: 120%;
color: #000066;
font-weight: 600;
text-align: left;
margin: 0pt 14% 0pt 7%;
background-color: #ffffff; 
border: thin solid black;
padding: 0pt 0pt 0pt 20pt;
height: 75px;
}
               
.page {
font-family: Helvetica, Arial, sans-serif; 
font-size: 85%;
color: #000066;
font-weight: 500;
margin: 0pt 14% 0pt 7%;
padding: 0pt 20pt 0pt 20pt;
background-color: #eeeeee;
border: thin solid black;
}

a:link {
color:#333399;
}

a:visited {
color:#333399;
}

a:hover {
color:#cccc00;
}

.navbar {
background-color:#cccccc;
border-left: thin solid black;
border-right: thin solid black;
/* text-align:center; */
font-size: 85%;
/* margin: 10pt 10% 0pt 5%; */
margin: 0pt 14% 0pt 7%;
padding: 2pt 4pt 3pt 12pt;
}

.navigbarXX {
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: 400;
background-color: #cccccc;
margin: 0px 4pt 0px 4pt;
padding: 0pt 4pt 0pt 4pt;
border-style: none;
}

.navigbarXX a:link {
color: #000066;
}

.navigbarXX a:visited {
color: #000066;
}

.navigbarXX a:hover {
color: #ffff00;
}

h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 130%;
color: #000066;
font-weight: 600;
}

td {
font-family: Helvetica, Arial, sans-serif; 
font-size: 85%;
color: #000066;
font-weight: 500;
}

table {
font-family: Helvetica, Arial, sans-serif; 
font-size: 100%;
color: #000066;
font-weight: 500;
}

.centre {
text-align: center;
}

.bold {
font-weight: 800;
}

.small {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%;
color: #000066;
}

#trailer {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 80%;
color: #000066;
margin: 12pt 12pt 2pt 10%;
}

img.aligned-right {
float: right;
}

img.aligned-left {
float: left;
}

br.cleartext {
clear: both;
}

img {
border-style: none;
}

ul li {
line-height: 200%;
font-weight: 300;
}

.legend {
font-weight: 800;
font-size: 80%;
}