/* 
Colours
body background #705c5C
heading borders #e8e3e3
links and menu and tail background #910815
links hover #F51D30
right column borders and links active? #382E2E

*/

/*----------------------*/
/* Main Tag Rules       */
/*----------------------*/

body {
	font-size: 75%;
	font-family: Verdana, Arial, sans-serif;
	COLOR: #705c5C; 
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 0; 
    margin-left: 0; 
	}

p  {
	font-family: Verdana, Arial, sans-serif;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 10px; 
    margin-left: 0; 
	}

td  {
	font-size: 65%;
	font-family: Verdana, Arial, sans-serif;
	vertical-align: top;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 0; 
    margin-left: 0; 
	}

ol  {
	font-family: Verdana, Arial, sans-serif;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 10px; 
    margin-left: 10px; 
	}

ul  {
	font-family: Verdana, Arial, sans-serif;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 10px; 
    margin-left: 15px; 
	padding-bottom: 0px;
	}

ul ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
	#margin-top: 5px; /*setting for IE7*/
	_margin-top: 5px; /*setting for IE6*/
	}

ul ul ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
	#margin-top: 5px; /*setting for IE7*/
	_margin-top: 5px; /*setting for IE6*/
	}

li  {
	font-family: Verdana, Arial, sans-serif;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 5px; 
    margin-left: 10px; 
	}

ul li {
	margin-left: -40px;  /*setting for FF and other standards compliant browsers*/
	#margin-left: 0px; /*setting for IE7*/
	_margin-left: 0px; /*setting for IE6*/
	}

ul ul li {
	margin-left: -80px;  /*setting for FF and other standards compliant browsers*/
	#margin-left: 0px; /*setting for IE7*/
	_margin-left: 0px; /*setting for IE6*/
	}

ul ul ul li {
	margin-left: -120px;  /*setting for FF and other standards compliant browsers*/
	#margin-left: 0px; /*setting for IE7*/
	_margin-left: 0px; /*setting for IE6*/
	}


h1 {
	font-size: 130%;
	font-weight: Bold;
	font-family: Verdana, Arial, sans-serif;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 10px; 
    margin-left: 0; 
	}

h2 {
	BORDER-BOTTOM: #e8e3e3 solid 1px;
	PADDING-BOTTOM: 2px; 
	BORDER-TOP: #e8e3e3 solid 1px; 
	PADDING-TOP: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 10px; 
    margin-left: 0; 
	}

h3 {
	font-size: 100%;
	font-weight: Bold;
	font-family: Verdana, Arial, sans-serif;
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 10px; 
    margin-left: 0; 
	}

hr	 {
	 BORDER: 0;
	 BORDER-BOTTOM: #e8e3e3 solid 1px;
	 PADDING-BOTTOM: 2px;	
	} 

/*----------------------------------------------------------*/
/* Global Link Rules                                        */
/* See also .Amenu in main menu section                     */
/* See also .sub-menu in left column section menus          */
/* See also .splink in left column section spot promotions */
/*----------------------------------------------------------*/

/* The A tag controls all the url and bookmark links within the website*/

A {
	border: 0;
	TEXT-DECORATION: none; 
	COLOR: #910815; 
	FONT-WEIGHT: none; 
	}

A:hover {
	border: 0;
	TEXT-DECORATION: underline; 
	COLOR: #f51d30; 
	FONT-WEIGHT: none; 
	}

A:active {
	border: 0;
	TEXT-DECORATION: none; 
	COLOR: #910815; 
	FONT-WEIGHT: none; 
	}

/* The .bold-link class controls prominent links */


.bold-link {  
	text-decoration: none; 
	COLOR: #910815; 
	font-weight: bold;
	}

.bold-link:hover {   
	text-decoration: underline; 
	COLOR: #F51D30; 
	font-weight: bold;
	}

.bold-link:active {   
	text-decoration: none; 
	COLOR: #382E2E; 
	font-weight: bold;
	}

/* .small-link class controls go to top and any other small links */
/* .small class is for accompanying text of the same size         */
/* .gototop class is for ends of sections in long pages or tables */

