@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav-wrap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 500;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#wrap-brand {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 140px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+35,c8bcae+90,6e6457+90 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 35%, #c8bcae 90%, #6e6457 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 35%,#c8bcae 90%,#6e6457 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 35%,#c8bcae 90%,#6e6457 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6e6457',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
#wrap-page-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-image: url(../images/tile-ocean.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
	margin-top: 180px;
}
#page-content-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/fish-head-banner.png);
	background-position: center top;
	height: 160px;
	text-align: center;
	padding-top: 20px;
	background-repeat: no-repeat;
}
#page-content {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	-webkit-box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding-bottom: 30px;
}
#page-content-row-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#row-2-col1 {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 96%;
	display: block;
	text-align: center;
}
#row-2-col2 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	height: auto;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 4%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#page-content-row-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#row-3-col1 {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#row-3-col2 {
	clear: both;
	float: right;
	width: 96%;
	max-width: 695px;
	display: block;
	height: auto;
	border: 12px solid #FFF;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	padding: 0px;
	margin-top: 0%;
	margin-right: 10px;
	margin-bottom: 0%;
	margin-left: 0%;
}
#page-content-row-4 {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 96%;
	display: block;
	background-color: #f2ede7;
	border: 12px solid #FFF;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	padding: 0px;
	height: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#row-4-col1 {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	text-align: center;
}
#row-4-col2 {
	clear: none;
	float: left;
	width: 96%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#wrap-report-row {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 98%;
	display: block;
	margin-top: 10px;
	padding: 0px;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: center;
}
#report-col1 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}

/**REMOVING DUPLICACY**/

#report-col11 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
#report-col12 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
#report-col13 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
#report-col14 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
#report-col15 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
/**REMOVING DUPLICACY**/

#report-col2 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
/**REMOVING DUPLICACY**/

#report-col21 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col22 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col23 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col24 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col25 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}

/**REMOVING DUPLICACY**/
#title-row {
	clear: both;
	float: left;
	width: 98%;
	display: block;
	padding: 1%;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#title-col1 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#title-col2 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	margin: 0;
	padding: 0px;
	height: auto;
	text-align: right;
}
#page-content-row-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#wrap-foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
	height: 200px;
}
#foot-col1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 54%;
	display: block;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
#foot-col2 {
	clear: none;
	float: right;
	width: 30%;
	display: block;
	height: auto;
	margin-right: 2%;
	text-align: right;
	margin-top: 40px;
}
#wrap-credits {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #6f5e4b;
	text-align: center;
	height: 80px;
}
#credits {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #a69279;
	text-align: center;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	padding-right: 0px;
	padding-left: 0px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav-wrap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 500;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#wrap-brand {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 140px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+35,c8bcae+90,6e6457+90 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 35%, #c8bcae 90%, #6e6457 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 35%,#c8bcae 90%,#6e6457 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 35%,#c8bcae 90%,#6e6457 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6e6457',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
#wrap-page-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-image: url(../images/tile-ocean.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
	margin-top: 180px;
}
#page-content-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/fish-head-banner.png);
	background-position: center top;
	height: 230px;
	text-align: center;
	padding-top: 20px;
	background-repeat: no-repeat;
}
#page-content {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	-webkit-box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding-bottom: 30px;
}
#page-content-row-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#row-2-col1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 62%;
	display: block;
	text-align: left;
}
#row-2-col2 {
	clear: none;
	float: left;
	width: 35%;
	display: block;
	height: auto;
	margin: 0px;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 1%;
	line-height: 16px;
}
#page-content-row-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#row-3-col1 {
	clear: none;
	float: left;
	width: 34%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#row-3-col2 {
	clear: none;
	float: right;
	width: 56%;
	max-width: 695px;
	display: block;
	height: auto;
	border: 12px solid #FFF;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	padding: 0px;
	margin-top: 0%;
	margin-right: 10px;
	margin-bottom: 0%;
	margin-left: 0%;
}
#page-content-row-4 {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 96%;
	display: block;
	background-color: #f2ede7;
	border: 12px solid #FFF;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	padding: 0px;
	height: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#row-4-col1 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#row-4-col2 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#wrap-report-row {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 98%;
	display: block;
	margin-top: 10px;
	padding: 0px;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: left;
}
#report-col1 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
/**REMOVING DUPLICACY**/

