*{font-family: arial, helvetica, sans-serif; /*font-family: 'Fira Sans', sans-serif;*/ color: #000; font-size:1em; margin:0; padding:0;}

html > body{font-size:100%; /*background: url(../small.png) repeat;*/ background-color: #e4d5c1;    /*C7C0B0 4f5869 6A707E 525769 4F5869 646A75 876354   916B4C 4D7795  #8C775C 537288*/ /*607E94*/ }

.imageUl{/*display:inline;*/ float:left; list-style-type:none; position:relative; left:50%;}
.imageUl li{/*display:inline;*/ float:left; position:relative; right:50%; margin: 0px 0px 4px 6px; }
.imageUl li a{/*display:inline;color:#000;*/font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
.imageUl li a:hover{color:#888;text-decoration:none;}

.headerlinksUl{display:block;float:left;list-style-type:none; position:relative; left:50%;}
.headerlinksUl li{display:block;float:left; position:relative; right:50%; margin:6px 6px 0px 22px; border:0px solid #eee; }
.headerlinksUl li a{display:block;color:#000;font-size:0.85em;line-height:100%;font-weight:normal;text-align: center; color: #006}
.headerlinksUl li a:hover{color:#888;text-decoration:underline;}

.imagelinks2Ul{display:inline;float:left;list-style-type:none;padding:0px; position:relative; left:50%;}
.imagelinks2Ul li{display:inline;float:left; position:relative; right:50%; margin:6px 60px 2px 0px; }
.imagelinks2Ul li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left; text-decoration: none;}
.imagelinks2Ul li a:hover{color:#888;text-decoration:none;}

.htext{height:0;display:none;}

#container {
	 /*-moz-box-shadow: 0px 0px 5px #eee;
    -webkit-box-shadow: 0px 0px 5px #eee;
    box-shadow: 0px 0px 5px #eee;*/
/*background: #ddd;	*/
margin-left: auto;
margin-right: auto;
font-size: 1em;
overflow: hidden;
min-width: 800px;
max-width: 1060px;
background-color: #fff
}


* html #container {
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 1060 ? "1060px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 805 ? "800px" : "auto"));}

#content {margin:0 auto; background-color: #fff;margin-bottom: 6px; max-width: 960px; border: solid 1px #eee;}

div#header_inner { height: 6%; background-color: #fefcf9; /*fefcf9;*/ padding-top: 1%; padding-bottom: 0.6%;  font-size: 1em; margin-left: auto; margin-right: auto; max-width: 1060px;  overflow: hidden;}

div#header {background-color: #f1f1f1;}

div.front1 {float: left; width: 16%;  padding-left: 3%; margin-bottom: 1%; background-color: #fefcf9;}
div.front1 a {text-decoration: none; color: #353C56;}

div.front2 {float: left; width: 19%;  margin-bottom: 1%; background-color: #fefcf9;}
div.front2 a {text-decoration: none; color: #353C56;}

div.front3 {float: left;width: 24%; background-color: #fefcf9; }
div.front3 a {text-decoration: none; color: #353C56;}

div.front4 {float: left; width: 19%;  margin-bottom: 1%; background-color: #fefcf9;}
div.front4 a {text-decoration: none; color: #353C56;}

div.front5 {float: left; width: 19%; text-align: center;  margin-bottom: 1%; background-color: #fefcf9;}
div.front5 a {text-decoration: none; color: #353C56;}

#breadcrumbs {margin:0 auto;width: 99%;background-color: #fff; padding-bottom: 3%;}

#title {margin:0 auto; text-align: center; width: 80%; background-color: #320001; padding: 4px;}

#title1 {margin:0 auto; text-align: center; width: 60%; background-color: #320001; padding: 4px;}

#title2 {margin:0 auto; text-align: center; width: 60%; background-color: #320001; padding: 4px;}

#title3 {margin:0 auto; text-align: center; width: 30%; background-color: #4E7795; padding: 4px;}

#footer {margin:0 auto;width: 99%;background-color: #fff;height: 100%;margin-top: 2px;padding-top:2px;}

#imgcontainer {
width:100%; margin-left: auto;
margin-right: auto;
background:#fff;
padding-bottom: 4px;
padding-top: 8px;
overflow: hidden;}

.imgcontainer {
width:100%; margin-left: auto;
margin-right: auto;
background:#fff;
padding-bottom: 4px;
padding-top: 8px;
overflow: hidden;}

#video
{width:100%;
text-align: center;}

#video1
{width:100%;
text-align: center;}

#video2
{width: 100%;
text-align: center;
}
.video2
{width: 100%;
text-align: center;
}

.flowplayer {}
	
#backtotop a {margin-left: 9%;}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */	clear:both;	height:0;font-size: 1px;line-height: 0px;}



/*TABLES*/
table {margin: auto; padding-left: 7%;padding-right: 7%;}

table.center {margin-left:auto; margin-right:auto;}

.form
{width: 90%;
margin-left:auto; margin-right:auto;}

.form tr
{height: 40px;}


.label
{width: 19%;
text-align:right;
padding-right:4px;}

.input
{width: 81%;
}

.textbox
{width: 460px;}

#textInput2 {
    width:460px;
    height:140px;
     }
	 
	 
.midax
{width: 500px;
border: 0px;
}
.updates
{width: 96%;
border: 1px solid #ddd;
cellpadding: 10px;}

.updates td
{
border: 1px solid #ddd;
}

.updates td.first
{width: 24%;}

.updates td.second
{width: 74%;}

table.serial {width: 80%; margin-bottom: 8px;}
table.serial2 {width: 80%; }
tr.serial {border: 1px solid; #aaa;}

tr.serial2 {border: 1px solid #aaa; padding-left: 6px; padding-top: 4px; padding-bottom: 4px; }
td.serial1 {border: 1px solid #aaa; width: 20%; padding-left: 6px; padding-top: 4px; padding-bottom: 4px;}
td.serial2 {border: 1px solid #ddd; width: 72%; padding-left: 6px; padding-top: 4px; padding-bottom: 4px;}

td.serial3 {width: 20%; padding-left: 6px; font-size: 0.9em; color: #009; padding-top: 4px; padding-bottom: 4px;border: 1px solid #aaa;}
td.serial4 {padding-left: 6px; width: 72%; font-size: 0.9em; color: #009; padding-top: 4px; padding-bottom: 4px;}

.dates {width: 700px; border: 0;}

.dates td.date {width: 22%;padding-bottom: 4px;}
.dates td.band {width:78%;}


table.TCC {border: 1px solid #ddd; margin: auto; padding-left: 7%;padding-right: 7%; border: none; width: 80%; }

tr.TCC
td.value {border: 1px solid #ddd; padding-left: 6px; padding-top: 4px; padding-bottom: 4px; width: 20%;}
td.comment {border: 1px solid #ddd; padding-left: 6px; padding-top: 4px; padding-bottom: 4px; width: 80%;}
/*end tables*/


h1 { font-size:1em; padding-left:20px; padding-bottom:6px;color: #444444; }

h2{color:#666;float:left;margin-bottom:5px;padding-top:0;width:700px; font-size:12px; color: #444444;}

h3 {text-align:center; font-size: 1em; padding-left: 8%; padding-right: 8%; letter-spacing:0.03em; color: #444444; }

/*COLOURED HEADINGS - h4 top of page, */

h4 { text-align:center; font-size: 1.2em; padding-left: 10%; padding-right: 10%; letter-spacing:0.03em; color: #444444; }

h5 { text-align:center; font-size: 1.1em; color: #000080; padding-left: 10%; padding-right: 10%; letter-spacing:0.03em;}

h6 { text-align:center; font-size: 1em; color: #000080; padding-left: 10%; padding-right: 10%; letter-spacing:0.03em;}

ul.initial {padding-left: 80px; padding-right: 50px;}
ul.initial li {margin-bottom: 8px;}

li.long {width: 17%;background: #fff; } /*fffffa colour of all li background = match "content" */

li.small {width: 13%;background: #fff;} /* fffffa colour of all li background = match "content" */

li.home {width: 6%;background: #fff;} /* fffffa colour of all li background = match "content" */

li.footer {width:190px; text-align:center;background: #ccc;}

li.home a, li.long a, li.small a {text-align: center; margin-left: 0px;}

li.image {width: 210px; font-size: 0.85em;}

li.links {width: 160px;}

t {color: #9933CC;}

p {font-size:1.1em; letter-spacing: 0.03em; padding-left: 8%;padding-right: 8%; line-height: 140%;}

p.center {text-align:center;}

.center {text-align:center;}

p.center1 {text-align:center; color: #000080; font-weight: 700;}

p.centerit {text-align:center; font-style: italic;}

p.caption {text-align:center; font-size:11pt;}

p.crumb {text-align:center; font-size: 1em;}

p.foundation {text-align:center; font-size: 1.4em; letter-spacing: 0.04em; color: #761b11;}

p.list {margin-left: 7%;}

p.italic {font-style: italic;}

p.pagelink {text-align: center; font-style: italic;}
p.pagelink a {font-style: normal;}

p.small {font-size:1em;}

p.smallcenter {padding-left:12%; padding-right:12%;font-size:1em;}

p.smallcenter2 {padding-left: 12%; padding-right:12%; text-align: center; font-size: 1em;}

p.smallcenter2 span {color: #f5095c;}

p.smallcenter3 {padding-left: 12%; padding-right:12%; text-align: center;font-size: 1em; color: #000080; font-weight: 700;}

p.smallcenter4 {padding-left: 12%; padding-right:12%; text-align: center;font-size: 1em; color: #41475C; font-weight: 700; padding-bottom: 4px;}

p.link{letter-spacing: 0.03em; padding-left: 15px; padding-right:15px;text-align: center;}

p.linktop {padding:0; text-align: center;}

p.logo {padding-left:90px;}

p.blue {color: #0000FF; text-align: center;}
p.blue2 {color: #0000FF; }

p.russet {color: #BF3600; text-align: center;}
p.russet2 {color: #D03C02; }

p.red {font-style: italic; color: #FF0000;}

p.redcenter {color: #FF0000; text-align: center; font-size: 0.9em;}

p.redupdated {color: #FF0000; text-align: center; font-size: 0.9em; font-weight: bold;}

p.redcaps{ text-align: center;  text-transform: uppercase; color: #FF0000; font-style: italic;font-weight: bold;}

p.title {font-family: Open Sans; padding-left: 1%; padding-right: 1%; font-weight: lighter; letter-spacing:0.09em; font-size: 1.1em; text-align: center; color: #eee; padding-bottom: 4px;}

p.title2 {font-family: Open Sans; padding-left: 1%; padding-right: 1%; letter-spacing:0.04em; font-size: 0.9em; text-align: center; color: #eee; padding-bottom: 8px;}

p.title3 {font-family: Open Sans; padding-left: 1%; padding-right: 1%; letter-spacing:0.04em; font-size: 1em; text-align: center; color: #eee; padding-bottom: 8px;}



p.redcenter {color: #FF0000; text-align: center;}

p.indent{padding-left: 70px; padding-right: 70px; text-align:center;}

span.serial {font-size: 0.9em; color: #41475C; font-weight: normal;}

span.states {color: #0b2e52; font-weight: normal;}

mark {background: #FF0000;}

a {color: #9999cc;}

a.fancybox { }
a.fancybox img {border:1px solid #bbb;}
a.fancybox img:hover {border:1px solid #666; padding: 0;}

a:link {color: #0000FF;	text-decoration: none;}

a:visited {color: #3366FF; text-decoration: none;}

a:hover {color: #FF0000;text-decoration: underline;}

a:active {color: #FF0000;}

a.hidden {color: #000000;}

a.hidden:visited {color: #000000;}

a.hidden:hover {color: #0000CC;}

a.hidden:active {color: #000000;}

a.nav:link {color: #333333;	padding: 2px;}

a.nav:visited {color: #cccccc; padding: 2px;}

a.nav:hover {color: #FFFFFF;background-color: #666666; padding: 2px;}







/*  */