/* This is the page contaier - it contains all other elements 
   Colours in this style sheet
   #2959b0 : blue thick bottom border for top banner and top border for footer
   #1f5694 : blue background to menu etc
   #ffd    : pale yellow background to containers
*/
div.pagecontainer{
 position : relative;
 width : 864px;
 height : 960px;

 margin-top : 16px;
 margin-bottom : 16px;
 margin-left : 16px;
 margin-right : 16px;

 padding-top : 16px;
 padding-bottom : 0;
 padding-left : 0;
 padding-right : 0;

 line-height: 100%;
 color : #000000;
 background-color : #fff;
 background : #cfcfcf;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 400;
 font-size  : 12px;
/* background-image : url(images/mainbg.gif); */
}
/* The top banner */
div.topbanner{
 position : relative;
 width : 864px;
 clear : both;
 height : 76px;

 margin : 0;
 padding : 0;
 border : 0;

 color : #1f5694;
 background-color : #fff;
 background : transparent;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 700;
 font-size  : 12px;
 display : block;
 text-indent : -9999px;
}
div.topbanner h1{
 width : 100%;
 height : 100%;
 margin : 0;
 padding : 0;
 color      : #1f5694;
 background : transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 18px;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
 display : block;
}

div.topbanner h1 a{
 height : 100%;
 margin-left : 16px;
 margin-right : 16px;
 background-image : url(images/topbanner4.gif);
 display : block;
}

div.topbanner h1 a:link {text-decoration: none; color: #1f5694;}
div.topbanner h1 a:visited {text-decoration: none; color: #1f5694;}
div.topbanner h1 a:active {text-decoration: none; color: #1f5694;}
div.topbanner h1 a:hover {text-decoration: none; color: #1f5694; background-position: left bottom;}

/* The footer */
div.footer{
 position : relative;
 clear : both;
 height : 48px;

 margin-top : 0;
 margin-bottom : 16px;
 margin-left : 16px;
 margin-right : 16px;
 padding-top : 1em;

 border-top : solid thick #2959b0;
 color : #1f5694;
 background-color : #fff;
 background : transparent;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : normal;
 font-size  : 10px;
 text-align : center;
}
/* The mian body of the page */
div.mainpanel{
 position : relative;
 float : right;
 width  : 608px;
 height : 752px;
 border-top : 1px solid #aab;
 border-right : 1px solid #aab;
 border-bottom : 1px solid #aab;
 border-left : 1px solid #aab;

 margin-left : 0px;
 margin-right: 16px;
 margin-top : 16px;
 margin-bottom : 8px;

 padding : 1em;

 color : #000000;
 background-color : #fff;
 background : #fff;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 400;
 font-size  : 1em;
 line-height : 1.5em;
 display: inline;
}

/* Main inner panel - fits left half of main body of the page */
div.innerpanel{
 position : relative;
 float : left;
 width  : 604px;
 height : 750px;
 border : 0;
 margin : 0;
 padding : 4px;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}

/* Left panel - fits left half of main body of the page */
div.l2panel{
 position : relative;
 float : left;
 width  : 292px;
 height : 750px;
 border : 0;
 margin : 0;
 padding : 4px;
 text-align : left;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}

/* Left panel - fits right half of main body of the page */
div.r2panel{
 position : relative;
 float : right;
 width  : 292px;
 height : 750px;
 border : 0;
 margin : 0;
 padding : 4px;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}
/* These panels are 1/4 the size of the page */
/* Top left quater panel - fits top left of main body of the page */
div.l4panel{
 position : relative;
 float : left;
 width  : 292px;
 height : 368px;
 border : 0;
 margin : 0;
 margin-bottom : 2px;
 padding : 4px;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}
/* Top right quater panel - fits top right of main body of the page */
div.r4panel{
 position : relative;
 float : right;
 width  : 292px;
 height : 368px;
 border : 0;
 margin : 0;
 margin-bottom : 2px;
 padding : 4px;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}

/* These panels are 1/3 height six per page */
/* 1. Top left  third*/
div.l6panel{
 position : relative;
 float : left;
 width  : 292px;
 height : 256px;
 border : 0;
 margin : 0;
 margin-top : 2px;
 padding : 4px;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}
div.r6panel{
 position : relative;
 float : right;
 width  : 292px;
 height : 256px;
 border : 0;
 margin : 0;
 margin-top : 2px;
 padding : 4px;

 color : #303030;
 background-color : #ffd;
 background : #ffd;

 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight : 500;
 font-size  : 12px;
 line-height : 1.5em;
 display: inline;
}
/* 
  Start of virtical menu bar definition
  height is 24px more than mainpanel to take account of 1em padding of mainpanel 
*/
div.leftpanel{
 position : relative;
 height : 776px;
 float : left;
 width : 176px;

 margin-left : 16px;
 margin-right: 0px;
 margin-top : 16px;
 margin-bottom : 8px;
 padding : 0;
 border : 0;

 color : #000;
 background : #1f5694;
 background-color : #1f5694;
 display: inline;
}
/*
  Bar displayed under the leftnavigation bar under the menu
*/
div.flashbox{
 position : relative;
 float : left;
 width : 176px;
 height: 116px;
 border-top  : 1px solid #aa3;
 border-bottom  : 1px solid #aa3;
 margin : 0;
 color : #fff;
 background : #ffd;
 background-color :transparent;
 display: block;
}
/* Start of virtical menu bar definition */
ul#navlist{
 margin : 0;
 padding : 0;
 width : 100%;
 display : block;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 12px;
 font-style : normal;
 font-weight : 500;
 display: block;
}
/* Display inline ensures the list bullets are removed in Opera and Firefox */
/* We remove the list item characteristic but will return it with the anchor tag below */
ul#navlist li{
 margin : 0;
 padding : 0;
 display : inline;
}
/* Display list-item returns the list bullets */
ul#navlist li a{
 margin : 0;
 padding : 1em 2em 1em 1em;
 display : list-item;
 text-decoration: none;
 border-top : 1px solid #aa3;
 border-right : 0;
 border-left : 0;
 border-bottom : 0;
 color : #fff;
 background : #1f5694;
 background-image : url(images/mitem3.gif);
 list-style-image : none;
 list-style-type : square;
 list-style-position : inside;
}

ul#navlist li a:hover{
 margin : 0;
 padding : 1em 2em 1em 1em;
 display : list-item;
 color : #ff0;
 text-decoration: none;
 border-top : 1px solid #aa3;
 border-right : 0;
 border-left : 0;
 border-bottom : 0;
 background : #eef;
 background-image : url(images/mitem3.gif);
 background-position : left bottom;
 list-style-image : none;
 list-style-type : square;
 list-style-position : inside;
}
/* 
  End of virtical menu bar definition
*/
body{
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 0.9em;
 font-style : normal;
 font-weight: normal;
 line-height: normal;

 margin : 0;
 padding : 0;
 border : 0;

 color  : #000000;
 background-color : #919191;
}

