table
{
	table-border-color-light: rgb(255,204,102);
	table-border-color-dark: rgb(204,153,102); 
}

body /* the white centre section   */
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background: #000099; /* the blue background #d6dcff or #000099*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;

}

.content /* class */ 
{
  width: 100%;
  padding-top: 1px;
  padding-bottom: 10px;
}

.searchinclude
{
width: 100%;
text-align: left;
text-indent: 5px;
}

.imagealigntext 
{
  vertical-align: middle;
}

.leftcolumn /* class creates the columns and sets their widths */
{
  width: 120px;
  float: left;
  
}
.middlecolumn
{
  width: 9px;
  color: white;
  float: left;

}
.rightcolumn
{
  width: 1000px;
  /* width: 575px; */
  float: left;
  text-align: center;
}
.column3
{
  width: 120px;
  float: left;
}

.centred
{
float: center;
text-align: center;
}


.wrapper /* class(.) - the background to the banner div class= */
{
  width: 1262px;
  margin: 0 auto;
  background: #ffffff;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ededed;
  border-left: 3px solid #ededed;
}

.navbg /* class - the red navigation panes */ 
{
	background: url(navbg_02.gif) repeat-x; /* height influences height of the panes */
  /* but size of navhover_02.gif influences size of the black hover over panes */
	width: 100%;
	height: 20px;
	border-bottom: 20px solid #ffffff;
}

#navcontainer ul /* id(#) - affects the behaviour, placement etc of the red navigation panes */
{
	margin: 0px;
	
	list-style-type: none;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 10px;
	display: block;
	width: 100%;
}
#navcontainer ul li 
{ 
  display: inline; 
}
#navcontainer ul li a
{
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #fff;
  width: 100%;
  border-right: 1px  #ffffff solid;
  border-left: 1px  #ffffff solid;
}
#navcontainer ul li a:hover /* size of navhover_02.gif influences size */
{
color:#EDEDED;
background: url(navhover_02.gif) repeat-x top;
font-size: 11px;
font-weight: bold;
text-decoration: none;
width: 100%;
}


.banner /* pale blue background to the logo - height is also influenced by bannerontop.png and bannerbg_13.gif */
{
  background: url(bannerbg_13.gif) repeat-x;
  height: 130px;
  width: 100%;
  border-bottom: 3px solid #d6dcff;
}
.bannerontop /* curvy line under banner and logo */
{
  background:url(bannerontop1000.png) no-repeat center;
  height: 96px;
  padding-top: 3px; /* affects placement of logo */
  text-align: center;
  vertical-align: top;
}


h1
{
font-family: Tahoma;
font-size:16px;
color:#333366;
font-weight:bold;
text-align:center;
width:100%;
margin-top: 10px;
margin-bottom: 2px;
}

h2
{
  background: url(leftcolumnheader1000.jpg) center no-repeat;
  font-family: Arial; 
  color: black; 
  font-size: 16px; 
  font-weight: bold; 
  vertical-align: center
  text-align: center;
  margin: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}
h3
{
  background: url(leftcolumnheader.jpg) center no-repeat;
  font-family: Arial; 
  color: black; 
  font-size: 16px; 
  font-weight: bold; 
  vertical-align: center
  text-align: center;
  margin: 0;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}
h4
{
 
  font-family: Arial; 
  color: red; 
  font-size: 16px; 
  
  vertical-align: center
  text-align: center;
  
  
}
h5
{
  font-size: 11px;
  color: blue;
  font-weight: normal;
  text-align: center;
  margin: 0;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  
}
h6
{
font-size:17px;
color:#333366;
font-weight:bold;

width:100%;
margin-top: 10px;
}

h7
{
  background: url(leftcolumnheader.jpg) center no-repeat;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: blue;
  margin: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}


