@charset "utf-8";


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e0eff4;
	background-image: url(../../Marine_Discovery/images/Background.jpg);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

.twoColFixLtHdr #container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #e0eff4; /*#FFFFFF;*/
	/*background-image: url(../../Marine_Discovery/images/leftColBg.jpg);*//*Phil keeps the sidebar*/
	/*background-repeat: repeat-y;*/

	background-image: url(../../Marine_Discovery/images/Background-Left-Col.jpg);
	background-repeat: repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #2f353e;*/
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 
.twoColFixLtHdr #header { 
	background: #DDDDDD; 
	background-image: url(../../Marine_Discovery/images/Header.jpg);
	height: 114px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/*not used replaced with left*/
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}





	

	.twoColFixLtHdr #left {
		background-color: #e0eff4;  /*264d83;*/
		width: 240px; /*214*/
		float: left;
		background-image: url(../../Marine_Discovery/images/Background-Left-Col.jpg);
		background-repeat: repeat-y;
	}

	.twoColFixLtHdr #innerLeft {
		width: 240px;
		background-image: url(../../Marine_Discovery/images/SeaDragonBottom.gif);
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
	}
	
	
	/*right column*/
	div#right {
		width: 700px;
		float: right;
		margin-right: 10px;
	
	}

	


	p, li, td
	{
		font: 80% Verdana, Arial, Helvetica, sans-serif;
	}

	p{
		margin-top: 5px;
	}

	

	h1
	{
		font: 140% Helvetica, Arial, sans-serif;
		color: #d83700; /*#d74b0d;*/
		margin-top: 15px;
		margin-bottom: 0px;
	}

	h2
	{
		font: 110% Helvetica, Arial, sans-serif;
		margin-top: 0;
		margin-bottom: 0;
		color: #d83700;
	}

	h3
	{
		font: 90% Helvetica, Arial, sans-serif;
		color: #d83700; 
		margin-top: 5px;
		margin-bottom: 0px;
		border-bottom: 2px solid #d74b0d;
	}

	h4
	{
		font: 110% Helvetica, Arial, sans-serif;
		margin-top: 0;
		margin-bottom: 0;
		color: #3d220f;
	}

	

		
	a {
	
		color: #1a69A9;  /*#cca55a;*/ /*#2880d4;*/
		text-decoration: none;
		
	
	}
	
	a:hover {
	
		color: #1a69A9;
		background-color: transparent;
		text-decoration: underline;
			
	}

			
	/*lines up the input box with an image that is aligned middle*/
	input {
    vertical-align:middle;
	}

	
	

	#footer {
	height: 45px;
	background-color: #D4DFF0;
	font-size: 70%;
	padding-top: 5px;
	color: #5e646d;
	}
	#footer a {
	color: #cca55a;
	text-decoration: none;
	}
	#footer a:hover {
	text-decoration: underline;
	}


	.arrows-blue
	{
		margin-left: 0;
		padding-left: 0;
		
	}

	

	.arrows-blue li
	{
		background-image: url('../../Marine_Discovery/images/arrow-blue.gif');
		background-repeat: no-repeat;
		list-style-type: none;
		padding-left: 20px;
		background-position: 0 .5em;
		
	}

	

	.photoFltrt {

	/*border-width: 8px 8px 20px;*/
	border-width: 6px 6px;

	border-style: solid;

	border-color: #ffffff;

	float: right;
	margin-left: 16px;

	}

	.photoFltlft {

	/*border-width: 8px 8px 20px;*/
	border-width: 6px 6px;

	border-style: solid;

	border-color: #ffffff;

	float: left;
	margin-right: 16px;

	}

	


	
	.picture 
	{ background-color: #F9F9F9;
	border: 1px solid #CCCCCC; padding: 3px;
	font: 11px/1.4em Arial, sans-serif; 
	}

	.picture img 
	{ border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; 
	}
	.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
	.left { margin: 0.5em 0.8em 0.5em 0; float:left;}


	



	#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 160px;
	padding: 0px;
	margin: 81px;/*sets where it sits from the side*/
	}

	/*not used*/
	#vertmenu h1 {
	display: block;
	background-color:#FF9900;
	font-size: 90%;
	padding: 3px 0 5px 3px;
	border: 1px solid #000000;
	color: #333333;
	margin: 0px;
	width:159px;
	}

	#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}
	#vertmenu ul li {
	margin: 0px;
	padding: 0px;
	}

	#vertmenu ul li a {
	font-size: 100%;
	display: block;
	border-bottom: 1px dashed #C39C4E; /*C39C4E;*/
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #1a69A9;
	width:120px;
	/*background-color: #ffffff;*/ /*set the background colour*/
	}

	/*when selected*/
	#vertmenu a.selected{
	color: #000000;
	/*background-color: #eeeeee;*/
	}



	#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #eeeeee;
	}


	/*anylinkcss are sub menus*/
	.anylinkcss{

	position:absolute; 
	visibility: hidden;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height: 18px;
	z-index: 100;
	/*background-color: #93A070;*/
	width: 100px;
	}

	.anylinkcss a{
	width: 100%;
	position : relative; 
	top : -5px; 
	left : 80px;
	display: block;
	border-bottom: 1px solid white;
	text-decoration: none;
	text-indent: 5px;
	color: white;
	background-color: #1C5472;
	}

	.anylinkcss a:hover{ /*hover background color*/
	background-color: #BBC6DC;
	color: black;
	}



	/*box head from http://www.vertexwerks.com/tests/sidebox/*/

	/* Show only to IE PC \*/
	* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

	.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../../Marine_Discovery/images/boxHead/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float: left;
	}
	.boxhead {
		background: url(../../Marine_Discovery/images/boxHead/sbhead-r.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead h2 {
		background: url(../../Marine_Discovery/images/boxHead/sbhead-l.gif) no-repeat top left;
		margin: 0;
		padding: 22px 30px 5px;
		color: white; 
		font-weight: bold; 
		font-size: 1.2em; 
		line-height: 1em;
		/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool will not validate*/
	}
	.boxbody {
		background: url(../../Marine_Discovery/images/boxHead/sbbody-l.gif) no-repeat bottom left;
		margin: 0;
		padding: 5px 30px 31px;
	}


	/*color c7e1ee*/
	/* Show only to IE PC \*/
	* html .boxhead1 h2 {height: 1%;} /* For IE 5 PC */

	.sidebox1 {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../../Marine_Discovery/images/boxHead1/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float: left;
	}
	.boxhead1 {
		background: url(../../Marine_Discovery/images/boxHead1/sbhead-r.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead1 h2 {
		background: url(../../Marine_Discovery/images/boxHead1/sbhead-l.gif) no-repeat top left;
		margin: 0;
		padding: 10px 15px 5px;
		color: #055169; 
		font-weight: bold; 
		font-size: 1.2em; 
		line-height: 1em;
		/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool will not validate*/
	}
	.boxbody1 {
		background: url(../../Marine_Discovery/images/boxHead1/sbbody-l.gif) no-repeat bottom left;
		margin: 0;
		padding: 5px 15px 31px;
	}


	/* Show only to IE PC \*/
	* html .boxhead2 h2 {height: 1%;} /* For IE 5 PC */
	.sidebox2 {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../../Marine_Discovery/images/boxHead2/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float: left;
	}
	.boxhead2 {
		background: url(../../Marine_Discovery/images/boxHead2/sbhead-r.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead2 h2 {
		background: url(../../Marine_Discovery/images/boxHead2/sbhead-l.gif) no-repeat top left;
		margin: 0;
		padding: 22px 30px 5px;
		color: white; 
		font-weight: bold; 
		font-size: 1.2em; 
		line-height: 1em;
		/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool will not validate*/
		
	}
	.boxbody2 {
		background: url(../../Marine_Discovery/images/boxHead2/sbbody-l.gif) no-repeat bottom left;
		margin: 0;
		padding: 5px 30px 31px;
	}


	/* Show only to IE PC \*/
	* html .boxhead3 h2 {height: 1%;} /* For IE 5 PC */
	.sidebox3 {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../../Marine_Discovery/images/boxHead3/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	float: left;
	}
	.boxhead3 {
		background: url(../../Marine_Discovery/images/boxHead3/sbhead-r.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead3 h2 {
		background: url(../../Marine_Discovery/images/boxHead3/sbhead-l.gif) no-repeat top left;
		margin: 0;
		padding: 22px 15px 5px;
		color: white; 
		font-weight: bold; 
		font-size: 1.2em; 
		line-height: 1em;
		/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool will not validate*/
		
	}
	.boxbody3 {
		background: url(../../Marine_Discovery/images/boxHead3/sbbody-l.gif) no-repeat bottom left;
		margin: 0;
		padding: 5px 15px 31px;
	}

	/*not working*/
	.boxLink a{
		color: #d83700;
		text-decoration: underline;
		font-size: 80%;
	}
	
	.boxLink a:hover {
		color: #d83700;
		text-decoration: none;	
	}

	img {
	border: 0;
	}

	.extra-wrap { 
	overflow:hidden;
	}

	.newsDate
	{
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #a65600;
	}

	.tour
	{
		font-family: Courier New; 
		color: #330033; 
		font-size: 130%
	}

	/*Photo Gallery Styles*/
	td.gallery 
	{
		background-color:  #788;
		font-size: 15px;
		vertical-align: top; 
	}
	td.gallerybg {
		background-color: #fff;
		font-size: 11px;
		vertical-align: bottom; 
		text-align: center;
		width: 128px; 
		height: 168px;
	}


	

	/*----- forms parameters -----*/
	
	input, select, textarea { 
		font-family:Arial, Helvetica, sans-serif; font-size:80%;
		vertical-align:middle;
		font-weight:normal;
		background:#f3f7ff;
		border:1px solid #c7e1ee;
	}


	#contacts-form fieldset {
	border:none;
	}
	#contacts-form label { 
		display:block;
		height:27px;
	} 
		#contacts-form label input { 
			width:134px;
			padding:2px 0 2px 3px;
		}