body {
			background-colour: #ffffff; font-family: Arial, Helvetica, Geneva, sans-serif; margin: 0; padding: 0; }
div#structure {
			background: url("media/head-j.jpg") no-repeat; width: 800px;  top: 25px; background-color: white; height: 830px; 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: #003366; font-size:1.25em; font-weight: 800; margin: 0; padding: 0; } 
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: 455px; position: absolute; margin-left: 170px; margin-right: auto; top: 291px; text-align: justify; }
			
div#content2 {
			width: 160px; position: absolute; margin-left:430px; margin-right: auto; top: 291px; }

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; }
			
			
			
a:link {
			text-decoration: none; }
			
			
/* main title-light blue panel */
div#heading	{
			position: absolute; top: 250px; left: 0px; }
			
			
/* main left BCC logo */
div#logo	{
			position: absolute; left: 20px; top: 134px; }
			
			
/* main left BCC logo */
div#anim{
			position: absolute; left: 15px; top: 18px; }
			
			

/* left grey rounded panel */	
div#panel	{
			position: absolute; left: 0px; top: 291px; width: 100%; vertical-align: top; font-size: 0.90em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #003366; }
			
			
/* 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 */	
div#rightpanel { position: absolute; left: 657px; top: 170px; font-size: 0.90em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #003366; }
			
/* second right panel */				
div#secondrightpan { position: absolute; left: 657px; top: 410px; font-size: 0.80em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #003366; }
			
			
/* 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; float: left; top: 675px; font-size: 0.60em; 
			font: Arial, Helvetica, Geneva, sans-serif; color: #003366; }
			
div#baseimage	{ position: absolute; left: 170px; top: 555px; }
		
			
			
div#footer { position: absolute; right: 0px; top: 710px; }


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

div#logo2	{ position: absolute; left: 570px; top: 595px; }	


/*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; }



			
			


			

/* dropdown navigation */	
div#sddm { position: absolute; left: 0px; width: 660px; top: 204px; }

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 7px;
	width: 67px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}