/* General styles */
body {
	margin: 0 auto;		/*Center container on page*/
	margin-top: 20px;
	background-image: url(/bg.png);
	background-color: #063060;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width: 978px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
}

p {
	color:#ffffff;
	margin:.4em 0 .8em 0;
	padding:0;
}

a {
	color:#ccffff;
}

a:hover {
	color:#e0db26;
	background:#083d7a;
	text-decoration:none;
}

h1, h2, h3 {
	margin:.6em 0 .2em 0;
	padding:0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #e0db26;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #e0db26;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #e0db26;
}

img {
	margin:10px 0 5px;
}


/* Header styles */

#header {
	clear:both;
	float:left;
	width:100%;
	background: #063060;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #0c4484;
	border-width: 1px;
}

#header p,
#header h1,
#header h2,
#header img {
	padding:0px 0px -10px 0px;
	margin:0;
}


/* 'widths' sub menu */
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* LEFT (MENU) column settings */
.leftmenu {
	background: #063060;
	background-image: url(/tuna-bg-1.png);
	background-repeat:no-repeat;
	background-position:25px 100%;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #0c4484;
	border-width: 1px;
}

.navmenu {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13pt;
}

.navmenu a {
	color:#ffffff;
	text-decoration:none;
}

.navmenu a:hover {
	color:#e0db26;
	background:#083d7a;
}


/* RIGHT (BODY) column settings */
.leftmenu .colright { 
	float:left;
	width:200%;
	position:relative;
	left:220px;
	background: #063060;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #0c4484;
	border-width: 1px;
}

.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:220px;
	padding-bottom:1em;
}

.leftmenu .col1 {
	margin:0 15px 0 235px;	/* margin for BODY column */
	position:relative;
	right:100%;
	overflow:hidden;
}

.leftmenu .col2 {
	float:left;
	width:220px;
	position:relative;
	right:200px;
}

.col1 img {
	margin:0px 0px 0px 0px;
	border: 2px solid #ffffff;
}

.graphic img {
	margin:0px 0px 0px 0px;
	border: 0px;
}


.sponsors img {
	border: 0px solid #ffffff;
}

.sponsors a img:hover {
	margin:0px 0px 0px 0px;
	color:#063060;
	background:#063060;
}

.sponsors p {
	font-size: 14pt;
	margin:0px 0px 0px 0px;
}

.sponsors a {

}

.sponsors a:hover {
	color:#063060;
	background:#063060;
}

.sponsorlinktext p {
	font-size: 14pt;
}

.sponsorlinktext a:hover {
	color:#e0db26;
	background:#083d7a;
	text-decoration:none;
}

.bold {
	color: #E0DB26;
	font-weight: bold;
}


/* Footer styles */

#footer {
	clear:both;
	float:left;
	width:100%;
	height:88px;
	overflow:hidden;
	background: #052952;
	background-image: url(/tuna-bg-2.png);
	background-repeat:no-repeat;
	background-position:25px 100%;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #0c4484;
	border-width: 1px;
}

#footer p {
	color:#0c4484;
	font-size: 11pt;
	text-align: center;
	padding:10px;
	margin:7px;
}

#footer a {
	color:#0c4484;
	text-decoration:none;
}

#footer a:hover {
	color:#e0db26;
	background:#083d7a;
}










#footerclear {
	clear:both;
	float:left;
	width:100%;
	height:50px;
	background-image: url(/tuna-bg-3.png);
	background-repeat:no-repeat;
	background-position:25px 0px;
}
#footerclear p {
	color:#0c4484;
	font-size: 10pt;
	text-align: center;
	padding:10px;
	margin:0;
}

#footerclear a {
	color:#0c4484;
}

#footerclear a:hover {
	color:#e0db26;
	background:#083d7a;
}





.form p {
	margin: 0 0 0 0;
	padding: 10 0 10 0;
}

.extra {
	display:none;
}











/* Photo Gallery Styles */
/* Medium Color BG */
.gpn_tborder {
	color: #CCCCCC; 
	background: #083d7a; 
	border: 1px solid #000000;
}

/* Dark Color BG */
.gpn_control {
	font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #FFFFFF; 
	background: #052952; 
	padding: 3px 6px 3px 6px; 
	white-space: nowrap;
}

/* Light Color BG */
.gpn_inactive {
	color: #000000;	
	background: #0e4b91; 
	text-decoration: none;
}

/* Medium Color BG */
.gpn_active {
	color: #666666;
	background: #083d7a; 
}

.gpn_smallfont {
	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.photogallery p {
	text-align: left;
	margin:0px 0px 0px 0px;
}

.photogallery img {
	margin:0px 0px 0px 0px;
	border: 2px solid #ffffff;

}

.photogallery a img {
	border-color: #ffffff;
}

.photogallery a:hover img {
	border-color: #e0db26;
}

.photocaption {
	font-size: 8pt;
	line-height:120%
}

.reports {

}

.reports p {
	text-align: left;
	margin:0px 0px 0px 0px;
}

.reports img {
	margin:0px 0px 0px 0px;
	border-style:none;
}

.reports a img {
	border-color: #ffffff;
}

.reports a:hover img {
	border-color: #e0db26;
}

.reporth3 {
	color:#e0db26;
	margin-bottom:20px;
}