p  {font-family: Tahoma;color: #006699; font-size: 10pt;}
td {font-family: Tahoma;color: #ffffff; font-size: 8pt;}
.tdmode {font-family: Tahoma;color: blue;}
td.tdb {font-family: Tahoma;color: white; font-size: 8pt; font-weight: bold;}
th {font-family: Arial;color: #ffffff; font-size: 9pt;}
th.bigg {font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 9pt;}

th.search 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: black;
}


ul.none {list-style-type: none; list-style-position: outside}
td.pad {font-family: Tahoma;color: #FFFFFF; font-size: 8pt; padding-left: 1cm; padding-right: 0.5cm;}
td.service {font-family: Tahoma;color: #FFFFFF; font-size: 8pt; padding-left: 0.5cm; padding-right: 0.5cm;}
.srj {font-family: Arial; color: black; font-size: 16px; font-weight: bold; text-align: left; vertical-align: center;}
.srja 
{
font-family: Arial;
color: black; 
font-size: 18px; 
font-weight: bold; 
text-align: center; 
line-height: 2; 

}
.centre
{
	font-family: Tahoma;
	position: relative;
	top: 8px
}

.tdlb
{
	font-family: Tahoma;
	font-weight: bold;
	text-align: left;
  text-indent: 8px;
	color: #FFFFFF; 
  font-size: 8pt;
}

.tdl
{
	font-family: Tahoma;
	text-align: left;
  
	color: #FFFFFF; 
  font-size: 9pt;
}
.tdl-10
{
	font-family: Tahoma;
	text-align: left;
  width: 10px;
	color: #FFFFFF; 
  font-size: 9pt;
}
.tdsmall
{
	font-family: Tahoma;
	font-weight: light;
	text-align: left;
	text-indent: 8px;
  color: #FFFFFF; 
  font-size: 8pt;
}

.xtratdsmall
{
	font-family: Tahoma;
	font-weight: light;
	text-align: justify;
  
  color: #FFFFFF; 
  font-size: 8pt;
}

.navvynopad
{
width: 500px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
padding-bottom:1px;

text-align: center;
}
ul.navvylist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 50%;
margin-left: auto;
margin-right: auto;
}
ul.navvylist li
{
display: block;
margin: 0;
padding: 0;
}
ul.navvylist li a
{
display: block;
width: 50%;
font-weight:normal;
margin:0;
color: #000;
background:url(leftnav.jpg) repeat-x #ededed;
border:bottom:1px solid #ededed;
text-decoration: none;
PADDING-LEFT:10PX;
padding-top:7px;
padding-bottom:7px;
}

.navvy>ul#navvylist li a { width: auto; }

ul.navvylist li#active a
{
background: #F1F1F1;
color: #2A508A;
}

ul.navvylist li a:hover, ul#navvylist li#active a:hover
{
color: #000;
font-weight:bold;
background: #fff;
}

li.navvysublist
{
text-indent: 18px;
font-size:10px;
text-align:left;
display: block;
width: 100%;
font-weight:normal;
margin:0;
color: #000;
background:url(leftnav.jpg) repeat-x #ededed;
border:bottom:1px solid #ededed;
text-decoration: none;
PADDING-LEFT:10PX;
padding-top:7px;
padding-bottom:7px;
}

td.tdnavvyselect
{
text-indent: 2px;
font-family: Tahoma;
font-size: 12px; 
color: #333366;
text-align:left;
display: block;
margin:0;
color: black;
background: #ededed;
text-decoration: none;
}

td.tdnavvyselectn
{
text-indent: 2px;
font-family: Tahoma;
font-size: 12px; 

text-align:left;
display: block;
margin:0;
color: black;

text-decoration: none;
}

th.tdnavvyselect
{
text-indent: 2px;
font-family: Tahoma;
font-size: 12px; 
color: #333366;
text-align:left;
display: block;
margin:0;
color: black;
background: #ededed;
text-decoration: none;
}

th.tdnavvyselectn
{
text-indent: 2px;
font-family: Tahoma;
font-size: 12px; 

text-align:left;


text-decoration: none;
}





select.navvyselect
{
text-indent: 21px;
font-size:10px;
text-align:left;
display: block;
width: 100%;
font-weight:normal;
margin:0;
color: #000;
background:url(leftnav.jpg) repeat-x #ededed;
text-decoration: none;
}

input.navvyviewtoo
{
font-size:10px;
text-align:center;

font-weight:normal;
margin:0;
color: #000;
background:url(leftnav.jpg) repeat-x #blue;
text-decoration: none;
padding-left:5px;
}

input.navvyview
{
font-size:10px;
text-align:center;
width: 100%;
font-weight:normal;
margin:0;
color: #000;
background:url(leftnav.jpg) repeat-x #blue;
text-decoration: none;
padding-left:5px;
}



a.sblink a:link{
color:blue;
font-size:16px;
}
a.sblink a:visited{
color:grey;
font-size:16px;
}
a.sblink a:hover{
color:#CCC;
font-size:16px;
}


/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(buttonBackground.gif);
background-repeat: no-repeat;
width: 300px;
height: 20px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #000066;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #000066;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #000066;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(ok.gif);
}
#buttonCancel .icon {
background-image: url(cancel.gif);
}
#buttonImport .icon {
background-image: url(import.gif);
}

.footer /* comment */
{
	width:1262px;
  background:url(navbg_02.gif) repeat-x;
  padding-top:2px;
  position:relative;
  padding-bottom:6px;
	padding-top: 3px;
  border-bottom: 3px solid #ffffff;
  clear:both;
  text-align:center;
  color:#fff;
}
.footer a:link
{
  color: #fff;
  font-size: 11px;
  font-weight: normal;
}
.footer a:visited
{
  color: #fff;
  font-size: 11px;
  font-weight: normal;
}
.footer a:hover
{
  color: #CCCCCC;
  font-size: 11px;
  font-weight: normal;
}