* {margin: 0;padding: 0;}

body {
background-color:#fff;
text-align: center;
background: url('images/top_shadow1.gif') top left repeat-x;color: #444;
font: normal 11px/17px "lucida grande", verdana, sans-serif;}

/* body #photo #content {width:840px;} */

 body#photo #content{width:840px;} 
/*  body#index #content{width:640px;} */
h2 {font-size: 2.0em;font-weight: normal;color:#0065A4; margin:0px 0 10px 0; }/* 8B9B7D 9DAF8D c6ddb1 */
h3 {margin:0px 0 10px 0;font-weight: normal;font-size: 1.5em;}
h4 {}

p {
font: normal 11px/17px "lucida grande", verdana, sans-serif;
margin: 0;
padding: 7px 0;
color: #434242;}/* 777 */

a:link, a:active, a:visited {color: #48546A;}
a:hover {color:#8591a7;}
a img {border-width: 0;	border-style: none;}

ul {
list-style-image: none;

font: normal 11px/16px "lucida grande", verdana, sans-serif;
margin: 0 0 0 20px;
padding: 0;
color:#434242;}


ul li {list-style:none;}
ul li.lower { list-style-type: lower-alpha;padding:6px 0px 6px 0px}

.indent {padding:6px 0px 6px 30px}

 



#content h4 {font-size: 1.4em;font-weight: bold;color:#0065A4;margin:10px 10px 10px 0; 0 4px 0;} 

#presslinks a:link{text-decoration:none;}
 
#content {
width: 520px;
float: left; 
padding-bottom:60px;padding-top:15px;text-align: left;}

#contentwrap{
width: 800px;
margin: 0 auto;
 
background-color: #fff;
position: relative;
padding: 0;
top: 0;	
left:0;
margin-bottom:60px;
margin-top:20px;}

#right {
list-style: none;
width: 250px;
float: right;
background-color:#fff; 
margin-top:30px;text-align:left;margin-right:30px;} 

#rightindex {
list-style: none;
width: 250px;
float: right;
background-color:#fff; 
margin-top:30px; } 
	
#topwrap{
width: 800px;
margin: 0 auto;
text-align: left; 
position: relative; 
padding-top: 10px;
top: 0;
left: 0;
margin-top:10px;} 

#header h1 {
/*margin: 15px;*/ 
background: url('images/glmtf_logo1.gif') no-repeat;
width:464px;
height:68px;
text-indent:-9000px;
position: relative;
top:0;
left:0;}


#toplinks a {float:right; width:75px;font:10px arial;color:#003366;padding-right:80px;text-decoration:none;}

/* --------------- FOOTER --------------------- */
#footer {padding: 1px 20px;clear: both; height:200px;background: #c6ddb1 url('images/footer_shadow1.gif') repeat-x top;}
.whiteleft {color:#777;text-align:right;font: 11px arial;float:left;padding:20px 0px 0 150px; }
.whiteright {color:#777;text-align:right;font: 11px arial;float:right;padding:20px 150px 0 0;}

/* --------------- NAVIGATION --------------------- */
#tab {
float:left;
width:100%;
background:url('images/mid_back.gif') #fff; 

line-height:normal;
border-bottom:1px solid #6699cc; height:20px; /*24618E padding-top:5px; */
}

#tabwrap {width: 890px;margin: 0 auto;text-align: left; position: relative;
padding: 0;
top: 0;
left: 0;}
	  
#tab ul {
margin:0px;
padding:0px 10px 0px 50px; /* left 50 top 10*/
list-style:none;
}

#tab li {
display:inline;
margin:0;
padding:0;font: bold 14px  'Lucida Grande', 'Lucida Sans',verdana,arial, sans-serif;
}

#tab a {
float:left;
background:url("images/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}

#tab a span {
float:left;
display:block;
background:url("images/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab a span {float:none;}
/* End IE5-Mac hack */
#tab a:hover span {
color:#FFF;
}
#tab a:hover {
background-position:0% -42px;
}
#tab a:hover span {
background-position:100% -42px;
}
/* -------active setup ------ */

/*
#tab #active a:link{ background-position:0% -42px;  }
#active a { border-left: 1px solid #fff; }
*/
/*
#tab li#active a span {
float:left;
display:block;
background:url("images/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}

#tab li#active a {
float:left;
background:url("images/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
} */

/* #tab li#active a:hover { background-position:0% -42px;}
#tab li#active a:hover span {
background-position:100% -42px;
} */

#tab .current a{
  background-position:0% -42px;
  border-width:0;
  }
#tab .current a span{
  background-position:100% -42px;color:#fff;
  padding-bottom:5px;
  /* padding-bottom:5px;
  color:#333; */
  }


/* ---------------SIDE NAVIGATION ------------------------*/	
#sidenav { width: 240px; }

#sidenav ul {
margin-left: 0;
padding-left: 30px;padding-right: 20px;
list-style-type: none;}

