#topbar {

	background:  transparent url(images_css/headerBG_blue.jpg) repeat-x scroll 0% 100%;

}

body {  background-image:url('backgrounds/Blue_port_1024.jpg');}

h1 {


	
	color:  	#556699;
}
h2 {
	
	color: #325878;
}

h5 {
  	
  	color:#01679A;
} 

h6 {
  	
  	color:#01679A;
}


img {
	border:0px solid #dbb7db;
	float: left;
	margin-right:10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 0px;

}






/* -------------- button blue -------------- */
.button.colour {
	color: 				hsl(208, 50%, 40%) !important;
	background-color: 	hsl(208, 100%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
}
.button.colour:hover { 	background-color: hsl(208, 100%, 83%); }





.expand-down ul li a span {
  color:	#3F71BB;
}

.expand-down ul li:hover a span {
  color:	#203994;
}





#footer {
   background-color: 		#B9D0E1; 
   color: 		#6087F4;

}