.small {  
	font-size: 90%;
	text-decoration: none; 
	COLOR: #705C5C; 
	font-weight: none;
	}

.gototop 	{ 
	float: right;
	text-align: right;
	padding-bottom: '0px';
	}
	

.small-link {  
	font-size: 90%;
	text-decoration: none; 
	COLOR: #910815; 
	font-weight: none;
	}

.small-link:hover {   
	font-size: 90%;
	text-decoration: underline; 
	COLOR: #F51D30; 
	font-weight: none;
	}

.small-link:active {   
	font-size: 90%;
	text-decoration: none; 
	COLOR: #910815; 
	font-weight: none;
	}

/* The .login-link class controls login, join up, search links */

.login-link {  
	text-decoration: none; 
	COLOR: #910815; 
	font-weight: bold;
	}

.login-link:hover {   
	text-decoration: underline; 
	COLOR: #910815; 
	font-weight: none;
	}

.login-link:active {   
	text-decoration: none; 
	COLOR: #910815; 
	font-weight: none;
	}

/*----------------------------------------*/
/* Global floating box and text rules:    */
/* Floating boxes contain graphics that   */
/* illustrate or decorate the content     */
/* of a page. Floating text set to right. */
/*----------------------------------------*/

.floatright {
	float:right;
	} 

div.floatbox {
	background-color: #ffffff;
	padding: 0;
	}

div.floatright {
	clear:right;
	border-left: #ffffff solid 10px;
	}

div.floatleft {
	float: left;
	clear:left;
	border-right: #ffffff solid 10px;
	}

div.floatbeside {
	clear: none;
	}

p.floatimage {
	margin-bottom: 5px;
	}

.floatimage img {
	padding:0;
	border: 0;
	margin: 0;
	}

p.floatcaption {
	font-style: italic;
	font-size: 75%;
	}

.width200, div.width200 img {
	width: 200px;
	}

.width150, div.width150 img {
	width: 150px;
	}

.width100, div.width100 img {
	width: 100px;
	}


/*---------------------------------*/
/* Global table format rules */
/*---------------------------------*/


.col-head {   
	font-weight: bold; 
	}

.col-head-numeric {   
	font-weight: bold; 
	text-align: left; 
	}

/* numeric cell right-aligned  */

.cell-numeric {   
	text-align: left; 
	}

/* row heading*/

.rowhead {   
	font-weight: bold; 
	padding-right: 15px;
	}

/* table classes used in ALL forms and ALSO in downloads - 
software (ONLY) section */

table.forms { 
	padding: 0;
	margin: 0;
	width: 100%;
	border: #705c5c solid 1px;
	}
td.message { 
	background-color: #ffffff;
	text-align: left;
	font-size: 65%;
	padding-left: 10px;
	padding-top: 10px;
	}
td.error { 
	background-color: #e8e3e3; 
	text-align: left;
	font-weight: bold;
	padding-right: 15px;
	padding-top: 10px;
	}

td.mainheading { 
	background-color: #e8e3e3; 
	border-bottom: #705c5c solid 1px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	}

td.heading { 
	background-color: #e8e3e3; 
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	font-weight: bold;
	}

td.data { 
	background-color: #e8e3e3; 
	padding-top: 10px;
	padding-left: 5px;
	text-align: left;
	}


td.send { 
	background-color: #C99C9C;
	border-top: #705c5c solid 1px;
	color: #333333; 
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

/*----------------------------------------------------*/
/* AREAS OF MAIN (INDEX.PHP) PAGE */
/*----------------------------------------------------*/

#mainpagetable {
	width: 100%;
	border-spacing: 0;
	}

#header_row {
	vertical-align: center;
	}

#pagecontent {
	vertical-align: center;
	width: 67%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 30px;
	}

#leftcolumn {
	vertical-align: top;
	padding-top: 10px;
	width: 18%;
	background-color: #705C5C;
	}


#rightcolumn {
	vertical-align: top;
	width: 15%;
	background-color: #705C5C;
	}

#pagefooter {
	vertical-align: top;
	}