#sidenav a {
display: block;
padding: 3px;
width: 160px;
background-color: transparent;
border-bottom: 1px solid #ccc;font: 11px Arial, Helvetica, sans-serif;;}

#sidenav a:link, #sidenavlist a:visited {
color: #3688BA;
text-decoration: none; }

#sidenav a:hover {
background-color: #369;
color: #fff; } 
	
#sidenav#active {background-color: #369;font-color:#fff;}
#sidenav h4 {padding-left:30px;}



#list2 {
margin-left: 0;
padding-left: 0;
list-style: none;
}

#sidenav li {
padding: 3px 0 3px 20px;
 background-image: url(images/box.gif);  
background-repeat: no-repeat;
background-position: 0 .4em; 
/* border-bottom: 1px solid #6699cc; */
}

#list2 a:link, #list2 a:visited {text-decoration:none;}







/* --------------- BOX --------------------- */
.box {
width: 250px;
background: url(images/tile2.gif) repeat-y;
margin-top:30px; }

.box h2 {
background: url(images/top2.gif) no-repeat left top;
padding-top: 20px;
font:bold 14px  'Lucida Grande', 'Lucida Sans',verdana,arial, sans-serif;color:#8B9B7D; /* 003366 */ }

.box .last {
background: url(images/bottom2.gif) no-repeat left bottom;
padding-bottom: 20px; }

/*.box h2, .box p {
padding-left: 25px;
padding-right: 20px;}

.box h2 {margin-bottom:8px;padding-left: 40px;color:#8B9B7D;}
*/
.box h2, .box p {
padding-left: 10px;
padding-right: 10px;}

.box h2 {margin-bottom:8px;;color:#8B9B7D;}




.box p {line-height:1.2em;font: 11px arial;color:#777;}
.box h4 { padding-left: 40px;
padding-right: 20px;color:#8B9B7D;}

#posbox {width:210px;float:left;padding:10px;/* border-top: 1px #777 dashed;border-bottom: 1px #777 dashed;line-height:12px; */}
/* #posbox li {padding-bottom:8px;list-style:none;} */
#posbox a:link, #posbox a:visited {text-decoration:none;}
.res { background-color:#eee; border:1px solid #ccc;border-left:0px;}
.pos {background-color:#eee;border:1px solid #ccc;} /* bfd8e8 a2cce77fb2d1 */

#posbox h4 {font-size: 1.4em;font-weight: bold;color:#0065A4;margin:0px; 0 0px 0;} 

/* new */
#list {
margin-left: 0;
padding-left: 0;
list-style: none;
}

#list li {
padding-left: 5px;padding-bottom:4px;padding-top:4px;
/* background-image: url(images/arrow.gif); 
background-repeat: no-repeat;
background-position: 0 .1em; */
border-bottom: 1px solid #6699cc;
}

#list a:link, #list a:visited {text-decoration:none;}

#list2 {
margin-left: 0;
padding-left: 0;
list-style: none;
}

#list2 li {
padding: 3px 0 3px 20px;
 background-image: url(images/box.gif); 
background-repeat: no-repeat;
background-position: 0 .4em; 
/* border-bottom: 1px solid #6699cc; */
}
#list2 li.odd1 {
padding: 3px 0 3px 20px;
 background-image: url(images/box1.gif); 
background-repeat: no-repeat;
background-position: 0 .4em; 
/* border-bottom: 1px solid #6699cc; */
}

#list2 a:link, #list2 a:visited {text-decoration:none;}

/* ------------------------------------------------------- */
.box2 {
width: 250px;
background: url(images/tile3.gif) repeat-y;}

.box2 h2 {
background: url(images/top3.gif) no-repeat left top;
padding-top: 20px;
font:bold 14px  'Lucida Grande', 'Lucida Sans',verdana,arial, sans-serif;color:#8B9B7D; /* 003366 */}

.box2 .last {
background: url(images/bottom3.gif) no-repeat left bottom;
padding-bottom: 20px;}

.box2 h2, .box2 p {
padding-left: 20px;
padding-right: 20px;}

.box2 h2 {margin-bottom:8px;}
.box2 p {line-height:1.2em;font: 11px arial;color:#777;}
.box2 h4 { padding-left: 20px;
padding-right: 20px;color:#fff;}


/* --------------- PHOTO GALLERY INDEX PAGE --------------------- */
.img-wrapper {
margin: 20px 8px 0 0; 
background: url(images/shadow.gif) no-repeat bottom right;
float:right;
line-height:0;}

.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */
.thumbnails {
margin: 0 0 20px 30px; /* was b20 left50*/}


.thumbnails1 {
margin: 10px 0 20px 20px;
 /* was b20 left50*/}



/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
clear: both;}



/* ---------------TABLE ----------------------------- */
table {
  border-collapse: collapse;
  /* width: 30em; */
  border: 1px solid #666;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#albumCol {
  border: none;
}

thead {
  background: #ccc url(images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

.state {font-weight:bold;color:#003366;font-size:11px;}
#playlistPosHead {
  text-indent: -1000em;
}

 th, td {
  padding: 0.1em 1em;
} 

#dredge th,td {padding: 0.2em 2em;}

.odd {
  background-color:#bfd8e8; /* E5F1F8 edeeef */
}

tr:hover {
  background-color:#3d80df;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}




/* -------------------------------------------------------- */
.clear {
  clear: both;
}

form {
  font-size: 1.4em;
	width: 500px;; /* 40em */
}


/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
	background-color:#F5F5F5
}

/* legend styling */
legend {
	font-weight: bold;color:#8B9B7D;
}

form p {
  position: relative;
	width: 100%;
}

/* style for  labels */
label {
	float: left;
	width: 200px;; /* 10em */
}

#remember-me label {
  width: 4em;
}

/* style for required labels */
label .required {
	font-size: 0.83em;
	color:#760000;
}

/* style error messages */
label .feedback {
	position: absolute;
	margin-left: 11em;
	left: 200px;
  right: 0;
	font-weight: bold;
	color:#760000;
	padding-left: 18px;
	background: url(images/error.png) no-repeat left top;
}

/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{
  width: 10em;
}

input {
  width: 200px;
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}

input.radio {
  float: left;
	margin-right: 1em;
}

textarea {
	width: 300px;
	height: 100px;
}

/* Date of Birth form styling */

#monthOfBirthLabel, #yearOfBirthLabel {
  text-indent: -1000em;
	width: 0;
}

#dateOfBirth {
  width: 3em;
	margin-right: 0.5em;
}

#monthOfBirth {
  width: 10em;
	margin-right: 0.5em;
}

