body {background:#E0E0E0;color:#083194;text-align:center}

div.logo {background-image: url('libraries/slideshows/2007/antarctica2007/antarcticayachtsealprofile.jpg');
	width:600px;
	float:left;
	background-repeat:no-repeat;
	white-space:pre}
div.navigation-wide
	{	width:100%;
	position:fixed;
	display:block;
	background:rgb(3,22,69);
	color:#E0E0E0;

		}


div.topnav {
   background-color: rgb(3,22,69);
  position: fixed;
  width: 100%;
  font-family: "Verdana";
z-index: 99;
}

div.topnav #myLinks {
  display: none;
}

div.topnav a {
  color: #E0E0E0;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  background: rgb(3,22,69);

}

div.topnav a.icon {
  background: rgb(3,22,69);
  display:block;
  position: absolute;
  right: 0;
  top: 0;
}

div.topnav a:hover {
  background-color: rgb(3,22,69);
  color: #E0E0E0;
}

div.topnav a:active {
  background-color: #083194;
  color: #E0E0E0;
}



div.wide
	{width:100;
	position:relative;
	background:#E0E0E0;
	color:#083194;}

div.navigation-narrow
	{display:none;}


div.mainpage {width:800px;
	text-align:left;
	float:center;
	margin-left: auto;
	margin-right: auto}


div.sixone {width:545px;
	text-align:left;
	float:left}

div.nav  {width:150px;
	border-right:1px solid #083194;
	border-left:1px solid #083194;
	border-top:1px solid #083194;
	border-bottom:1px solid #083194;
	margin-right:15px;
	padding-bottom:15px;
	float:left;
	text-align:center}

div.telephone {width:242px;
	      text-align:center;
	       float:right}

div.right150 {width:150px;
	margin-right:15px;
	margin-left:10px;
	float:right;
	text-align:left}

div.right15per
	{width:15%;
	margin-left:10px;
	float:right;
	text-align:left}

div.left15per
	{width:15%;
	margin-right:10px;
	float:left;
	text-align:left}

div.current {width:200px;
	float:right;
	text-align:center;
	border-right:2px solid #083194;
	border-left:2px solid #083194;
	border-top:2px solid #083194;
	border-bottom:2px solid #083194;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:5px;
	margin-left:10px}

div.photos {width:399px;
	margin-right:15px;
	padding-bottom:15px;
	float:left}


div.videowrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

div.videoelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: teal;
}


div.videowrapperhalf {
	position: right;
	padding-bottom: 56.25%;
	height: 0;
}

div.videoelementhalf {
	position: right;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	background: teal;
}
p.spaces {white-space:pre;
	font-family: "Verdana";
	font-size: 10pt}


h1 {font-family: "Verdana", "Arial";
	text-align:left}

h2 {font-family: "Verdana", "Arial";
	text-align:left}

h3 {font-family: "Verdana", "Arial";
	text-align:left}
h5,h6 {font-family: "Verdana"}
p {font-family: "Verdana";
	font-size: 10pt}

p.bigscreen {font-family: "Verdana";
	font-size: 10pt;
	white-space:pre;
	background-color:rgb(3,22,69);
	color:#E0E0E0;
	}



p.reverse {font-family: "Verdana";
	font-size: 10pt;
	white-space:pre;
	background-color:rgb(3,22,69);
	color:#E0E0E0;
	}
p.head {font-family: "Verdana";
	font-size: 10pt;
	font-weight: bold}

p.typewriter {font-family: "Courier New", "Verdana", "Arial";
	font-size: 12pt}

p.typewritersmall {font-family: "Courier New", "Verdana", "Arial";
	font-size: 9pt}

p.caption {text-align:center;
	font-family: "Verdana";
	font-size: 8pt}

p.captionleft {text-align:left;
	font-family: "Verdana";
	font-size: 12pt;
	line-height:150%}

p.nav {font-family: "Verdana";
	text-align:center;
	font-size: 8pt}

p.navhead {font-family: "BankGothic Md BT", "Verdana", "Arial";
	font-size: 10pt;
	text-align:center;
	font-weight: bold}

p.white  {	text-align:left;
	font-family: "Verdana";
	font-size: 16pt}

p.white12 {text-align:left;
	font-family: "Verdana";
	font-size: 12pt}

p.vertical {
	transform: rotate(270deg);
	transform-origin: left top 0;
	float: left;
	font-size: large;}

ul {list-style:square;
	font-family: "Verdana";
	font-size: 10pt}


a:link {color:rgb(3,22,69);
	text-decoration:none;
	font-weight: bold}

a:visited {color:rgb(3,22,69);
	text-decoration:none;
	font-weight: bold}

a.whitelink:link {color:#E0E0E0; display:block}
a.whitelink:visited {color:#E0E0E0; display:block}
a.whitelink:hover {color:#E0E0E0; display:block}

a.whitelink:active {color:#E0E0E0; display:block}




@media only screen and (max-device-width: 800px) {
/* define mobile specific styles come here */

div.navigation-wide
	{display:none;
	}
div.navigation-narrow
	{display:block;
      width:100%
	position:fixed;}

div.topnav {
   background-color: rgb(3,22,69);
  position: absolute;
  width: 100%;
  font-family: "Verdana";

}

div.mainpage {width:100%;
	text-align:left;
	float:center;
	margin-left: auto;
	margin-right: auto}


div.right15per
	{width:25%;
	margin-left:10px;
	float:right;
	text-align:left}

div.left15per
	{width:25%;
	margin-right:10px;
	float:left;
	text-align:left}


div.photos {width:25%;
	float:left}

p.spaces {white-space:pre;
	font-family: "Verdana";
	font-size: 10pt}


h1 {font-family: "Verdana", "Arial";
	text-align:left}

h2 {font-family: "Verdana", "Arial";
	text-align:left}

h3 {font-family: "Verdana", "Arial";
	text-align:left}
h5,h6 {font-family: "Verdana"}
p {font-family: "Verdana";
	font-size: 16pt;
	}

p.bigscreen {display: none;
	}


p.head {font-family: "Verdana";
	font-size: 16pt;

	font-weight: bold}

p.typewriter {font-family: "Courier New", "Verdana", "Arial";
font-size: 16pt;
	}

p.typewritersmall {font-family: "Courier New", "Verdana", "Arial";
	}

p.caption {text-align:center;
	font-family: "Verdana";
	font-size: 14pt;}

p.captionleft {text-align:left;
	font-family: "Verdana";
	font-size: 14pt;

	line-height:150%}

p.nav {font-family: "Verdana";
	text-align:center;
	font-size: 12pt}

p.navhead {font-family: "BankGothic Md BT", "Verdana", "Arial";

	text-align:center;
	font-weight: bold}



ul {list-style:square;
	font-family: "Verdana";
	font-size: 12pt;}


}