/*----------------------------------------------------*/
/* RULES FOR MAIN MENU */
/*----------------------------------------------------*/


/* main menu cell size padding borders background*/

.menucell { 
	text-wrap: nowrap; 
	padding-top: 2px;
	padding-bottom: 4px;   
	padding-left: 10px;
	border-right: none;
	border-left: none; 
	text-align: left;
	line-height: 12px; 
	FONT-WEIGHT: bold;
	font-size: 75%;
	vertical-align: center;
	}
	
.menucell:hover {   
	background-color:#00a651;
	font-weight: bold;
	font-size: 75%;  
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-right: none;
	border-left: none; 
	text-align: left;
	line-height: 15px;
	}

.menucell:active { 
	background-color:#00a651;  
	font-weight: bold;
	font-size: 75%; 
	padding-top: 2px;
	padding-bottom: 4px; 
	padding-left: 10px;
	border-right: none;
	border-left: none; 
	text-align: left;
	line-height: 15px;
	}

/* The .Amenu class controls the main menu */

.Amenu  {
	 TEXT-DECORATION: none;
	 padding-left: 5px;
	 padding-top: 2px;
	 padding-bottom: 2px;
	 padding-right: 5px; 
	 COLOR: #FFFFFF; 
	 font-size: 75%;
	 FONT-WEIGHT: bold;
	 vertical-align: center;
	 
	}

.Amenu:hover {
	 TEXT-DECORATION: underline; 
	 COLOR: #FFFFFF; 
	 FONT-WEIGHT: bold;
	 font-size: 75%;
	 vertical-align: center; 
	}

.Amenu:active {
	 TEXT-DECORATION: none; 
	 COLOR: #FFFFFF; 
	 FONT-WEIGHT: bold;
	 font-size: 75%;
	 vertical-align: center; 
	}


/* Drop-down menus            */
/* and hover background color */

#dropmenudiv{
	position:absolute;
	margin-top: 3px;
	margin-left: 0px;
	border: none;
	border-bottom-width: 0px;
	font-size: 80%;
	line-height: 15px;
	z-index:100;
	}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: #ffffff 1px solid;
	padding: 1px 0;
	text-decoration: none;
	font-weight: none;
	}
	
#dropmenudiv a:hover{ 
	background-color: #f51d30;
	color: #ffffff;
	}


/*-----------------------------------------------------------*/
/* RULES FOR THE LEFT COLUMN                                 */
/* The .sub-menu class controls the submenu                  */.
/* This is in the LEFT COLUMN and echoes the drop-down menus */
/* .sub-menu by itself is for the current page's line in the */
/* menu.  This has no hyperlink.                             */
/*-----------------------------------------------------------*/

.submenucell {   
	
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*text-align: left;*/
	border-bottom: solid #382E2E 1px;
	}
	

.sub-menu {   
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: bold;
	}
	

.sub-menu-link {  
	padding-left: 15px;
	text-decoration: none; 
	COLOR: #e8e3e3; 
	font-weight: none;
	}

.sub-menu-link:hover {   
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: bold;
	}

.sub-menu-link:active {   
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: none;
	}


/* Spot promotion rules                    */
/* div.sp is the whole spot promotion unit */
/* h1.sph1 is the main heading             */
/* p.spp is a normal paragraph             */
/* .splink is for links                    */

div.sp {
       text-align: center;
       padding: 1em;
       color: FFF;
}


h1.sph1 { color: #fff;
       font-weight: bold;
       font-size: 1.25em;
}

p.spp { text-align: center;  
	text-decoration: none; 
	color: #fff; 
	font-weight: bold;
	}

.splink {  
	text-decoration: none; 
	COLOR: #e8e3e3;
	font-weight: normal;
	}

.splink:hover  {   
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: boldl;
	}

/*------------------------------------*/
/*  RULES FOR THE RIGHT COLUMN  */
/*------------------------------------*/

/* The .right-menu class controls the menus */
/* on the right hand column of the main layout */
/* .right-menu by itself is for headings */