#yearOfBirth {
  width: 5em;
}

/* Color form styling */
#marineinterestgroup {
  margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

#marineinterestgroup h2 {
  width: 10em;
	float: left;
	font-size: 1em;
	font-weight: normal;
}

#marineinterestgroup div {
  width: 8em;
	float: left;
}

#marineinterestgroup label {
  /*width: 3em;*/
	float: none;
	display: inline;
}


/* ---------------------------------------------------------*/



/* ------------------------------------------------------- */
 
.caption {font: 11px 'Lucida Grande', 'Lucida Sans',verdana,arial, sans-serif;color:#003366;}
.contact {font:  12px 'Lucida Grande', 'Lucida Sans',verdana,arial, sans-serif;color:#003366;}
.contacti {font:  11px 'Lucida Grande', 'Lucida Sans',verdana,arial, sans-serif;color:#666666;}
.white {color:#fff;}
.blue {color:#003366;}
.date {color:#969798;font-size:9px;}
.floatright {float:right;padding:10px;}
.floatright img {boreder:1px #777;}

/*.roman ol li {list-style-type: upper-roman outside ; font-size: 1.2em;}
.alpha ol li {list-style-type: lower-alpha outside;font-size: 1.2em;}
*/
.odd1 {background-color:#eee;}

#photos {
background-color:#eee;padding:20px;margin-top:40px;
}
#photos h2 {}
#photos img {border:1px solid #777;}

.photo { 
font: 10px; Verdana, sans-serif; 
line-height: 12px; 
color: #777; 
/*padding: 6px 6px 0px 6px; */margin-left:15px;
/** width: 200px;   **/
width: 450px;   
border: 1px solid #e7e4e4; 
/** margin: 10px 0px 0px 10px; **/
/*margin:10px 10px 10px 10px; */
}
.phototext { 
font: bold 9px Verdana, sans-serif;  
line-height: 15px; 
color: #013166; 
background: #eee; /* dcdde1 */
margin-bottom: 10px; 
margin-top: 0px; 
padding: 0px 6px 10px 6px;
/** width:189px; **/
}

.photo2 { 
font: 10px; Verdana, sans-serif; 
line-height: 12px; 
color: #777; 
padding: 6px 6px 0px 6px; 
/** width: 200px;   **/
width: 370px;   
border: 1px solid #e7e4e4; 
/** margin: 10px 0px 0px 10px; **/
margin:10px;
}
.photo3 { 
font: 10px; Verdana, sans-serif; 
line-height: 12px; 
color: #777; 
padding: 6px 6px 0px 6px; 
/** width: 200px;   **/
width: 200px;   
border: 1px solid #e7e4e4; 
/** margin: 10px 0px 0px 10px; **/
margin:10px;float:right;
}
.photo4 { 
font: 10px; Verdana, sans-serif; 
line-height: 12px; 
color: #777; 
padding: 6px 6px 0px 6px; 
/** width: 200px;   **/
width: 150px;   
border: 1px solid #e7e4e4; 
/** margin: 10px 0px 0px 10px; **/
margin:10px;float:right;
}
.photo5 { 
font: 10px; Verdana, sans-serif; 
line-height: 12px; 
color: #777; 
padding: 6px 6px 0px 6px; 
/** width: 200px;   **/
width: 250px;   
border: 1px solid #e7e4e4; 
/** margin: 10px 0px 0px 10px; **/
margin:5px;float:right;
}
.buttonpad {padding-left:35px;}
.center {text-align:center;}