/*
--=+ Use Find and Replace to change these +=---
7784D5 == headings
CFD4E6 == background colours of panels
*/
/* Redefine HTML tags */
body{
font: bold 10pt arial, verdana, arial, helvetica, sans-serif;
margin: 0;
font-weight:normal;
}
p{font-size: 10pt;}
ul{
list-style-image: url(graphics/bullet.png);
list-style-type: none;
}
hr{
color: #FFA953;
}
em{ /* this is used on certain main body text items to emphasize those words */
text-decoration: underline;
font-weight: normal;
font-style: normal;
}
a{
color: #eebb22;
}
a:hover{
color: #ff9900;
}
h1{
color: #ff0000;
}
h2{
color: #ff0000;
font: bold 12pt arial, verdana, arial, helvetica, sans-serif;
}
.title{
font: bold 10pt arial
}
.bodyText{
font: normal 9pt arial
}
#mainmenu a{
text-decoration: none;
color:#000000;
font: bold 8pt arial ;
display: block;
padding: 5px;
}
#mainmenu {
width: 90%;
background: #FFFFFF;
}
#mainmenu a:hover{
background: #f2f2f2;
display: block;
width: 100%;
}
#submenu{
font-weight: normal;
}
#BreadcrumbText{
display: block;
padding: 2px;
background: #50677B;
width: 100%;
font: normal ;
color: #cacaca;
font-size: 9pt;
}
#BreadcrumbText a{
color: #cacaca;
}
.NewsItem{
color: #2c2c2c;
text-decoration: none;
font: normal ;
font-size: 9pt;
}
.EventsItem{
color: #2c2c2c;
text-decoration: none;
font: normal ;
font-size: 9pt;
}
/* ------ */
/* This is the style used for the items on the left Nav menu */
#blockLeftMenu {
width: 100%;
float: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0px 2px;
}
#blockLeftMenu a {
display: block;
border-width: 0px;
border-style: solid;
border-color: #6666cc ;
margin: 0;
padding: 5px 5px;
font-size: small; /* For Firefox */
font-size: 10pt; /* For IE */
}
#blockLeftMenu a { /* sub menu */
background: #CFD4E6;
color: #6078BF;
text-decoration: none;
}
#blockLeftMenu a:hover { /* When mouse is hovered over!! */
color: #FFFF52;
background: #352884;
text-decoration: none;
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6666ff, endColorstr=#aaaaff); */
}
#blockLeftMenu h3{
color: #CFD4E6;
background-color: #7784D5;
padding: 5px;
margin-bottom:0em;
font-weight: bold;
font-size: small;
font-size: 10pt;
border: 1px solid #000000;
}
#blockLeftMenu p{
margin-top:0em; /*Remove gap between heading and */
}
/* End of left style menu */
/* This is the style used for the items on the Middle Nav menu - When a page is long a middle nav menu is needed */
#blockMiddleMenu .tableMiddleMenu #firstRow{ /* the table/menus' header */
font: bold 10pt;
color: #ffffff;
background: #352884;
padding: 4px 4px;
}
#blockMiddleMenu {
width: 100%;
float: fixed;
text-align: center ;
}
#blockMiddleMenu a { /* sub menu */
font: normal 10pt;
color: #6078BF;
text-decoration: none;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ffffff ;
margin: 0;
padding: 3px 3px;
}
#blockMiddleMenu a:hover { /* When mouse is hovered over!! */
background: #6666ff;
text-decoration: none;
color: #FFFFFF;
}
.tableMiddleMenu{
background-color: #CFD4E6;
border-width: 0px;
color:000000;
margin: 0;
padding: 0px 0px;
text-align: left;
}
/* End of Middle style menu */
/*
.tableContent
{
background-color: #ffffff;
color:010101;
padding: 0px 0px ;
border-width: 1px;
font: 10pt ;
} */
/* This is the style used for the main body, the contents page i.e. the center page ***********************************************/
.tableMainBody{
background: url(graphics/waterlogo.png) no-repeat center;
padding: 2px 2px 2px 8px;
}
.tableMainBody h1{
font: bold 14pt arial;
color:#006B8D
}
.tableMainBody h2{
color:#666666;
font: bold 12pt ;
text-align: left;
}
.tableMainBody h3{
color:#aaaaaa;
font: bold 1.0em ;
}
.tableMainBody p{
color:222222;
font: 9pt;
text-align: left;
}
.tableMainBody a{
color:9999ff;
font: normal 1.0em ;
text-decoration: none;
}
.tableMainBody a:hover{
color:0000ff;
font: normal 1.0em ;
text-decoration: underline;
}
.tableMainBody li{
color:000000;
}
.tableMainBody ul{
font: 9pt ;
}
#backtotop a{ /* The link on long contents pages that takes you to the top of the page */
font: normal 10pt ;
}
.contentHeading1{ /* The
top heading on the contents page */
background-color: #fafafa;
padding: 2px 0px 2px 8px;
}
.partnerlogoimage{ /* the style that is applied to the partner logos surrounding div tag */
text-align: center;
padding: 2px 0px 2px 8px;
}
/* End of Contents page style */
.tableMain
{
background-color: #ffffff;
color:black;
padding: 0px;
margin: 0px;
border-width: 0px;
border: solid 1px white;
height: 97%; /* The height of the Main table */
width: 100%;
}
.tableBreadcrumb{ /* Middle Section for the breadcrumb trail */
padding: 0px ;
margin: 0px ;
background-color: #7784D5;
}
.breadcrumbs{
color:#CFD4E6;
font: bold 10pt ;
}
.breadcrumbs a{
color:#BFCFFF;
}
.NewsHeading{
background-color: #7784D5;
padding: 6px;
margin: 0px ;
width: 100%;
font: bold 10pt ;
color: #FFffFF;
border: solid 1px white;
/*height: 40px;
background: url(graphics/headerNews.png) no-repeat top left; */
}
.NewsSection{ /* The encompassing DIV tag round the news section */
background-color: #CFD4E6;
margin: 0px 0 0 0px ;
padding: 0px ;
}
.NewsSection a{ /* The styles used for the links on the right nav */
color: #3030ef;
text-decoration: none;
font: normal 10pt ;
}
.NewsSection a:hover{ /* The styles used for the links on the right nav */
color: #7784D5;
text-decoration: underline;
}
.NewsBody{
color: #6078BF;
margin: 0px ;
padding: 3px ;
font: normal 10pt ;
}
.EventsHeading{
background-color: #352884 ;
padding: 5px ;
margin: 0px ;
width: 100%;
font: bold 10pt ;
color: #FFffFF;
}
.EventsSection{ /* The encompassing DIV tag round the events section */
background-color: #D6CFE6;
margin: 0px ;
padding: 0px ;
}
.EventsSection a{ /* The styles used for the links on the right nav */
color: #3030ef;
text-decoration: none;
font: normal 10pt ;
}
.EventsSection a:hover{ /* The styles used for the links on the right nav */
color: #7784D5;
text-decoration: underline;
}
.EventsBody{
color: #6078BF;
margin: 0px ;
padding: 3px ;
font: normal 10pt ;
}