﻿/* Redefined Tags */

* {
padding:0px;
margin:0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
margin:0px;
padding:0px;
}
h1 {
font-size:x-large;
}
h2 {
font-size:large;
}
h3 {
font-size:small;
padding-bottom:0.4em;
}
h4 {
font-size:x-small;
}
.text-normal {
font-size:small;
padding-bottom:0.5em;
margin:0px;
}

.red-text-normal {
font-size:small;
padding-bottom:0.5em;
margin:0px;
color:Red;
}

.bold-text-normal {
font-size:small;
font-weight: bold;
padding-bottom:0.5em;
margin:0px;
}


a:link {
color:#0066CC;
}
a:visited {
color:#0066CC;
}
a:hover {
color:#86C2FE;
}
a:active {
color:#0066CC;
}


/* Layout */
#page {
margin:0px auto;
padding:0px;
width: 960px;
}
#content {
float:left;
padding-right:4px;
padding-left:4px;
padding:0px 4px 0px 4px;
}
#leftColumn {
float:left;
padding-right:8px;
width:148px;
}
#centreColumn {
float:left;
width: 640px;
padding-bottom:10px;
}
#rightColumn {
float:left;
padding-left:8px;
width:148px;
}	


/* Top Header */				
#topHeader {
margin-bottom:3px;
padding:3px 14px 3px 14px;
background-color:#86C2FE;
width: 932px;
font-size:x-small;
font-weight:bold;
float:left;
}
#topHeaderLeft {
float:left;
width:550px;
}
#topHeaderRight {
float:right;
width:350px;
text-align:right;
color:#FFFFFF;
}
#topHeaderRight a {
color:#FFFFFF;
}
#topHeader ul li{
margin:0px;
padding:0px;
font-weight:bold;
color:#0066CC;
}
#topHeader li {
list-style:none;
display:inline;
}
#topHeader li a {
color:#0066CC;
text-decoration:none;
}


/* Header */
#header {
float:left;
width: 932px;
background-color:#0066CC;
padding:10px 14px 10px 14px;
margin-bottom:8px;
}
#headerLeft {
float:left;
width:500px;
color:#FFFFFF;
}
#headerRight {
float:right;
width:200px;
text-align:right;
padding-top:3px;
}


/* Nav */
.navHeader {
float:left;
width:148px;
background-color:#86C2FE;
}
.navLabel {
float:left;
width:118px;
padding:2px 0px 2px 10px;
color:#0066CC;
font-weight:bold;
}
.navCorner {
float:right;
width:10px;
height:10px;
background-image:url(Images/navCorner.gif);
background-position:top;
background-repeat:no-repeat;
}
.navContent {
float:left;
width:128px;
padding:5px 9px 0px 9px;
border-left:#B6B7BB solid 1px;
border-right:#B6B7BB solid 1px;
color:#6C6A6A;
}
.navContent a {
font-weight:bold;
color:#0066CC;
text-decoration:none;
}
.navContent a.news {
font-weight:normal;
color:#6C6A6A;
text-decoration:none;
}
.navContent li {
list-style:none;
font-size:x-small;
padding:0px;
margin:0px;
}
.navContent li.indent {
padding:0px 0px 0px 10px;
}
.navFooter {
float:left;
width:148px;
height:20px;
background-image:url(Images/navFooter.gif);
background-position:top;
background-repeat:no-repeat;
}
.navGreyHeader {
float:left;
width:148px;
background-color:#B6B7BB;
}
.navGreyLabel {
float:left;
width:118px;
padding:2px 0px 2px 10px;
color:#6C6A6A;
font-weight:bold;
}
.navGreyCorner {
float:right;
width:10px;
height:10px;
background-image:url(Images/navGreyCorner.gif);
background-position:top;
background-repeat:no-repeat;
}


/* Centre Panel */
#panelHeader {
float:left;
width:640px;
background-color:#0066CC;
}
#panelLabel {
float:left;
width:620px;
padding:2px 0px 2px 10px;
color:#FFFFFF;
font-weight:bold;
}
#panelCorner {
float:right;
width:10px;
height:10px;
background-image:url(Images/panelCorner.gif);
background-position:top;
background-repeat:no-repeat;
}
#panelFrame {
float:left;
width:640px;
background-color:#6699FF;
background-position:top right;
background-repeat:no-repeat;
margin-bottom:16px;
min-height:120px;
height:120px; /* Min height for IE */
}
/* Override height for Mozilla */
html>body #panelFrame {
height:auto;
}
.panelImage1 {
background-image:url(Images/frame1.jpg);
}
.panelImage2 {
background-image:url(Images/frame2.jpg);
}
.panelImage3 {
background-image:url(Images/frame3.jpg);
}
.panelImage4 {
background-image:url(Images/frame4.jpg);
}
#panelContent {
float:left;
width:410px;
padding:8px 10px 8px 10px;
color:#FFFFFF;
background-position:bottom left;
background-repeat:no-repeat;
background-image:url(Images/frameCorner.gif);
min-height:104px;
height:104px; /* Min height for IE */
}
/* Override height for Mozilla */
html>body #panelContent {
height:auto;
}


/* Content */
#mainContent {
float:left;
width:620px;
padding:0px 10px 0px 10px;
}
#mainContent h3 { /* Grey in content panel */
color:#6C6A6A;
}
#mainContentLeft {
float:left;
width:300px;
}
#mainContentRight {
float:right;
width:300px;
}
#mainContent ul li {
list-style:inside;
list-style-type:disc;
}
#mainContent ol li {
list-style:inside;
list-style-type:decimal;
}
#mainContent ol,ul {
padding-bottom:0.5em;
margin:0px;
}


/* Footer */
#footer {
float:left;
background-color:#86C2FE;
margin:10px 0px 20px 0px;
padding:10px 14px 10px 14px;
width: 932px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
color:#0066CC;
}

/* Padding & Margin */
.noPadding {
padding:0px;
}
.noPaddingAbove {
padding-top: 0px;
}
.noPaddingBelow {
padding-bottom: 0px;
}
.noMargin {
margin:0px;
}
.noMarginAbove {
margin-top: 0px;
}
.noMarginBelow {
margin-bottom: 0px;
}

	
/* Colours */
.white {
color:#FFFFFF;
}
.blue {
color:#0066CC;
}
.lightBlue {
color:#86C2FE;
}
.grey {
color:#6C6A6A;
}
.lightGrey {
color:#B6B7BB;
}
.red {
color:#C71111;
}
.green {
color:#329834;
}

/* Features */
.noDecoration {
text-decoration:none;
}
.divider { 
float:left;
width:620px;
height:1px;
color:#B6B7BB;
background-color:#B6B7BB;
padding:0px;
margin:4px 0px 8px 0px;
display:inline;
}
.noBreak {
display:inline;
white-space:nowrap;
}
.bold {
font-weight:bold;
}
.border {
border:1px solid #6C6A6A;
}
.justify {
text-align:justify;
}
.alignRight {
text-align:right;
}
.alignCentre {
text-align:center;
}