#report-col11 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#report-col12 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#report-col13 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#report-col14 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#report-col15 {
	clear: none;
	float: left;
	width: 100%;
	max-width: 228px;
	display: block;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
/**REMOVING DUPLICACY**/
#report-col2 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
/**REMOVING DUPLICACY**/

#report-col21 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col22 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col23 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col24 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col25 {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	padding: 10px;
	height: auto;
}

/**REMOVING DUPLICACY**/
#title-row {
	clear: both;
	float: left;
	width: 98%;
	display: block;
	padding: 1%;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#title-col1 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#title-col2 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	margin: 0;
	padding: 0px;
	height: auto;
	text-align: right;
}
#page-content-row-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#wrap-foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
	height: 200px;
}
#foot-col1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 54%;
	display: block;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
#foot-col2 {
	clear: none;
	float: right;
	width: 30%;
	display: block;
	height: auto;
	margin-right: 2%;
	text-align: right;
	margin-top: 40px;
}
#wrap-credits {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #6f5e4b;
	text-align: center;
	height: 80px;
}
#credits {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #a69279;
	text-align: center;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	padding-right: 0px;
	padding-left: 0px;
}
}


@media and screen (min-width:320px) and (max-width:480px) {
	#wrap-page-content{
		margin-top:144px;
	}
#report-col1{
		margin:0px 25px !important;
	}
/**REMOVING DUPLICACY**/

#report-col11{
		margin:0px 25px !important;
	}
#report-col12{
		margin:0px 25px !important;
	}	
#report-col13{
		margin:0px 25px !important;
	}
#report-col14{
		margin:0px 25px !important;
	}
#report-col15{
		margin:0px 25px !important;
	}	
	
/**REMOVING DUPLICACY**/	
}	
	
	
	
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav-wrap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 500;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#wrap-brand {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 140px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+35,c8bcae+90,6e6457+90 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 35%, #c8bcae 90%, #6e6457 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 35%,#c8bcae 90%,#6e6457 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 35%,#c8bcae 90%,#6e6457 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6e6457',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
#wrap-page-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-image: url(../images/tile-ocean.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
	margin-top: 180px;
}
#page-content-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/fish-head-banner.png);
	background-position: center top;
	height: 230px;
	text-align: center;
	padding-top: 20px;
	background-repeat: no-repeat;
}
#page-content {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	-webkit-box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 34px 1px rgba(0,0,0,0.39);
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding-bottom: 30px;
}
#page-content-row-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#row-2-col1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 62%;
	display: block;
	text-align: left;
}
#row-2-col2 {
	clear: none;
	float: left;
	width: 35%;
	display: block;
	height: auto;
	margin: 0px;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 1%;
	line-height: 16px;
}
#page-content-row-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 0px;
	height: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#row-3-col1 {
	clear: none;
	float: left;
	width: 36%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#row-3-col2 {
	clear: none;
	float: right;
	width: 58.5%;
	max-width: 695px;
	display: block;
	height: auto;
	border: 12px solid #FFF;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	padding: 0px;
	margin-top: 0%;
	margin-right: 20px;
	margin-bottom: 0%;
	margin-left: 0%;
}
#page-content-row-4 {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 96%;
	display: block;
	background-color: #f2ede7;
	border: 12px solid #FFF;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	padding: 0px;
	height: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
}
#row-4-col1 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#row-4-col2 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#wrap-report-row {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 98%;
	display: block;
	margin-top: 10px;
	padding: 0px;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
}
#report-col1 {
	clear: none;
	float: left;
	width: 45%;
	max-width: 228px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-left: 10px;
}
/**REMOVING DUPLICACY**/

