
/* outercolour 

html, body		{	text-align: center;	 background-color: #ffffff;	 vertical-align: middle;}*/

body 	  {	font-family:verdana;  font-size: small; text-align: center;}

/* container intotal ******************************************************************************************************/

.container {width: 100%; margin: auto; text-align: center;	padding: 0px 0px 0px 0px; background-color: #fff; }

/* content container for main content area */
/*#content {	width: 900px;margin:  0px 0px 0px 0px;	text-align: center;	vertical-align: middle;	padding: 0px 0px 0px 0px;}
#home #content  {background: url("/images/content_bkg.gif") bottom left;	}
#contactus #content {background: url("/images/bkg_contact.jpg") no-repeat bottom left;}	
#simple #content {	background: url("/images/content_bkg.gif") bottom left;}
#errorpage #content {background: url("/images/head-error.gif") no-repeat top left;}*/
#content {min-height: 270px; width: 100%;  margin: 0px 0px 0px 0px;	text-align: left;	vertical-align: middle;	padding: 0px 0px 0px 0px;}

#contact #content {	min-height: 300px;}/* admin content container for main admin area */	

.finger{cursor: pointer;}

/* navigation main ***********************************************************************************************************/


.headerbkg
{
float: left;
clear: none;
width:100%; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 10px 0px;

}

.logo {
clear:none;
float: left;
margin: 0px;
width: 15%;
font-size: 19px;
font-weight: bold;
color: #009966;
}


/* header navtext */
.fieldstyle      { font-size: 10px;}
.searchfieldstyle      { font-size: 10px;  height: 10px;}
#flags {
	clear: none;
	float: right;
	line-height: normal;
	width: 84%;
	margin: 0;
}
/* navigation tabs */

.tabs {
	clear: none;
	float: right;
	line-height: normal;
	width: 84%;
	margin: 25px 0 0 0;
}

.tabs ul {

	margin:0 0 0 0px;
	padding: 0;
	list-style:none;
	width:100%;
	
}
.tabs li {
	display: inline;
	position: relative;
	clear: none;
	float:left;
	width: 19%;
	margin:0 0 0 1px;
	padding: 5px 0px 5px 0px;
	background: #006599;
}

.tabs li ul {
	/* second-level lists */
	z-index: 99;
	display: none;
	position: absolute;
	top: 26px;
	left: 0px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #0480C0;
	text-align: right;
	width: 100%;
	height: auto;
}

.tabs li ul li {
	/* second-level list items */	
	display: block;
	line-height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-right: none;
	border-top: 1px solid #fff;	
	background-color: #0289CE;
	text-align: left;
	width: 100%;
}


.tabs li.>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
 /* top level rollover */