.rightmenucell, .right-menu-top, .right-menu { 
	margin-bottom: 5px;
	PADDING-LEFT: 7px; 
	PADDING-bottom: 5px; 
	BORDER-bottom: #382E2E 1px solid;
	font-size: 90%;
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: none;
	}	

.right-menu-top, .right-menu {   
	font-weight: bold;
	PADDING-TOP: 10px; 
	PADDING-RIGHT: 5px; 
	}

.right-menu {   
	PADDING-TOP: 50px; 
	}

.right-menu-link {  
	text-decoration: none; 
	COLOR: #e8e3e3; 
	font-weight: none;
	}

.right-menu-link:hover {   
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: bold;
	}

.right-menu-link:active {   
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: none;
	}

.newsmenucell { 
	overflow: hidden; 
 	height: 12px; 
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	/*text-align: left;*/
	border-bottom: solid #382E2E  1px;
	}

/* The .news-menu class controls the Latest News submenu (right menu bar) */


.news-menu-link { 
	overflow: hidden;
	font-size: 9px;
	height: 12px;
	text-decoration: none; 
	COLOR: #e8e3e3; 
	font-weight: none;
	}

.news-menu-link:hover { 
	text-decoration: none; 
	COLOR: #ffffff; 
	font-weight: bold;
	}

/* ---------------------------*/
/* TAIL section of all web pages */
/* ---------------------------*/