#report-col11 {
	clear: none;
	float: left;
	width: 45%;
	max-width: 228px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-left: 10px;
}
#report-col12 {
	clear: none;
	float: left;
	width: 45%;
	max-width: 228px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-left: 10px;
}
#report-col13 {
	clear: none;
	float: left;
	width: 45%;
	max-width: 228px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-left: 10px;
}
#report-col14 {
	clear: none;
	float: left;
	width: 45%;
	max-width: 228px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-left: 10px;
}
#report-col15 {
	clear: none;
	float: left;
	width: 45%;
	max-width: 228px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	margin-left: 10px;
}

/**REMOVING DUPLICACY**/
#report-col2 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	padding: 10px;
	height: auto;
}
/**REMOVING DUPLICACY**/

#report-col21 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col22 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col23 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col24 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	padding: 10px;
	height: auto;
}
#report-col25 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	padding: 10px;
	height: auto;
}

/**REMOVING DUPLICACY**/
#title-row {
	clear: both;
	float: left;
	width: 98%;
	display: block;
	padding: 1%;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#title-col1 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#title-col2 {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	margin: 0;
	padding: 0px;
	height: auto;
	text-align: right;
}
#page-content-row-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#wrap-foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
	height: 200px;
}
#foot-col1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 54%;
	display: block;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
#foot-col2 {
	clear: none;
	float: right;
	width: 38%;
	display: block;
	height: auto;
	margin-right: 2%;
	text-align: right;
	margin-top: 40px;
}
#wrap-credits {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #6f5e4b;
	text-align: center;
	height: 80px;
}
#credits {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #a69279;
	text-align: center;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	padding-right: 0px;
	padding-left: 0px;
}
}
/**18-may-2017**/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
		#wrap-page-content{
		margin-top:144px;
	}
	
	.xs-visible{
	
	background-color:#444444 !important;
}


.open {
    height: 431px !important;
    overflow: hidden;
    overflow-y: scroll;
	border-top:none !important;
    box-shadow: 0px 15px 15px -11px gray !important;
    position: absolute !important;
    background: white !important;
    width: 100%;
}
	
	#wrap-brand {
  
    height: 100px;
	
	}
	#wrap-brand img {
    margin-top: 30px;
    width: 80%;
}

	
	
	#credits {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	
	}
	#title-col2 {
    clear: none;
    float: right;
    width: 50%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px !important;
	}
	
	.font-24-bold-red {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px !important;
    font-weight: 700;
    color: #900;
}

    #page-content-top ul li span{
		font-size: 25px;
		text-align: center;
	}
	#page-content-top ul {
		margin-left: -30px;
	}
	#report-col1 {
		margin-left: 17px;
	}
	/**REMOVING DUPLICACY**/
	
	#report-col11 {
		margin-left: 17px;
	}
	#report-col12 {
		margin-left: 17px;
	}
	#report-col13 {
		margin-left: 17px;
	}
	#report-col14 {
		margin-left: 17px;
	}
	#report-col15 {
		margin-left: 17px;
	}
	
	/**REMOVING DUPLICACY**/
	
	
}


@media only screen and (min-device-width: 481px) and (max-device-width: 800px) {
	#wrap-page-content{
		margin-top:130px;
}
	#wrap-brand {
    height:auto;
}
.font-title-44-black{
	font-size:37px !important;
}
#page-content-top {
    height: 195px;
}
	
		.xs-visible{
	
	background-color:#444444 !important;
}


.open {
    height: 430px !important;
    overflow: hidden;
    overflow-y: scroll;
	border-top:none !important;
    box-shadow: 0px 15px 15px -11px gray !important;
    position: absolute !important;
    background: white !important;
    width: 100%;
}
	#wrap-brand img {
    margin-top: 25px;
	margin-bottom: 32px;
    width: 300px;
}

	#credits {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	}
	
	#title-col2 {
    clear: none;
    float: right;
    width: 50%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px !important;
	}
	
	.font-24-bold-red {
    font-family: 'Open Sans', sans-serif;
    font-size: 19px !important;
    font-weight: 700;
    color: #900;
}
    #row-2-col1 img{
		margin-left: 80px;
	}
	#row-2-col2 {
		width: 100%;
	}
	#row-3-col1 {
		padding-top: 0px;
		padding-bottom: 0px;
		width: 41%;
	}
	#row-3-col1 span{
		font-size: 14px;
	}
	/* #row-3-col1 {
		width: 60%;
		margin-left: 14%;
	}
	#row-3-col2 {
		width: 70%;
		float: left;
		margin-left: 14%;
	} */
}


