/* CSS Document */
body { margin: 10px 40px; 	padding: 0; font: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif;
	     color: black; background: rgb(222,218,237); }

.main_small { font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; 
	             font-size: .8em; font-weight: normal; }
.main_bold { font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; 
	             font-size: 1.3em; font-weight: bold; }	             
.leftfloat { 	float:left; margin-left: auto; margin-right: auto; width: 150px; text-align:center; padding:10px; }

li.licoloured  { 	list-style: disc inside; color: rgb(117,111,179); }
.blacktext { color:black; }  

h1 { 	margin: 0 0 0 0%; padding: 0; 	color: rgb(117,111,179); font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; 
  font-size: 2.0em;   font-weight: bold; }

#header { background: #6665FE; float: left; width: 100%; height:124px; }
/* #header { position:relative; clear:both; background: rgb(117,111,179); url(images/Text_Banner_2_Centre120.jpg) repeat-x; float: left; width: 100%; overflow:hidden;} */
#header { position:relative; clear:both; float: left; width: 100%; overflow:hidden;}

#header h1 { 	margin: 0 0 0 0%; 	padding: 0; 	color: rgb(117,111,179); }
/* #header img { display: block; }*/
#header p { position: absolute; top: 0; right: 0; width: 10em; margin: 0; padding: 0px; text-align: right; font-size: 90%; }
#header-left { float:left; border: 0px solid green; } 

/* #header-right { float:right;  border: 0px solid black; position:relative; overflow:hidden; }

*/
#header-right { float:right; border: 0px solid black; position:relative; overflow:hidden; }
#header-right img { float: left; /*width: 100%;*/  overflow:hidden; }

img { border: none; }
.description { 	position: absolute; 	left: -5000px; 	width: 4000px; }

a { color: white; }
a:hover { color: white; }

#container { float: left; background: white 100% 0; width: 100%; border: 0px solid pink;  }
#container { min-width:800px;}

#contentleft { float: left; width: 58%; margin: 0 0 0 3%; padding: 1em 0 2em 0; display: inline; background: white; }
#contentleft h2 { margin-top: 0; }
#contentright img { width: 100%;  border: 0px solid red; }
#contentright { float: left; width: 30%; margin: 0 0 0 6%; padding: 1em 0 2em 0; }
#contentcentre { float: left; width: 88%; margin: 0 0 0 6%; padding: 1em 0 2em 0;}

#contentbottom { float: bottom; width: 58%; margin: 0 0 0 3%; padding: 1em 0 2em 0; display: inline; background: white; }

#contentcentreold { float: left; width: 88%; padding: 0 6% 0 6%; }
#contentsubmenu { float: left; width: 88%; padding: 0 6% 0 6%; }

#footer { margin: 0; padding: .5em 0 3em 3%; clear: both; border-top: 0px solid #566099; background: url(images/top-background.jpg) repeat-x; }
#footer li { display: inline; margin-right: 1.5em; }

#below-footer {
float: left; height:10px; width:100%; background: rgb(222,218,237); 
}

.abox { 	background: rgb(156,149,200); 	padding: 10px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }
.abox2 { 	background: rgb(156,149,200); 	padding: 2px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }

.bbox { 	background: rgb(222,218,237); 	padding: 10px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }
.bbox2 { 	background: rgb(222,218,237); 	padding: 2px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }

.cbox { 	background: rgb(102,102,255); 	padding: 10px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }
.cbox2 { 	background: rgb(102,102,255); 	padding: 2px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }

.boxdark { 	background: rgb(117,111,179); 	padding: 10px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }
.boxdark2 { 	background: rgb(117,111,179); 	padding: 2px; 	color: white; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }

.box { 	background: rgb(156,149,200); 	padding: 10px; 	color: black; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }
.box2 { 	background: rgb(156,149,200); 	padding: 2px; 	color: black; font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; }
.boxcentered { width: 700px; height: 400px; margin: 0px auto -1px auto; } 
.boxfooter { 	background: rgb(156,149,200); padding: 0px; margin: 0px; border: 0px; color: white; }
h1.box1 { font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.3em; font-weight: bold; text-transform: none;
        	color: black; margin: 0 0 0 0%; padding: 0px; text-align:center; }
h1.box2 { font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.2em; font-weight: bold; text-transform: none;
        	color: black; margin: 0 0 0 0%; padding: 0px; text-align:center; }

h2.box1 {  font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.0em; font-weight: bold; text-transform: none;
         color: black; margin: 0 0 0 0%; padding: 0px; text-align:center; }

h2.box2 {  font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.0em; font-weight: normal; text-transform: none;
         color: black; margin: 0 0 0 0%; padding: 0px; text-align:center; }

#clearboth { clear:both; }

.header { background: rgb(187,0,110); float: left; width: 150%; border: 0px solid blue;  }
.header { position:relative; clear:both; background: rgb(187,0,110); url(images/Text_Banner_2_Centre120.jpg) repeat-x; float: left; width: 100%;  } 
.headerxx { position:relative; clear:both; background: rgb(187,0,110); url(images/Text_Banner_2_Centre120.jpg) repeat-x; float: left; width: 100%; overflow:hidden;} 

