/* CSS Document */

.top-section 
{
position:relative;
left:0;
top:0;
height: 100px;
background-color: #009999;
}
.mid-section 
{
position:relative;
left:0;
top:0;
/*border: 0px solid black;*/
}
.bottom-section 
{
position: relative;
/*border: 0px solid green;
border-top: 5px solid #ffffff;*/
background-color: #009999;
top:10px;
width: 100%;
height: 17px;
}
.clearboth
{
clear: both;
padding-bottom: 20px;
}
.page 
{
height:auto;
}
.topright 
{
position:absolute;
right: 0px;
top: 0px;
width: 344px;
height: 100px;
background: url(../images/rhsukp.jpg) no-repeat center;
}
.topleft
{
height: 100px;
width: 320px;
position:absolute;
left: 0px;
top: 0px;
background: url(../images/lhsukp2.jpg) no-repeat center;
}
.leftnav
{
position:absolute;
font-size: xx-small;
background-color: #A8D5D5;
padding-top: 30px;
z-index: 1;
top:0;
left:0;
width:140px;
/*height: 90%;
border: 0px solid magenta;*/
}
.mainContent 
{
position: relative;
/*z-index:2;
float:right;*/
right: 0px;
top: 0px;
padding-left: 180px;
padding-right: 10px;
/*border: 0px solid yellow;*/
font-size: x-small;
}
.bottom-1eft 
{
float:left;
position:relative;
left:0;
bottom:0;
width: 325px;
height: 17px;
background: url(../images/lhsukp_bottom.jpg) no-repeat;
}
.bottom-right 
{
position: relative;
float:right;
right: 0px;
width: 344px;
height: 17px;
background: url(../images/rhsukp_bottom.jpg) no-repeat;
}
body
{
padding-right: 10px;
padding-left: 10px;
margin: 0px;
font-family: Verdana, Arial, sans-serif;
background-color: #ffffff;
height: 100%;
}
.topNav
{
border-top: #009999 3px solid;
font-size: x-small;
width: 100%;
border-bottom: #009999 1px solid;
position: relative;
height: 28px;
background-color:#FFFFFF;
}
.mainContent P
{
font-size: 100%;
color: #333333;
}
.mainContent a
{
color: #333333;
text-decoration: none;
}
.mainContent a:visited
{
color: #333333;
text-decoration: none;
}
.mainContent a:hover
{
text-decoration: underline;
}
.mainContent a:active
{
text-decoration: underline;
}
.mainContent H1
{
padding-right:0px;
padding-left: 20px;
font-weight:bold; 
font-size: 20pt;
padding-bottom: 0px;
margin: 0px;
color: #006666;
padding-top: 0px;
font-family: arial;
}
.mainContent H2
{
padding: 0px;
padding-top: 5px;
font-weight: bold;
font-size: 130%;
margin: 0px;
color: #006666;

}
.mainContent H3
{
font-weight: bold;
font-size: 120%;
color: #006666;
}
.mainContent H4
{
font-weight: bold;
font-size: 110%;
color: #006666;
}
.mainContent H5
{
font-weight: bold;
font-size: 110%;
color: #006666;
}
#green
{
color: #339933;
font-weight: bold;
}
#amber
{
color: #FF6600;
font-weight: bold;
}
#red
{
font-weight: bold;
color: #FF0000;
}
#colourid
{
display: none;
}
.mainContent TABLE
{
font-size: small;
color: #000000;
}
.mainContent TH
{
font-weight: bold;
font-size: 90%;
color: #000066;
text-align: left;
}
.mainContent TD
{
font-size: 80%;
color: #000000;
vertical-align: top;
}
.leftnav ul
{
list-style: none;
padding: 0;
margin: 0;
}
.leftnav ul li
{
text-align: left;
background-position: 0px 50%;
border-top: #ffffff 1px solid;
padding-left: 20px;
font-weight: normal;
font-size: 110%;
padding-bottom: 7px;
padding-top: 4px;
border-bottom: #ffffff 1px solid;
background-repeat: no-repeat;
display: block;
text-decoration: none;
}
.leftnav ul a
{
display: block;
text-decoration: none;
color: #000000;
font-weight: normal;
}
.leftnav ul a:hover
{
text-decoration: none;
font-weight: bold;
}
li {
	padding-bottom: 10px;
}
.topNav a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #333333;
font-weight: bold;
color: #000000;
padding-top: 20px;
text-decoration: none;
}
.topNav a:hover
{
text-decoration: none;
font-weight: bold;
}