.tabs li:hover, .tabs li.over{background-color: #0289CE; display: block;}
 /* secondlevel rollover */
.tabs ul li ul li:hover, .tabs  ul li ul li.over{background-color: #92C3DC; display: block;}

.tabs li:hover ul, .tabs li.over ul 
{display: block;}



a.nav  {  color: #fff;	text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;  font-size: 10px; text-align:left; }
a.nav:link  { font-weight: normal; color: #fff;	text-decoration: none;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;  font-size: 10px; text-align: left; line-height: 15px;}

a.nav:hover { font-weight: normal; color:#ffffff; font-size: 10px; text-decoration: none;	}     
a.nav:visited {font-weight: normal;  color: #ffffff; font-size: 10px; text-decoration: none; 	}
a.nav:visited:hover { font-weight: normal; color: #ffffff; font-size: 10px; text-decoration: none;}  

a.nav_on  { font-weight: bold; color: #ffffff;	text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;  font-size: 10px; text-align:left; }
a.nav_on:link  { color: #ffffff;	text-decoration: none;	font-weight: bold;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;  font-size: 10px; text-align: left; line-height: 15px; }

a.nav_on:hover {  color:#ffffff; font-size: 10px; text-decoration: none;font-weight: bold; }     
a.nav_on:visited { color: #ffffff; font-size: 10px; text-decoration: none; font-weight: bold;  }
a.nav_on:visited:hover { color: #ffffff; font-size: 10px; text-decoration: none; font-weight: bold;  } 
/* main content/columns layout ************************************************************************/


#welcome {margin: 10px 0 10px 10px;
clear: both;
font-size: medium;
font-weight: bold;
color:#0480C0;}

/* columns A - On Left hand side, includes newsflas and image ********************/

	
#cola{
	clear: both;
	float: left;	
	margin: 0px 1% 5px 0px; /* for PC IE*/
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 335px;
	min-height: 220px;
		
}

#newsflash {
	text-align: left;
	background: #fff;
	border: 1px solid #016599;
	width: 335px;
	padding: 0px 0px 0px 5px;
	margin:5px 0px 5px 0px;
}

.flashbanner {
	z-index: -1;
	position: absolutee;
}


/* columns B - Right hand side, contains CM page text on homepage ********/

#colb {
	clear: none;
	float: left;
	margin: 1px 0px 5px 0px;	
	padding: 0px 0px 0px 0px;
	width:53%;
	text-align: left;
	background: none;
	
	
}

#colbtext {
margin: 5px 10px 13px 10px;
}

/************************************************************************************************************************************************************************

/* default * including the links on simple pages that are listed when created*/
a                { color: #000000; font-size: 11px; text-decoration: none; font-weight: normal;}
a:link                { color: #000000; font-size: 11px;  font-weight: bold; text-decoration: underline; }
a:hover          {	color: #6C5C46;	font-size: 11px;  font-weight: bold;}
a:visited        {	color: #000000;	font-size: 11px; text-decoration: none; font-weight: bold;}
a:visited:hover          { color: #335229; font-size: 11px; font-weight: bold; }

a.conv { color: #0480C0; font-size: medium; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold; }

h3 { color: #0480C0; font-size: medium;	margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;  }  
h2{ color: #0480C0; font-size: large;	font-weight: bold; margin: 5px 0 0px 0px;}
h4 { margin: 0px; padding: 0px 0px 0px 0px;	font-size: 10px; font-weight: normal; text-align: left;  text-decoration: none; }
h5{ color: #ffffff; text-decoration: none; font-weight: bold; font-size: 13px;}
h6{ color: #0480C0; text-decoration: none; font-weight: bold; font-size: 13px;}
h7{ color: #999; text-decoration: none; font-weight: bold; font-size: 13px;}


p { margin: 0 0 10px 0; padding: 0px 0px 0px 0px; font-size: 12px; font-weight: normal;  }

.smallheader    { color: #6C5C46; font-size: 12px; font-weight: bold; line-height: 12px; }
.mediumheader   { color: #b1aa80; font-size: 14px;	font-weight: normal; line-height: 18px; }
.largeheader    { color: #fff; font-size: 18px;	font-weight: bold; margin: 5px 0 0px 10px; }
.simpletitle {	 font-size: 16px; color: #009966;	margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;	text-align: left; font-weight: bold;}

/* footer ********************************************************************************************************************************************************************/

/* iconography link text ***********/
a.iconlink       { color: #fff; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.iconlink:link       { color: #fff; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.iconlink:hover {	color: #000000;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 
a.iconlink:visited {	color: #fff;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 

/* CMS admin link text ***********/
a.admin 	      { color: #fff; text-decoration: none; font-weight: bold; font-size: 13px;}
a.admin:link	      { color: #fff;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.admin:hover  	{ color: #000000; text-decoration: underline; font-weight: normal; font-size: 12px;}
a.admin:visited	{ color: #fff;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.admin:visited:hover	{ color: #000000; text-decoration:underline; font-weight:normal; font-size: 12px;}

a.hiddenlink { color: #016599; }
a.hiddenlink:hover { color: #FFF; }

/* CMS news link text ***********/
a.news 	      { color: #ff0000; text-decoration: none; font-weight: bold; font-size: 13px;}
a.news:link	      { color: #ff0000;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news:hover  	{ color: #000000; text-decoration: underline; font-weight: normal; font-size: 12px;}
a.news:visited	{ color: #ff0000;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news:visited:hover	{ color: #000000; text-decoration:underline; font-weight:normal; font-size: 12px;}

a.news2 	      { color: #006699;; text-decoration: none; font-weight: bold; font-size: 13px;}
a.news2:link	      { color: #006699;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news2:hover  	{ color: #006699; text-decoration: underline; font-weight: normal; font-size: 12px;}
a.news2:visited	{ color: #006699;; text-decoration: none; font-weight: normal; font-size: 12px;}
a.news2:visited:hover	{ color: #000000; text-decoration:underline; font-weight:normal; font-size: 12px;}

/* footerlinks***********/
a.footnav       { color: #999; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.footnav:link       { color: #999; font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal; } 
a.footnav:hover {	color: #000000;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 
a.footnav:visited {	color: #999;	font-size: 11px; font-family: verdana; text-decoration: none; font-weight: normal;} 

.flagnav       { color: #999; font-size: 9px; font-family: verdana; text-decoration: none; font-weight: normal; display: inline;} 
.flagnav:link       { color: #999; font-size: 9px; font-family: verdana; text-decoration: none; font-weight: normal; } 
.flagnav:hover {	color: #000000;	font-size: 9px; font-family: verdana; text-decoration: none; font-weight: normal;} 
.flagnav:visited {	color: #999;	font-size: 9px; font-family: verdana; text-decoration: none; font-weight: normal;} 

/* footer div ***********/

.footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	text-align: center;
	width: 100%;	
	height: 81px;
	background-color: #ffffff;
	color: #999; 
	font-size: 11px; 
	font-family: verdana; 
	text-decoration: none; 
	font-weight: normal; 
}

#errbox {
	margin: 20px auto;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

#confbox {
	margin: 20px auto;
	color: #003399;
	border: 1px solid #003399;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

.flagbox {
	width: auto;
	height: auto;
	display: inline;
	margin-right: 5px;
}

#flags ul{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#flags li {
	float: left;
	width: 50px;
	height: 40px;
	margin-top: 10px;
	padding: 0;
	line-height: 80%;
}
	
#flags a {
	text-decoration: none;
	color: #999;
	font-size: 9px;
	font-family: verdana;
	font-weight: normal;
}

#membersnotes {
	float: right; 
	width: 70%;
}

a.memberlink {
	font-weight: normal;
	text-decoration: none;
	font-size: 100%;
	}

/* End */