/*
.menu
{ float: left; width:100%; background:rgb(187,0,110); margin: 0 0% 0 0%; border: 0px solid green; padding:0; height:29px;
}

-- remove the bullets, padding and margins from the lists *
.menu ul{
list-style-type:none;
padding:0;
margin:0;
background:rgb(187,0,110);
width:100%;
clear:right;
}
-- make the top level links horizontal and position relative so that we can position the sub level 
.menu li{
float:left;
position:relative;
background:rgb(187,0,110);
color: white;
z-index:100;
}
-- use the table to position the dropdown list 
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}
-- style all the links 
.menu li a, .menu :visited {
display:block;
font-size:12px;
width:70px;
padding:7px 0;
color:white;
background:rgb(187,0,110);
text-decoration:none;
margin-right:0px;
text-align:center;
}
/* style the links hover 
.menu :hover{
color:white;
background:rgb(102,102,255);
}

.menu a:hover {
background:rgb(102,102,255);
}
-- This colours the last selected menu item that same colour as is shown when highlighted 
.menu li.active a { background:rgb(102,102,255);}
*/

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:280px;
height:0;
}
.menu ul ul a {
width:280px;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* -- 
.menu {position:relative; clear:both; font-family: "Arial","Trebuchet MS", Verdana, arial, sans-serif; font-weight: bold; height:37px; width:100%; position:relative; margin:0; font-size:.9em; margin:0px 0 10px 0px; z-index:100; background:rgb(187,0,110); padding:0px 0 0px 0; overflow:hidden;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:85px; height:24px; text-align:center; color:#fff; border:0px solid #fff; background:rgb(187,0,110); line-height:20px; font-size:1em; overflow:hidden; padding:8px 0 5px 0;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}
--  */
/* specific to non IE browsers */
/* --
.menu ul li:hover a {color:#fff; background:rgb(117,111,179); }

.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:205px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:white; }
.menu ul li:hover ul li a:hover {background:rgb(117,111,179); color:#white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
--*/
/*
#nav { margin: 0; padding: 3px 0 3px 3%; 	list-style-type: none; border-top: 0px solid #566099; border-bottom: 0px solid #566099; background:rgb(187,0, 110); font-family: "Arial","Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; }
#nav li { 	display: inline; 	padding: 0 20px 0 15px; 	background: url(images/arrow.gif) no-repeat 0 50%; }
#nav a { text-decoration: none; }
*/
.B_crumbBox { position:relative; clear:both;  margin:0px 0 0px 20px;  overflow:hidden;}  
.B_firstCrumb { font-size:.8em; font-weight:normal; color: black;  }
.B_homeCrumb:link { font-size:.8em;  font-weight:normal; color: black;  }
.B_crumbBox a  {font-size:.6em;  font-weight:normal; color: black;  }

.B_crumb:link { font-size:.8em;  font-weight:normal; color: black;  }
.B_crumb a  {font-size:.8em;  font-weight:normal; color: black;  }

.B_lastCrumb { font-size:.8em;  }
.B_lastCrumb a { font-weight:normal;   }
.B_currentCrumb { font-size:.8em;  }
.B_currentCrumb a { font-weight:normal;  }



td.1 {
font: 11px verdana; color: black;
text-align: center;
}

tr.1 {
font: 10pt verdana; color: black;
text-align: center;
font-weight: bold;
}
head_title {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #CCCCFF}
.header_title {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #E6E6FA}
.headers {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 18px; font-weight: bolder; color: #000000; text-transform: none}
.main_large {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 14px; font-weight: normal}
.main {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; color: black; }
.main_medium {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal}
.main_small {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal}
.butt_title {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.table_title {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 14px; padding: 2px; font-weight: bold; color: #000000; background: rgb(156,149,200)}
.headersCopy { font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 18px; font-weight: bolder; color: #FF0000; text-transform: none }
.unnamed1 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #6600CC}
h1 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #000000; text-transform: none}
h2 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #000000}
h3 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
h4 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
h5 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000}
h6 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #000000 line-height: 200%}
h8 {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000 padding:10px}
h1,h2,h3,h4,h5,h6,h7, h8{margin-bottom: 0px;padding-bottom: 0px;}


.hide {
	color: #990066;
	text-decoration: none;
}
.hide:link {
	color: #990066;
	text-decoration: none;
}
.hide:visited {
	text-decoration: none;
	color: #990066;
}
.hide:hover {
	text-decoration: none;
	color: #6633CC;
}
.hide:active {
	text-decoration: none;
	color: #990066;
}

A:link {
	COLOR: #6633CC; font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal
}
A:visited {
	COLOR: #6633CC
; font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal
}
A:active {
	COLOR: #6633CC
; font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal
}
A:hover {
	COLOR: #CC3366; font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px;}
.test {  font-family: "Arial", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 14px; font-style: italic; font-weight: normal}


.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:180px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:185px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px;
}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

.TXNewsletters_form_item INPUT {
height:20px;
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}

table {
  border-collapse: collapse ;
  border-spacing: 0em 0em;
}

.colouredborder {
/* border:1px solid #CCCCFF; */
border-width:1px;
border-style:solid;
border-color:#CCCCFF;
width:100%;
}

.colouredborder td, .colouredborder th {
border-width:1px;
border-style:solid;
border-color:#CCCCFF;
padding:10px;


}