.head1{
 margin : 0;
 padding : 0;
 text-align : center;
 color      : #1f5694;
 background : #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 24px;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
}

.head2{
 margin : 0;
 padding : 0;
 text-align : center;
 color      : #000000;
 background : #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 24px;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
}
/* Not Currently Used - Modify As Required */
button.button1{
 padding : 0;
 margin : 0;
 width   : 25px;
 height : 24px;
 cursor : pointer;
 text-align : left;
 border : 0px;
 font : 8pt arialuni, sans-serif;
 color : #000;
 background-color : #fff;
 border-color : #eee;
}

a.low:link {text-decoration: none; color: #999999;}
a.low:visited {text-decoration: none; color: #999999;}
a.low:active {text-decoration: none; color: #999999;}
a.low:hover {text-decoration: underline; color: #1f5694;}

a.main:link {text-decoration: none; color: #000000;}
a.main:visited {text-decoration: none; color: #000000;}
a.main:active {text-decoration: none; color: #000000;}
a.main:hover {text-decoration: underline; color: #1f5694;}

a.high:link {text-decoration: none; color: #1f5694;}
a.high:visited {text-decoration: none; color: #1f5694;}
a.high:active {text-decoration: none; color: #1f5694;}
a.high:hover {text-decoration: underline; font-style: italic; color: #1f5694;}

.htext{
 margin : 0;
 padding : 0;
 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
 font-size  : 42px;
 color      : #1f5694;
 background : #fff;
 background-color: transparent;
}

.htext1{
 margin : 0;
 padding : 0;
 font-family: Arial, Helvetica, sans-serif;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
 font-size  : 20px;
 color      : #94561f;
 background : #fff;
 background-color: transparent;
}

h1{
 margin : 0;
 padding : 0;
 text-align : center;
 color      : #555569;
 background : #ffd;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 16px;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
}

h2{
 margin : 0;
 padding : 0;
 text-align : center;
 color      : #555569;
 background : #ffd;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 16px;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
}

h3{
 margin : 0;
 padding : 0;
 text-align : left;
 color      : #555569;
 background : #ffd;
 font-family: Arial, Helvetica, sans-serif;
 font-size  : 12px;
 font-style : normal;
 font-weight: 800;
 line-height: normal;
}

img.ifloatleft {
 float : left;
 vertical-align: top; 
 margin-top : 0;
 margin-left: 0; 
 margin-bottom : 0px;
 margin-right : 10px;
}

img.ifloatleft1 {
 float : left;
 vertical-align: top; 
 margin-top : 208px;
 margin-left: 8px; 
 margin-bottom : 0px;
 margin-right : 10px;
}

img.ifloatleft2 {
 float : left;
 vertical-align: top; 
 margin-top : 8px;
 margin-left: 8px; 
 margin-bottom : 0px;
 margin-right : 10px;
}

img.ifloatright {
 float : right;
 vertical-align: top; 
 margin-top : 0;
 margin-left: 0; 
 margin-bottom : 10px;
 margin-right : 10px;
}

table.t1{
border-collapse : collapse;
background-color : #ffffdd;
border : 1px; 
border-color : #000;
width : 90%;
}
td.td1{
border : 1px solid;
border-color : #666666;
}
.clearer {clear: both; font-size: 0; height: 0;}
.calign{
text-align : center;
}