.tail {
	border-top: #ffffff solid 1px;
	background-color: #910815;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	}




/*========================================*/
/*  RULES FOR SPECIFIC PAGES  */
/*========================================*/

/*------------------------------------------------------*/
/* Simple and advanced search          */
/*------------------------------------------------------*/

/* text box field with border*/

.formulaires-field {
	color: #666666; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	border: 1px #333333 solid;
	}

/* text box field with no border */

.formulaires-field2 {   
	color: #666666; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	border: 0px #333333 solid;
	}

/* used for button*/

.formulaires-grey {
	font-size: 90%;
	}

/* no gaps --used to squash up the logn and search block */

.nogaps {
    margin-top: 0; 
    margin-right: 0; 
    margin-bottom: 0; 
    margin-left: 0; 
	}



/*---------------------------------*/
/* Log in and out messages */
/*---------------------------------*/

/* (mentioned in lang files)*/

.message { 
	background-color: #CCCCFF; 
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}

.messagecentred { 
	background-color: #DEEAED; 
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	}


.error { 
	background-color: #FFCCCC; 
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	}





/*---------------------------------*/
/* Home page */
/*---------------------------------*/


 /* big bold title used in home page*/

.big-title {
	font-size: 125%;
	font-weight: bold;
	}

/* table classes used on home page                       */
/* (4 box layout and headers/titles ONLY)                */
/* (for images and text see table.insidebox class below) */

table.main {
	margin-top: 0; 
    	margin-right: 0; 
    	margin-bottom: 0; 
    	margin-left: 0;
	width: 100%;
	border-spacing: 0;
	}

td.box, td.minimenu { 
	vertical-align: top;
	background-color: #ffffff; 
	border: #e8e3e3  solid 1px;
	border-bottom-width: 0px;
	text-align: left;
	font-size: 80%;
	width: 300px;
	}

p.header {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 110%;
	}
	
td.spacer {
	width: 15px;
	} 
	
td.vertspacer {
	height: 15px;
	} 
	
/* home page table classes  (inside boxes: text and images NOT headers or titles) */

table.insidebox
	{
	width: 100%;
	}

td.image {
	padding-left: 0px;
	background-color: #ffffff;
	text-align: center;
	}

td.info {
	vertical-align: top;
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px;
	text-align: left;
	width: 150px;
	background-color: #ffffff;
	}

td.minimenu { 
	
	padding-bottom: 15px; 
	padding-top: 15px;
	vertical-align: middle;
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	}
	
/*---------------------------------*/
/* About us  - Our Team*/
/*---------------------------------*/

table.about {
	border-spacing: 0;
	width: 100%;
	border: 0;
	}

td.photo {
	vertical-align: top;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 30px;
	width: 102px;
	}

td.photo img {
	padding: 0 1px;
	width: 102px;
	text-align: left;
	border: 0;
	}
	
td.text {
	vertical-align: top;
	BORDER-LEFT: #e8e3e3 solid 1px; 
	PADDING-LEFT: 8px; 
	PADDING-RIGHT: 20px; 
	PADDING-BOTTOM: 30px;
	text-align: left;
	width: 450px;
	}


p.resume {
	text-align: right;
	}

/*-----------------------*/
/* Whats new            */
/*-----------------------*/


table.c1 { 
	width: 100%;
	text-align: left;
	}

td.c2 { /*background-color: e0ebe7;*/ 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px; 
	}
	
.wnh { 
	font-size: 125%;
	color: #1f7a5f
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 0px;
	font-weight: bold;

	}

.postedby { 
	/*font-size: 90%; */
	padding-top: 20px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 0px;
	BORDER-BOTTOM: #e8e3e3 solid 1px;
	PADDING-BOTTOM: 2px; 
	BORDER-TOP: #e8e3e3 solid 1px; 
	PADDING-TOP: 2px;	
	}
	
td.c5 { background-color: ffffff;
	padding-left: 0px;
	}


/*Whats new page - contents of news*/

.c5 { 
	/*font-size: 90%; */
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	}




/*-----------------------*/
/* Contact Us            */
/*-----------------------*/


/* Contact Us Country Headings*/

.country 	{ 	

	font-weight: bold;
	font-size: 100%;
	padding-bottom: 30px; 
	}
/* Contact Us - Row Headings eg Contact name, Phone number etc. */

.rowhead { 
	font-size: 70%;
	padding-bottom: 10px; 
	}
	
.contacthead { 
	font-size: 70%;
	border-bottom: #e8e3e3 solid 1px;
	padding-left: 10px; 
	padding-right: 5px;
	padding-top: 20px; 
	padding-bottom: 20px;
	
	}
/* Contact Us - Small Company text */
 
.company {  
	font-size: 90%;
	COLOR: #999999; 
	font-weight: none;
	}

/* Contact Us - Row Information eg. names, fax numbers etc.*/

.rowinfo { 
	font-size: 70%;
	padding-bottom: 10px;
	padding-left: 30px; 
	}
	
.contactusabout { 
	font-size: 70%;
	
	border-bottom: #e8e3e3 solid 1px;
	padding-left: 10px; 
	padding-right: 5px;
	padding-top: 20px; 
	padding-bottom: 20px;  
	}

/*---------------------------------*/
/* Text Formatting Rules --Colours */
/*---------------------------------*/

/* The line tag is to replace normal hr tag*/
/* (within main body of text) */

.line {
	 BORDER-BOTTOM: #e8e3e3 solid 1px;
	 PADDING-BOTTOM: 2px;	
	} 

/* bold - */

.bold {   
	font-weight: bold;}

/* red bold - used for compulsory fields rename semantically*/

.red-bold {   
	text-decoration: none; 
	COLOR: #CC0000; 
	font-weight: bold;}

/* "override" classes added to eliminate stray style attributes, Jan 2009 */



.padbot2    {padding-bottom:2px;} /*in head*/
.padleft10  {padding-left:10px;} /*in head*/
.padright5  {padding-right:5px;}  /*in head*/
.textleft   {text-align:left;}  /*in head*/
.vertmid    {vertical-align:middle;}  /*in head*/
.verttop    {vertical-align:top;}  /*in head*/

.padleft5   {padding-left:5px;}  /*in headie ns6 nonie */

.padtop10   {padding-top:10px;}  /* in middle and left columns in index and in sendmessage and before H1*/

.bordbotsea {border-bottom: #8fa39d 1px solid;}  /*in send message*/

.padleft20  {padding-left:20px;}  /*in services pages*/
.padright20 {padding-right:20px;}  /*in services pages*/

.margbot0   {margin-bottom:0px;} /*in whatsnew.php*/

.padleft12  {padding-left:12px;} /*in side-menu.php*/