* {	margin: 0px; padding: 0px; border: 0px ;}/*currentColor - This was added to the border but it's a css3 atribute (unrecognised by validator) and it's causing standards to fail. */

html {background: url(../images/fishbg.jpg) fixed no-repeat right bottom #22467B; padding: 0px; height: 100%; color:#ffffff;}

body {background: url(../images/fishbg.jpg) fixed no-repeat right bottom #22467B; padding: 0px; height: 100%;  color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.35em;}
body p{ padding:0.5em}
.cellonly{ display:none;}
.container{width:972px; margin:auto;}
.header{padding:10px 0; float:left;}
.left{width:250px; float:left;}
.right{width:722px; float:left;  background: url(../images/fishtrans.jpg) fixed no-repeat right bottom rgb(233, 238, 243);   color: rgb(0, 0, 51);   min-height:500px;}
/*.footer{ background-image:url(../images/orange_bg.jpg); background-repeat:repeat-x; height:50px; width:722px; float:right; text-align:center; font-size:0.8em;}*/

.footer{ width:722px; float:right; text-align:center; font-size:0.8em; padding:5px 0;
	background: #F2A435; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F0BD62, #F4910F); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F0BD62, #F4910F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F0BD62, #F4910F); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F0BD62, #F4910F); /* Standard syntax (must be last) */
}

.footer a:link , .footer a:visited {color: #ffffff; text-decoration: none;}
.footer a:hover , .footer a:active {color: #ffffff; text-decoration:  underline;}

/*a:link.footerlink , a:visited.footerlink {color: #ffffff; text-decoration: none;}
a:hover.footerlink , a:active.footerlink {color: #ffffff; text-decoration:  underline;}*/

/* ********** table borders *********** */
.colourtable, .colourtable td{ padding:5px;  border-collapse:collapse;
border: solid 1px  #9C9CCE; /*outside border*/
}

.hide{ display:none;}
.titles{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; line-height:1.3em;}
.standouttitles{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; line-height:1.2em; color:#63BCFF;}

/* ***************  pagelinks ******************* */
a:link.pagelinks , a:visited.pagelinks {color:#3692DC; text-decoration:none; border-bottom:solid 1px #FF9A04;}
a:hover.pagelinks , a:active.pagelinks {color:#FF9A04; text-decoration:none; border-bottom:solid 1px #FF9A04;}

/* ********** navigation buttons *********** */
.buttons{}
		
a:link.buttons , a:visited.buttons{
border-width: 1px 0 1px 0; border-style:solid;
border-color: #63BCFF;
width: 246px;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif; 
text-transform:capitalize;
float:right;
padding:2px; 
margin-bottom:-1px
}

a:hover.buttons , a:active.buttons
{
background: #99CCFF;
color:#000000;
}

#hover.buttons /* the # makes it an id identifier. using this for the php bit */
	{  background: #E9EEF3;
color:#000000;}

.nav{ float:right; height:32px; width:560px; margin-top: -32px; clear:both}

 /* tabsprite  */
	.tabsprite{}
a:link.tabsprite , a:visited.tabsprite { float:left;  margin:0 1px; padding:5px 0; text-align:center;
 color:#ffffff;
		display:block;
		width:88px;
		height:22px;
		background: url(../images/tabsprite.png) 0 0 no-repeat;
		text-decoration: none;
		}
a:hover.tabsprite {background-position: 0 -32px; color:#000000;}
#hovertab.tabsprite {background-position: 0 -32px; color:#000000;}/* background-position: left top */
a:active.tabsprite {background-position: 0 -32px; color:#000000;}
 /* end tabsprite  */

 /* ***************  skipnav links ******************* */
.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

/* ***************  divider ******************* */
.divider{ clear:both; background-image:url(../images/divider.png); width:682px; height:54px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; line-height:2em; color:#ffffff; margin:auto; padding-left:20px;}

 /* ***************  client links ******************* */
.clientlink {
	color: #405F83;
	font-family: verdana;
	font-size: 0.8em;
	text-decoration: none;
}
a:hover.clientlink {
	text-decoration: underline;
}

/* ***************  orange bullets ******************* */
.bulletorange
 {
 margin-left: 35px;
 padding-left: 0;
 list-style: none;
 }

 .bulletorange  li 
{
 padding-left: 15px;
 background-image: url(../images/bullet-orange.png);
 background-repeat: no-repeat;
 background-position: 0 .5em;}

/* ***************  quotebox  *************** */
.quotebox{  background-image:url(../images/quotemarks.png); background-repeat:no-repeat; 
width:540px; 	min-height:32px;
border-style: solid;
				border-color: #FF9A04;
				border-width: 1px ;
				padding:10px 10px 10px 60px;
				font-size:8pt; 
				margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto;
		
				}
				
/* ********** youtube video responsive *********** */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ********** /youtube video responsive *********** */				

/* ***************  begin pagination ******************* */
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #3692DC; /*  pagelink blue */
	
	text-decoration: none; /* no underline */
	color: #3692DC; /* pagelink blue */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #1B4F88; /* mucky page-blue */

	color: #1B4F88; /* mucky page-blue */
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #3692DC; /*  pagelink blue */
		
		font-weight: bold;
		background-color: #F49311; /* orange */
		color: #ffffff; /* white */
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #a1cef3; /* faded blue */
	
		color: #a1cef3; /* faded blue */
	}
/* ***************  end pagination ******************* */


@media screen and (max-width: 768px) {
.nav , .left , .notcell {display:none;}
.cellonly{ display: inline-block;}
html , body , .right {background: none;}
.header{ background-color:#174A81; width:100%; float: none; text-align:center;}
.right{width:100%;   background-color: #fff;   min-height: 0; }
.divider{ width:95%; margin-left:5%; box-sizing: border-box;}
.container{width:100%;}
.quotebox{  width:90%;  box-sizing: border-box;}
.footer{ width:100%; float:right; }
}