body {
			background-colour: #ffffff; font-family: Arial, Helvetica, Geneva, sans-serif; margin: 0; padding: 0; }
div#structure {
			background: url("media/balti.jpg") no-repeat; width: 880px;  top: 25px; background-color: white; height: 800px; margin-left: auto; margin-right: auto; position: relative; }
h1 { 		
			background-color: #f0f8ff; padding: 0.10em; padding-left: 20px; color: black; font-size: 11px; font-weight: bold; letter-spacing: 4px; width: 780px; }
h2 {		
			color: black; font-size: small; margin: 0; padding: 0; }			
h3 {		
			color: #ffffff; font-size:1.25em; font-weight: 800; margin: 0; padding-top: 10px; padding-left: 10px;} 
h4 {
			color: black; font-size: 11px; margin: 0; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid white; }
h5 { 
			color: gray; font-size: 12px; font-weight: 800;  }
h6 {		
			color: silver; font-size: 11px; }
p { 
			color: black; font-size: small; line-height: 1.33; }
			
td#smfont	{ font-size: 0.70em; }



img	{
			border: 0; }
			
ul { 
			color: black; font-size: small; line-height: 1.33; }
			
			
ul.list { 
			color: black; font-size: small; line-height: 1.33; }
			
ul.list li a:link {	
					color: blue; text-decoration: none; }	
			
ul.list li a:visited {	
					color:grey; text-decoration: none; }	
			
ul.list li a:hover {	
					color:red; text-decoration: none; }	
			
			
p.txt1	{ color: #597OB2; font-size: 0.65em; }
			
			
/* main text link style */
a:link {	
			color: blue; text-decoration: none; }	
a:visited {
			color: gray; text-decoration: none; }	
a:hover {  
			color: red; text-decoration: none; }
			
			
.r3 {
			}
div#content {
			width: 620px; position: absolute; margin-left: 20px; margin-right: auto; top: 420px; text-align: justify; }
			
div#content2 {
			width: 160px; position: absolute; margin-left:470px; margin-right: auto; top: 256px; }

div#content3 {
			width: 300px; position: absolute; margin-left: 170px; margin-right: auto; top: 475px; text-align: justify; }
			
div#form {
			margin-left: 170px;  position: absolute; top:450px; font-size: 0.70em; }
			

/* Roundel on top right */
div#anim { position: absolute; top: 0px; left: 759px; }		
			
			
			
a:link {
			text-decoration: none; }
			
			
div#sound {
			position: absolute; top: 0px; left: 20px; }  
				
			
			
/* main title-light blue panel */
div#heading	{
			position: absolute; top: 250px; left: 0px; }
			
			
/* main left BCC logo */
div#logo	{
			position: absolute; left: 41px; top: 125px; }
			
			

/* left grey rounded panel */	
div#panel	{
			position: absolute; left: 18px; top: 246px; width: 628px;background: url("media/bg-group.jpg") no-repeat; }
			
			
/* grey rounded panel on personnel page */	
div#personpanel	{
			position: absolute; left: 410px; top: 291px; width: 100%px; vertical-align: top; font-size: 0.70em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #000000; }
			
	
			
/* address details */
div#address {
			width: 140px; position: absolute; margin-left: 20px; top: 525px; }	

/* BCC banner */						
div#bccbanner {
			position: absolute; width: 265px;float: left; top: 500px; }
	
div#navigation { 
			width: 160px; position: absolute; top: 167px; margin-left: 0; margin-right: auto; font-size: small; }
ul.navbar {
			list-style-type: none; padding: 0; margin: 0; top: 0; left: 0; }
ul.navbar li a:link {	
					color: white; text-decoration: none; }	
ul.navbar li a:visited {
					color: blue; text-decoration: none; }	
ul.navbar li a:hover {  
					color: red; text-decoration: none; }
ul.navbar li {
			background: url("media/lt-barbsq.gif") no-repeat; margin: 0.3em 0; padding: 0.10em; text-decoration: none; }

div#phone {
			width: 446px; position: absolute; margin-left: 170px; top: 390px; 
			background-color: #5970b2; padding-left: 10px; }
	
/* client login panel */	
div#loginpanel { position: absolute; left: 657px; top: 60px; }


/* right panel - navigation */	
div#rightpanel { position: absolute; left: 657px; top: 246px; background: url("media/curry.gif") no-repeat; width:176px; height: 134px;
				 font-family: Arial, Helvetica, Geneva, sans-serif; }
								 
#rightpanel ul { list-style: none; margin: 0; padding: 0; }


#rightpanel li { border-bottom: 1px solid #ED9F9F; }


#rightpanel li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #711515;
				   border-right: 1px solid #711515; background-color: #B51032; color: #FFFFFF; text-decoration: none; }
				   
				   
			
/* second right panel */				
div#secondrightpan { position: absolute; left: 657px; top: 390px; background: url("media/curry.gif") no-repeat; width:176px; height: 214px; 
					  font-family: Arial, Helvetica, Geneva, sans-serif; }
					  
#secondrightpan ul { list-style: none; margin: 0; padding: 0px 0px 0px  0px; }


#secondrightpan li { border-bottom: 1px solid #ED9F9F; }


#secondrightpan li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #711515;
				       border-right: 1px solid #711515; background-color: #B51032; color: #FFFFFF; text-decoration: none; }
					  
					  
					  
					  
			
			
/* image panel-bottom left*/				
div#bluepanel { position: absolute; left: 0px; top: 470px; }


/* phone panel-bottom left on contact page only*/				
div#fonepanel { position: absolute; left: 0px; top: 470px; width: 100%; vertical-align: top; font-size: 0.90em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #003366; }


div#centerrpanel	{ position: absolute; left: 657px; top: 300px; }
					
			
/* white round corner base */		
div#bottompanel { position: absolute; left: 15px; top:620px; }
			
			
div#footer { position: absolute; left: 677px; top: 530px; }



div#base { position: absolute; left: 20px; top: 690px; font-size: 0.70em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #000000; }
			
a:link {	
			color: #330066; text-decoration: none; }	
a:visited { 
			 color: #330066; text-decoration: none; }	
a:hover {  
			color: #6633ff; text-decoration: none; }
			
			


div#charity	{position: absolute; left: 0px; top: 590px; }	
			
			
div#logo1	{ position: absolute; left: 500px; top: 595px; }		


div#rule	{ position: absolute; left: 651.5px; top: 241px; }	




/*top left NEWS panel*/			
div#newsdex { 
			width: 143px; position: absolute; top: 291px; left: 0px; font-size: 1em; }
			
ul.newsbar {
			list-style-type: none; margin: 0; left: 0; color: #003366; font-size: 0.90em; margin-bottom: 0px; }
			
ul.newsbar li {  border-bottom: 1px solid red; color: #000000; font-size: 0.90em; margin-bottom: 6px; }

li a:link {	
			color: #003366; text-decoration: none; }	
li a:visited { 
			 color: #666666; text-decoration: none; }	
li a:hover {  
			color: red; text-decoration: none; }
ul.newsbar {
			margin: 0; padding-top:10px; padding-left: 2px; padding-bottom: 8px; 
			text-decoration: none; background-color: #eaebec2; }