@media only screen and (min-device-width: 801px) and (max-device-width: 999px) {
	#cssmenu > ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent !important;
    border-top-color: #ffffff !important;
    right: 1px !important;
    top: 21.5px !important;
}

	#cssmenu > ul > li > a {
    padding: 18px 14px 21px 14px !important;
    border-right: 1px solid rgba(80, 80, 80, 0.12);
    text-decoration: none;
    font-size: 11px !important;
    font-weight: 700;
    transition: ease-in-out 0.4s;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0px !important;
}
#cssmenu.align-center > ul {
    float: none;
    text-align: center !important;
    font-size: 0;
}
	
	
	
}

@media only screen and (min-device-width: 1000px) and (max-device-width: 1160px) {
	#cssmenu > ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent !important;
    border-top-color: #ffffff !important;
    right: 10px !important;
    top: 22.5px !important;
}

	#cssmenu > ul > li > a {
    padding: 20px 26px 20px 26px !important;
    border-right: 1px solid rgba(80, 80, 80, 0.12);
    text-decoration: none;
    font-size: 11px !important;
    font-weight: 700;
    transition: ease-in-out 0.4s;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0px !important;
}
#cssmenu.align-center > ul {
    float: none;
    text-align: center !important;
    font-size: 0;
}
	
	
	
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
	
	#wrap-brand img {
    margin-top: 40px ;
    width: 320px;
}

	
	#credits {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	}
	
	#title-col2 {
    clear: none;
    float: right;
    width: 50%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px !important;
	}
	
	.font-24-bold-red {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px !important;
    font-weight: 700;
    color: #900;
}

    .font-title-24-black {
		font-size: 18px !important;
	}
	#row-2-col2 {
		width: 98%;
		float: right;
		
	}
	#row-2-col1 img{
		margin-left: 120px;
	}
	#row-2-col1 {
		width: 60%;
	}
	#row-3-col1 {
		padding-top: 0px;
		padding-bottom: 0px;
		width: 36%;
	}
	#report-col2 {
		width: 60%;
	}
	/**REMOVING DUPLICACY**/

	#report-col21 {
		width: 60%;
	}
	#report-col22 {
		width: 60%;
	}
	#report-col23 {
		width: 60%;
	}
	#report-col24 {
		width: 60%;
	}
	#report-col25 {
		width: 60%;
	}

	/**REMOVING DUPLICACY**/
	#report-col1 {
		max-width: 226px;
	}
	/**REMOVING DUPLICACY**/
	
	#report-col11 {
		max-width: 226px;
	}
	#report-col12 {
		max-width: 226px;
	}
	#report-col13 {
		max-width: 226px;
	}
	#report-col14 {
		max-width: 226px;
	}
	#report-col15 {
		max-width: 226px;
	}
	
	/**REMOVING DUPLICACY**/
}

/**18-may-2017**/
strong{
	
	 
	   transition: ease-in-out 0.4s !important;
}

strong:hover {
    color: gray;
    transition: ease-in-out 0.4s !important;
    cursor: pointer;
}
img{
	
	opacity:1;
	transition:ease-in-out 0.5s;
	cursor:pointer;
	transform: scale(1);
}

img:hover{
	transform: scale(0.98);
	opacity:0.7;
	transition:ease-in-out 0.5s;
}

.line {
    background-color: lightgrey;
    margin-top: 0px !important;
    margin-bottom:0px !important;
    opacity: 0.4;
    height: 1px;
    width: 100%;
    display: inline-block;
}

.line2 {
    background-color: lightgrey;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    opacity: 0.4;
    height: 1px;
    width: 100%;
    display: inline-block;
}