/* USS ABBOT STYLES   */
/* 10 NOV 2019        */
/* Supports CSS 3.0   */
/* Walter Baranger    */
/* 02 NOV 2013 dynamic fonts										*/
/* 23 NOV 2013 change Fletcher list appearance to use Unicode star	*/
/* 11 OCT 2014 Upgrade to HTML5 and CSS3`							*/
/* 29 OCT 2014 New home page layout									*/
/* 04 APR 2015 Add open-sans font									*/
/* 04 JAN 2017 Fix sitemap stars and typos							*/
/* 16 FEB 2017 Rotating image on home page							*/
/* 08 MAR 2017 Fix intro page for jquery 3.1.1						*/
/* 10 NOV 2018 Add PixBottom class									*/
/* 10 NOV 2018 Moved to CSS folder									*/
/* 10 NOV 2019 Fixed Captains										*/
/* 27 AUG 2023 Added Open Sans										*/
/* 08 SEP 2023 Adjusted video CSS									*/
/* 24 NOV 2023 Adjust main home page								*/
/* 29 NOV 2023 Adjust captains page									*/


@font-face {
	font-family: 'goudy-bookletter-1911';
	src:url('/fonts/goudy-bookletter-1911/webfonts/goudy_bookletter_1911-webfont.woff'),
		url('/fonts/goudy-bookletter-1911/webfonts/goudy_bookletter_1911-webfont.ttf'),
		url('/fonts/goudy-bookletter-1911/webfonts/goudy_bookletter_1911-webfont.eot'),
		url('/fonts/goudy-bookletter-1911/webfonts/goudy_bookletter_1911-webfont.svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
	font-family: 'Stencil';
	src: url('/fonts/stencil/Stencil.eot'),
		 url('/fonts/stencil/Stencil.ttf'),
		 url('/fonts/stencil/Stencil.woff');
	}

@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-Regular.ttf"),
         url("/fonts/open-sans/OpenSans-Regular.woff");
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-Italic.ttf"),
         url("/fonts/open-sans/OpenSans-Italic.woff");
    font-weight: normal;
    font-style: italic;
	}
/*
@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-Light.ttf"),
         url("/fonts/open-sans/OpenSans-Light.woff");
    font-weight: 300;
    font-style: normal;
	}
*/
@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-ExtraBold.ttf"),
         url("/fonts/open-sans/OpenSans-ExtraBold.woff");
    font-weight: 800;
    font-style: normal;
	}

@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf"),
         url("/fonts/open-sans/OpenSans-ExtraBoldItalic.woff");
    font-weight: 800;
    font-style: italic;
	}
/*
@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-LightItalic.ttf"),
         url("/fonts/open-sans/OpenSans-LightItalic.woff");
    font-weight: 300;
    font-style: italic;
	}
*/
@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-Bold.ttf"),
         url("/fonts/open-sans/OpenSans-Bold.woff");
    font-weight: bold;
    font-style: normal;
	}

@font-face {
    font-family: "open-sans";
    src: url("/fonts/open-sans/OpenSans-BoldItalic.ttf"),
         url("/fonts/open-sans/OpenSans-BoldItalic.woff");
    font-weight: bold;
    font-style: italic;
	}

@font-face {
    font-family: "open-sans-condensed";
    src: url("/fonts/open-sans-condensed/OpenSans-CondBold.ttf");
    font-weight: bold;
    font-style: normal;
    font-stretch: condensed;
	}

@font-face {
    font-family: "open-sans-condensed";
    src: url("/fonts/open-sans-condensed/OpenSans-CondLight.ttf");
	font-weight: 300;
    font-style: normal;
    font-stretch: condensed;
	}	
	
@font-face {
    font-family: "open-sans-condensed";
    src: url("/fonts/open-sans-condensed/OpenSans-CondLightItalic.ttf");
	font-weight: 300;
    font-style: italic;
    font-stretch: condensed;
	}	
	
/* BODY ELEMENTS */

body {
	background-color: white;
	border: none;
	color: black;
	font-family: goudy-bookletter-1911, georgia, palatino, "times new roman", "century schoolbook", century, "new century", times, serif;
	font-size: medium;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
body.main  {
	background-color: whitesmoke;
	border: none;
	text-align: center;
	}

body.about {
	background-attachment: fixed;
	background-image: url(/pix/patch.jpg);
	background-origin: content-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40%;
	}

body.muster {
	background-attachment: fixed;
	background-image: url(/pix/AbbotBowColor1954.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	}

body.captains {
	background-attachment: fixed;
	background-image: url(/pix/AbbotColor1954.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	}

body.photo {
	background-color: black;
	color: white;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	text-align: center;
	}
	
body.siteMap {
	background-image: url(/nelsonPix/Images/16.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 100%;
	}
	
body.getStarted {
	background-image: url(/nelsonPix/Images/15.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 100%;
	}
	
body.cruisebooks {
	background-image: url(/book1954/endsheets.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 100%;
	}
	
body.reunions {
	text-align: center;
	}
	
body.reunions p {
	text-align: center;
	}
	
/*
body.google {
	background-image: url(about/patchBg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	}
*/

/* BASIC ELEMENTS */

/* Basic display directive for compatbility with older browsers */
header,footer,nav,aside,figure,figcaption,main,article,details,summary,time {
	display: block;
	}

article {
	margin: 0;
	padding: 0 1% 0 1%;
	}

div#contentBackground {
	background-color: rgba(255,255,255,.9);
	box-shadow: 10px 10px 20px 40px white;
	margin: 2% 0 0 0;
	padding: 1% 2% 1% 2%;
	width: 96%;
	}

a {
	border: none;
	}

a:link,a:visited {
	color: #3030CC;
	background-color: transparent;
	text-decoration: underline;
	text-decoration-color: skyblue;
	}

a:hover {
	color: blue;
	background-color: #eef;
	text-decoration: underline;
	text-decoration-color: blue;
	}

a:active {
	color:  #5F9EA0;
	background-color: #eef;
	text-decoration: underline;
	text-decoration-color: lime;
	}

img {
	border: none;
	}

legend {
	color: navy;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	}

dt {
	font-weight: bold;
	margin-top: .6em;
	font-family: "open sans", open-sans, helvetica, tahoma, sans-serif;
	}

h1 {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	color: #888;
	text-align: center;
	font-size: xx-large;
	padding-top: 0;
	margin-top: 0;
	}

h2 {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	color: #555;
	text-align: center;
	text-decoration: none;
	letter-spacing: .1em;
	}

h3 {
	font-family: georgia, palatino, "palatino linotype", "times new roman", "century schoolbook", times, serif;
	color: #777;
	text-align: center;
	letter-spacing: .1em;
	}

h4 {
	font-family: georgia, palatino, "palatino linotype", "times new roman", "century schoolbook", times, serif;
	color: black;
	text-align: center;
	letter-spacing: .1em;
	}

hr {
	width: 30%;
	color: #888;
	}

p,li {
	font-family: georgia, palatino, "palatino linotype", "times new roman", "century schoolbook", times, serif;
	font-size: inherit;
	text-align: justify;
	}
	
p.byline:before {
	content: "By ";
	}
	
p.byline {
	font-variant: small-caps;
	}

.center {
	text-align: center;
	}
	
/* MULTIMEDIA TAGS */

aside#audio {
	clear: both;
	}

div#audio {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
	}

audio {
	box-shadow: 0 0 10px transparent;
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-top: .3em;
	width: 40%;
	}
	
audio:hover, audio:active {
	box-shadow: 0 0 10px navy;
	}

/* FIG IMAGES */

/* Photos */

figure {
	border-bottom: none;
	border-left: thin solid silver;
	border-right: thin solid silver;
	border-top: thin solid silver;
	margin-top: 0;
	width: 50%;
	}

figure img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

figcaption {
	background-color: #444;
	border: none;
	color: white;
	font-family: "open sans", open-sans, helvetica, geneva, lucida, sans-serif;
	letter-spacing: .05em;
	margin: 0 0 .5em 0;
	padding: .2em 1em .2em 1em;
	text-align: center;
	}
	
figcaption::before {
	content: "\2191\0020";
	font-weight: bold;
	}
	
figure.left {
	float: left;
	margin-right: 1em;
	margin-left: 0;
	}
	
figure.right {
	float: right;
	margin-left: 1em;
	margin-right: 0;
	}

figure.center {
	margin-left: auto;
	margin-right: auto;
	}
	

/* TABLES */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	margin-left: auto;
	margin-right: auto;
	}

tfoot td {
	border-bottom: none;
	color: #444;
	font-size: medium;
	font-style: italic;
	text-align: right;
	}

caption {
	color: #333;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
	}

p.caption {
	background-color: silver;
	color: black;
	float: left;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	margin-right: 1em;
	padding: 5px;
	text-align: left;
	width: 30%;
	}
	
/* PHOTO PAGES (BLACK BACKGROUND ONLY) */

body.photo a {
	text-decoration: underline;
	background-color: transparent;
	}

body.photo a:link {
	color: cadetblue;
	}

body.photo a:visited {
	color: cadetblue;
	}

body.photo a:hover {
	color: cyan;
	}

body.photo a:active {
	color: yellow;
	}

body.photo img {
	border: 0;
	}
	
a#referrer,
a#noReferrer,
div.PixBottom a {
	background-color: #444;
	border: thin solid #666;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: large;
	font-variant: small-caps;
	letter-spacing: .1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	padding: .3em .5em .3em .5em;
	text-decoration: none;
	}
	
a#referrer:link,
a#noReferrer:link,
div.PixBottom a:link {
	color: lightgreen;
	}

a#referrer:visited,
a#noReferrer:visited,
div.PixBottom a:visited {
	color: lightgreen;
	}

a#referrer:hover
a#noReferrer:hover,
div.PixBottom a:hover {
	color: lime;
	}

a#referrer:active,
a#noReferrer:active,
div.PixBottom a:active {
	color: green;
	}

/* WWII CRUISE BOOK */

nav#bookNavBar {
	border-bottom: thin solid blue;
	border-top: thin solid blue;
	clear: both;
	display: block;
	letter-spacing: .2em;
	margin: .5% auto 1% auto;
	padding: .3em 1em .3em 1em;
	text-align: center;
	width: 50%;
	}
	
nav#bookNavBar span.relative {
	letter-spacing: .05em;
	}
	
nav#bookNavBar a {
	color: blue;
	font-family: "open-sans", sans-serif, helvetica, sans-serif;
	font-weight: 900;
	text-decoration: none;
	}
	
nav#bookNavBar a#thisChapter 
	{
	display: none;
	}

nav#bookNavBar a:hover {
	color: deepskyblue;
	font-family: "open-sans";
	font-weight: 900;
	text-decoration: none;
	}
	
nav#bookNavBar a::before {
	content: "\0020\00A0";
	}

nav#bookNavBar a::after {
	content: "\00A0\0020";
	}

div.bottomMenu {
	font-weight: bold;
	}

aside.newspaper {
	background-color: #ccc;
	display: flex;
	float: left;
	margin-right: 1em;
	padding-right: .5em;
	vertical-align: middle;
	width: 30%;
	}
	
aside.newspaper img {
	float: left;
	margin-right: 1em;
	width: 20%;
	}
	
aside.newspaper p {
	background-color: #ccc;
	display: inline;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-right: 1em;
	text-align: center;
	vertical-align: middle;
	}
	
aside.newspaper a {
	color: black;
	text-decoration-color: #444;
	}

aside.newspaper a:hover {
	color: navy;
	text-decoration-color: dodgerblue;
	}
	

img.paperIcon {
	height: 101px;
	width: 90px;
	float: right;
	}

body.photo p {
	color: white;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	letter-spacing: .09em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%;
	}

.decklog {
	margin-left: 10%;
	margin-right: 10%;
	}

.infobox {
	background-color: #CCC;
	}

.infobox p {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	}

.center {
	text-align: center;
	}

.name {
	text-align: right;
	}

.sig {
	text-align: right;
	}

.dateline {
	text-align: left;
	}

.prose {
	font-style: italic;
	text-align: left;
	margin-left: 20%;
	margin-right: 20%;
	}

table.pollywogs {
	color: black;
	background-color: #eee;
	width: 80%;
	}

table.prices {
	color: black;
	background-color: #eee;
	width: 80%;
	}

table.toc {
	width: 100%;
	border: 0;
	padding: 0;
	}

table.toc td {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: small;
	width: 10%;
	text-align: center;
	vertical-align: top;
	border-left: thin solid #999;
	padding-left: 2px;
	padding-right: 2px;
	}

table.toc li:first-line {
	font-weight: bold;
	}

td.prices {
	text-align: right;
	padding: .2em .5em .2em .5em;
	}
	
table.pollywogs td {
	padding: .2em .5em .2em .5em;
	}


.printer {
	text-align: center;
	font-size: small;
	}

span.vessel {
	text-transform: none;
	font-variant: small-caps;
	}

div#xmas44 {
	width: 30%;
	}

img.map {
	float: left;
	margin-right: 1em;
	height: 200px;
	width: 300px;
	}

.maplink {
	}

div.toc {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
	
div.toc ol {
	display: inline-block;
	list-style-position: inside;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}
		
div.toc ol li {
	margin-bottom: 1em;
	}

div.toc ol li a {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}
	
/*
div.toc ol li a:hover:before {
	content: "\2693\0020";
	color: navy;
	}
*/

div#text {
	padding-top: 20px;
	}

.term {
	color: #7f0009;
	}
	
dfn,abbr,acronym {
	color: green;
	font-style: inherit;
	font-weight: inherit;
	font-family: inherit;
	}
	
dfn:hover,abbr:hover,acronym:hover {
	background-color: MintCream;
	}

h1.c1 {
	color: fuchsia;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	}

.official {
	text-align: center;
	}

table.icons {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border: 0;
	}

table.icons td {
	width: 25%;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}

body.photo div {
	text-align: center;
	}

img.photo {
	float: right;
	margin-left: 1em;
	}

img.slideshow {
	border: thin solid navy;
	float: right;
	margin-left: 1em;
	}
	
body.slideShow video {
	width:50%;
	}	


div.logo,div#titlepage {
	background-color: #779;
	width: 100% !important;
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
	height: 80px !important;
	}

h1.logotext {
	color: GhostWhite !important;
	font-family: Stencil,"Stencil BT",Stencil1,"rubber stamp", rubberstamp, cargo,"Futura Condensed ExtraBold","arial black", "helvetica black", "tahoma black", "verdana black", "Helvetica Neue Bold","American Typewriter Bold",tahoma, verdana, serif !important;
	font-size: 42px !important;
	font-weight: normal !important;
	letter-spacing: .2em !important;
	margin-top: 5px !important;
	padding-top: 0 !important;
	text-align: center !important;
	text-shadow: black 3px 3px 5px !important;
	}

table.bottomMenu {
	background-color: inherit;
	border: 0;
	color: silver;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: large;
	text-align: center;
	width: 100%;
	}

td.left {
	background-color: inherit;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	padding-right: 1em;
	text-align: right;
	width: 50%;
	}

td.right {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: inherit;
	width: 50%;
	text-align: left;
	padding-left: 1em;
	}
	
/* OLD LINK PAGES */

div.externalLink {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #999;
	}

p.externalLink {
	color: navy;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: large;
	text-align: left;
	}

img.externalLink {
	float: left;
	margin-right: 1em;
	margin-bottom: 5px;
	width: 250px;
	}
	
/* MENUS */

/*
div.menubar {
	color: transparent;
	background-color: transparent;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
	border: none;
	}
*/
	
div.menubar1 {
	color: transparent;
	background-color: navy;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 65px;
	width: 100%;
	height: 25px;
	border: thin solid navy;
	}
	
/* BATTLE STARS */

img.battlestar {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 14px;
	width: 60px;
	height: 60px;
	}

table.battlestars {
	width: 100%;
	text-align: center;
	padding: 0;
	border-spacing: 0;
	}

table.battlestars tbody {
	border-bottom: thin solid silver;
	}

table.battlestars td {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: large;
	letter-spacing: .1em;
	padding: .3em 1em .3em 1em;
	}
	
table.battlestars td.starNumber {
	color: #444;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}

table.battlestars th {
	text-align: left;
	padding-left: 5px;
	}

table.battlestars th.pad,
table.battlestars td.pad {
	width: 25%;
	}

table.battlestars th.starDates,
table.battlestars td.starDates {
	text-align: center;
	width: 10%;
	}

table.battlestars th.starOps,
table.battlestars td.starOps {
	text-align: left;
	width: 30%;
	}

table.battlestars th.starCode,
table.battlestars td.starCode {
	text-align: center;
	width: 10%;
	}

table.battlestars .even {
	background-color: #ddd;
	}

thead.battlestars > tr {
	background-color: #666;
	color: white;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	}

div.streamer {
	background-image: url(/official/apto.gif);
	background-repeat: repeat-x;
	height: 88px;
	text-align: center;
	width: 100%;
	}

table.battlestars a {
	text-decoration: none;
	}
	
table.battlestars a:link,
table.battlestars a:visited {

	}

table.battlestars a:hover {

	}

table.battlestars a:visited {

	}
	
table.battlestars tr.even {
	background-color: #ccc;
	}
	
	/* This places a rule under certain battle star fields: */
	
table.battlestars tr td.multi {
	border-bottom: thin solid #444;
	}
	
/* SITE MAP */

body.siteMap nav {
	margin-left: 2em;
	margin-right: 2em;
	}

ul.siteMap {
	list-style: none;
/*	list-style-image: url(icons/star.gif);
	list-style-position: outside;
	list-style-type: square;
*/
	}
	
ul.siteMap > li::before {
    content: "\2605\A0";
    color: #aaa;
    }

ul.siteMap1 {
	list-style: none;
/*	list-style-image: url(icons/star1.gif);
	list-style-position: outside;
	list-style-type: square;
*/
	}
	
ul.siteMap1 > li::before {
    content: "\2605\A0";
    color: gold;
    }

ol.siteMap2 {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	}

ul.siteMap li {
	font-size: large;
	}

ul.siteMap1 li {
	font-size: large;
	}

ol.siteMap2 li {
	font-size: medium;
	}

h4.sitemap {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: 2em;
	text-align: left;
	}
	
/* OFFICIAL HISTORY */

table.chrono {
	border-bottom: thin solid black;
	}

table.chrono td {
	padding: .2em .5em .2em .5em;
	border-bottom: thin solid silver;
	}
	
img.chrono {
	width: 1em;
	}
	
body.dd184 dt {
	margin-bottom: .8em;
	}
	
body.dd184 dd {
	margin-top: .8em;
	margin-bottom: .8em;
	}
	
/* CAPTAINS */

table#captain {
	width: 80%;
	}
	
table#captain caption {
	background-color: whitesmoke;
	font-size: large;
	}
	
table#captain tfoot td {
	font-style: italic;
	}
	
table#captain th {
	background-color: whitesmoke;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	padding-bottom: .3em;
	text-align: center;
	vertical-align: middle;
	}
	
table#captain td {
	border-bottom: thin solid silver;
	line-height: 180%;
	text-align: center;
	vertical-align: middle;
	}
	
table#captain td:empty {
	border-bottom: none;
	}
	
table#captain td a {
	font-weight: bold;
	font-variant: small-caps;
	font-size: large;
	}
	
table#captain tbody td a {
	color: blue;
	letter-spacing: .1em;
	text-decoration: none;
	}
	
table#captain tbody td a:visited {
	text-decoration: none;
	color: blue;
	}
	
table#captain tbody td a:hover {
	text-decoration: underline;
	color: darkblue;
	}
	
table#captain tbody td a:active {
	text-decoration: underline;
	color: cyan;
	}
	
table#captain td:first-child,
table#captain td:nth-child(3) {
	width: 30%;
	padding: .5em 0 .5em 0;
	}

table#captain td:nth-child(2) {
	border-right: thin solid black;
	width: 20%;
	}

table#captain td:nth-child(4) {
	width: 20%;
	}

table#captain td:nth-child(2) img,
table#captain td:nth-child(4) img {
	height: 90%;
	max-height: 25ex;
	vertical-align: middle;
	}

/* LOGS */

body.logs li {
	padding-top: .3em;
	padding-bottom: .3em;
	list-style-type: none;
	}
	
/* RIBBONS */

div.ribbons {
	text-align: center;
	}

img.ribbon {
	height: 26px;
	width: 100px;
	padding: 0;
	margin: 0;
	}

div.portrait {
	text-align: center;
	}

object,embed {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

table.ribbonchart {
	width: 80%;
	}

table.ribbonchart td {
	border-bottom: thin solid silver;
	padding: .5em 1em .5em .5em;
	vertical-align: middle;
	text-align: left;
	}

table.ribbonchart img {
	height: 26px;
	width: 100px;
	padding: 0 2em 0 0;
	margin: 0;
	}
	
/* GUEST PAGE */

body.guest {
	background-color: white;
	background-image: url(/DD629/pix/cancellation.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	margin-left: 2em;
	margin-right: 2em;
	}

p.guestIntro {
	text-align: center;
	font-size: large;
	}

p.guestComments,p.notations {
	font-weight: bold;
	}

p.guestInfo {
	font-style: italic;
	margin-left: 2em;
	}

p.guestAddress {
	font-style: italic;
	margin-left: 2em;
	}

body.guest a {
	font-weight: bold;
	}

a.add {
	text-decoration: underline;
	}
	
/* VIDEO LINKS */

table.VideoLink {
	background-color: gainsboro;
	margin-top: 1em;
	margin-bottom: 1em;
	}

table.VideoLink caption {
	color: #336;
	}
	
table.VideoLink td {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	font-weight: normal;
	text-align: center;
	padding: .4em .7em .4em .7em;
	border-bottom: none;
	}

table.VideoLink tbody td {
	font-size: medium;
	}
	
table.VideoLink tfoot td {
	font-size: small;
	}

table.VideoLink a {
	}

/* MUSTER ROLLS */

table#musterList, table#musterList a {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	text-decoration: none;
	}
	
table#musterList a:link {
	color: navy;
	}

table#musterList a:visited {
	color: navy;
	}

table#musterList a:hover {
	color: blue;
	text-decoration: underline;
	}

table#musterList a:active {
	color: dodgerblue;
	text-decoration: underline;
	}

table.bigmuster {
	width: 90%
	}
	
table.bigmuster td {
	border-bottom: thin solid silver;
	padding: .4em 1em .4em 1em;
	text-align: left;
	}
	
table.bigmuster tr:first-child {
	text-transform: capitalize;
	}

table.bigmuster th {
	text-align: left;
	padding-left: 1em;
	}

table.musterlist {
	width: 95%;
	}

td.musterlist {
	vertical-align: top;
	width: 33%;
	text-align: left;
	}
	
td.musterlist li {
	padding-top: .3em;
	padding-bottom: .3em;
	}

	
table.muster2 {
	width: 70%;
	}

table.muster2 td {
	width: 50%;
	border-bottom: thin solid silver;
	}

table.muster4 {
	width: 90%;
	}

table.muster4 td {
	border-bottom: thin solid silver;
	padding-right: .5em;
	padding-left: .5em;
	text-align: left;
	}

table.muster4 th {
	border-bottom: none;
	font-weight: bold;
	text-align: left;
	}

table.muster7 {
	width: 95%;
	}

table.muster7 td {
	border-bottom: thin solid silver;
	padding-right: .5em;
	padding-left: .5em;
	}

table.muster7 th {
	border-bottom: none;
	font-weight: bold;
	}
	
td.plank::before {
	content: "\2693\A0";
	}

/* HI-RES IMAGES */

body.hiRes table {
	width: 95%;
	margin-bottom: 2em;
	}

body.hiRes td {
	width: 50%;
	text-align: center;
	vertical-align: top;
	border-bottom: thin solid silver;
	padding-top: 1em;
	margin-bottom: 1em;
	}

body.hiRes img {
	width: 300px;
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* BIBLIOGRAPHY */

body.biblio dd {
	padding-top: .3em;
	padding-bottom: .3em;
	}
	
span.episode {
	font-style: italic;
	}

/* MEDALS */

table.NavyMedals td {
	width: 25%;
	height: 4em;
	padding: .5em 1em .5em 1em;
	vertical-align: top;
	text-align: center;
	border-bottom: thin solid silver;
	font-size: small;
	}

table.NavyMedals img {
	width: 57px;
	height: 18px;
	margin-bottom: .5em;
	}

/* CRUISEBOOKS PAGE */

table#cruisebooks {
	width: 90%;
	table-layout:fixed;
	font-family:"open sans",open-sans,helvetica,geneva,sans-serif;
	}
	
table#cruisebooks td {
	text-align: center;
	vertical-align: top;
	width: 25%;
	}
	
table#cruisebooks img {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	}

table#cruisebooks td a {
	background-color: transparent;
	font-size: large;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	opacity: 0.5;
	}	
	
table#cruisebooks a:hover {
	background-color: transparent;
	opacity: 1.0;
	}
	
/* DESRON 48 */

table.desron td {
	border-bottom: thin solid silver;
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
	}
	
table.desron th {
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	}
	
table.desron48pix {
	table-layout: fixed;
	width: 90%;
	text-align: center;
	border: none;
	}

	
table.desron48pix td {
	width: 33.3%;
	text-align: center;
	vertical-align: bottom;
	padding: 1em 1em 0 1em;
	border: none;
	}
	
table.desron48pix img {
	width: 90%;
	border: none;
	}

	
/* LINKS PAGE */

body.links table {
	width: 95%;
	table-layout: fixed;
	}

body.links td {
	border-bottom: thin solid silver;
	vertical-align: middle;
	text-align: left;
	}
	
td.imageLink {
	width: 20%;
	}
	
td.textLink {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	width:30%;
	padding-left: 1em;
	}
	
img.imageLink {
	width: 100%;
	}
	
/* ANGEVINE PHOTO INDEX*/

table.photoIndex {
	width: 80%;
	table-layout: auto;
	border-spacing: 0;
	border: none;
	empty-cells: show;
	margin-bottom: 3ex;
	}
	
table.photoIndex td {
	border-bottom: thin solid silver;
	padding: .7em .5em .7em .5em;
	vertical-align: middle;
	}

table.photoIndex th {
	border-bottom: thin solid gray;
	padding: .7em .5em .7em .5em;
	font-weight: bold;
	}
	
th.indexPix {
	width: 20%;
	text-align: center;
	}
	
td.indexPix {
	width: 20%;
	text-align: center;
	}

td.indexPix > img {
	width: 90%;
	max-width: 150px;
	padding: 0;
	margin: 0;
	}
	
th.indexID {
	text-align: center;
	width: 10%;
	}

td.indexID {
	text-align: center;
	width: 10%;
	}
	
th.indexCaption {
	text-align: center;
	width: 70%;
	}
	
td.indexCaption {
	text-align: left;
	width: 70%;
	}
	
td.indexCaption:first-line {
	font-weight: bold;
	}
	
/* USED BY JAVASCRIPT-GENERATED PAGES */

body.angevineImg {
	background-color: black;
	color: white;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	text-align: center;
	}
	
body.angevineImg img {
	margin: 1em 2em 1em 2em;
	}

body.angevineImg p {
	font-family: inherit;
	text-align: center;
	}
	
/* OTHER ANGEVINE STUFF */
	
div.angevine {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	display: block;
	margin: 1em auto 1em auto;
	padding: .7em 0 .7em 0;
	text-align: center;
	width: 90%;
	}
	
div.angevine > a {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	font-size: medium;
	padding: .3em .5em .3em .5em;
	margin: 0 1em 0 1em;
	}
	
div.angevine>a:link {
	background-color: navy;
	color: white;
	text-decoration: none;
	}

div.angevine>a:visited {
	background-color: navy;
	color: white;
	text-decoration: none;
	}

div.angevine>a:hover {
	background-color: #369;
	color: yellow;
	text-decoration: none;
	}

div.angevine>a:active {
	background-color: #369;
	color: cyan;
	text-decoration: none;
	}
	
span.dummyLink {
	background-color: lightblue;
	color: white;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin: 0 1em 0 1em;
	padding: .3em .5em .3em .5em;
	text-decoration: none;
	}

/* GOOGLE INSERT */

table.google {
	background-color: whitesmoke;
	border: thin solid silver;
	}
	
p.g	 {
	margin-left: 2em;
	}
	
/* VIDEO FORMATS BOX */

fieldset.formats > p {
	font-size: small;
	margin-left: 1em;
	margin-right: 1em;
	}
/* Pix index in /pix/ directory */

nav#pixIndex {
	margin-left: 3%;
	}

nav#pixIndex li {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	line-height: 170%;
	letter-spacing: .05em;
	text-indent: -1em;
	}
	
nav#pixIndex ul {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 1em;
	}
	
nav#pixIndex li:before {
	font-size: large;
	content: "\272E\A0";
	color: #666;
	}
	
nav#pixIndex li:hover:before {
	color: goldenrod;
	}
	
nav#pixIndex li a:link {
	text-decoration: none;
	color: navy;
	}
nav#pixIndex li a:visited {
	text-decoration: none;
	color: navy;
	}
	
nav#pixIndex li a:hover {
	text-decoration: none;
	color: blue;
	}
	
nav#pixIndex li a:active {
	text-decoration: none;
	color: dodgerblue;
	}
	
	
/* PROFILES */

/* body.profiles img {
	float: right;
	margin-left: 1em;
	margin-bottom: .5em;
	width: 20%;
	border: none;
	}
*/

p.source {
	text-align: right;
	font-style: italic;
	}
	
/* FLETCHER CLASS PAGE */

body.fletcher table {
	width: 90%;
	}
	
body.fletcher table caption {
	letter-spacing: .1em;
	}

tr.fletchTop td {
	padding-top: 1%;
	}


tr.fletchBottom {
	}

body.fletcher tbody td {
	vertical-align: middle;
	}
	
body.fletcher tbody td.chronology {
	padding: .5em 1em .3em .5em;
	vertical-align: middle;
	border-bottom: thin solid silver;
	}
	
table.TheFletchers td.chronology ul {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 1em;
	}

table.TheFletchers td.chronology li {
	font-size: larger;
	line-height: 2.5ex;
	padding-top: .5ex;
	padding-bottom: .5ex;
	text-indent: -1em;
	}
	
table.TheFletchers td.chronology li:before {
	font-size: large;
	content: "\272E\A0";
	color: #666;
	}
	
table.TheFletchers td.chronology li:hover:before {
	color: goldenrod;
	}
	
table.TheFletchers tfoot td {
	border-bottom: thin solid silver;
	color: black;
	line-height: 130%;
	padding: .4em 0 .4em 3.3em;
	text-align: left;
	text-indent: -1.8em;
	}

td.hull,td.vesselName {
	font-size: large;
	}
	
body.fletcher td.hull {
	padding-left: 0;
	}
	
body.fletcher td.hull a {
	border: thin solid transparent;
	font-weight: bold;
	letter-spacing: .1em;
	padding: .2em .3em .2em .3em;
	text-decoration: none;
	font-family: "open sans", open-sans, tahoma, sans-serif;
	}
	
body.fletcher tbody td.hull a:hover {
	background-color: aliceblue;
	border: thin solid navy;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	}

td.vesselName {
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: left;
	font-family: "open sans", open-sans, tahoma, sans-serif;
	}
	
td.vesselName:before {
	content: "U.S.S. ";
	}
	
td.chronology li:after {
	content: ".";
	}
	
tr.warloss {
	background-color: #eee;
	}
	
td.fletchThumb {
	border-bottom: thin solid silver;
	text-align: center;
	padding-top: .2em !important;
	}
		
td.fletchThumb img {
	max-height: 300px;
	max-width: 400px;
	border: none;
	}

/* MASTER MUSTER ROLLS */

table.master td,th {
	padding-left: .5em; 
	padding-right: .5em; 
	}
	
table.master th {
	border-top: thin solid silver;
	border-bottom: 0;
	text-align: left;
	}
	
table.master caption {
	font-weight: bold;
	font-size: large;
	}
		
table.master fnote td {
	font-size: medium;
	}

tr.record td {
	background-color: #eee;
	border-top: thin solid black;
	font-size: medium;
	}
	
tr.note td {
	font-size: small;
	border-top: thin solid silver;
	}
	
td.lname {
	font-weight: bold;
	}
	
tr.note>td {
	padding-left: 3em;
	}
	
/* DYNAMIC COLORED LINE DISPLAY IN MUSTER TABLES */

table.muster2 tbody tr:hover {
	background-color: bisque;
	}
	
table.muster4 tbody tr:hover {
	background-color: bisque;
	}

table.master tbody tr:hover {
	background-color: bisque;
	}

/* RATINGS AND UNIFORMS */

body.ratings {
	text-align: center;
	}

table.ratings {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	}

table.ratings td {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	padding-bottom: 3em;
	text-align: center;
	width: 33%;
	}
	
table.rates {
	text-align: center;
	}

table.rates td {
	border-bottom: thin solid silver;
	text-align: center;
	padding: .5em .7em .5em .7em;
	}
	
/* GETTING STARTED */
	
ul.getStarted li {
	margin-top: .3em;
	margin-bottom: .3em;
	}
	
/* CHRONOLOGY */

table.chronology {
	font-family: "new courier", "courier new", courier, "Lucida Sans Typewriter Regular", monaco, "Lucida Console", lucidatypewriter, fixed, monospace;
	}
	
table.chronology tr:nth-child(odd) {
	background-color: white;
	}

table.chronology tr:nth-child(even) {
	background-color: aliceblue;
	}

table.chronology td {
	border-bottom: thin solid silver;
	padding: .2em .5em .2em .5em;
	}
	
img.chronology {
	width: 1em;
	}
	
/* MEMORIES */

table.memories td {
	border-bottom: thin solid silver;
	padding: .4em 1em .4em 1em;
	}
	
table.memories td:nth-child(2) {
	font-weight: bold;
	letter-spacing: .1em;
	}

	
table.memories td:nth-child(3) a {
	display: block;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	letter-spacing: .1em;
	margin-bottom: .5em;
	margin-top: .5em;
	}

table.buddies td {
	padding: .3em 0 .3em 0;
	}
	
dl.diary dd {
	padding-bottom: .5em;
	}
	
img.diary {
	float: right;
	margin: 0 0 .5em 1em;
	width: 40%;
	}
	
/* DOCUMENTS */

body.documents li {
	padding-top: .3em;
	padding-bottom: .3em;
	}
	
body.dabbler li {
	padding-top: .3em;
	padding-bottom: .3em;
	}
	
table.AbbotRibbons {
	width: 420px;
	}

table.AbbotRibbons td {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	}
	
img.ribbonstars {
	margin: auto;
	}
	
/* PLANS */

table.blueprints {
	table-layout: fixed;
	width: 95%;
	}

table.blueprints td {
	padding-bottom: 2ex;
	text-align: center;
	width: 25%;
	}
	
table.blueprints img {
	border: none;
	width: 95%;
	}
	
/* FLAGS */

table.flags {
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: medium;
	table-layout: fixed;
	width: 95%;
	}

table.flags td {
	padding-bottom: 2ex;
	padding-top: 2ex;
	text-align: center;
	width: 33.3%;
	}
	
table.flags img {
	width: 95%;
	border: none;
	}

/* HOME PAGE STYLES */

@media screen and (min-width: 1200px) {
	body.main aside {
		clear: both;
		font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
		font-weight:bold;
		letter-spacing:.1em;
		margin-top: 2%;
	}
}

@media screen and (max-width: 1199px) {
	body.main aside {
		display: none !important;
	}
}

body.main h2 {
	color: black;
	font-family: georgia, palatino, "palatino linotype", "times new roman", "century schoolbook", times, serif;
	font-style: italic;
	}
	
	
div#homeMenuBG {
	background-attachment: scroll;
	background-image: url(/main/fantail.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
/*	height: 100vh; */
	margin: 0;
	padding: 0;
	width: 100%;
	}

div#homeMenuPkg {
	background-color: transparent;
	height: 100%;
	margin: 0;
	padding-top: 1%;
	width: 100%;
	}

div#homeLegend {
	line-height: 80%;
	}
	
nav#home {
	clear: both;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	}

nav#home a {
	background-image: none;
	border: none;
	display: block;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: x-large;
	font-weight: 800;
	letter-spacing: .15em;
	line-height: 125%;
	padding: 0;
	text-decoration: none;
	text-shadow: 1px 1px #DDD;
	}

nav#home a:link, nav#home a:visited  {
	color: navy;
	border-bottom-color: navy;
	}

nav#home a:hover {
	background-color: WhiteSmoke;
	border-bottom-color: silver;
	box-shadow: 0 0 5px 5px silver, 0 0 3px 3px silver inset;
	color: blue;
	text-shadow: none;
	}

nav#home a:active {
	background-color: WhiteSmoke;
	border-bottom-color: silver;
	box-shadow: 0 0 5px 5px silver, 0 0 3px 3px silver inset;
	color: dodgerblue;
	text-shadow: none;
	}

div#col1,
div#col3 {
	display: inline-block;
	margin: 0;
	min-width: 280px;
	padding: 0 1em 0 1em;
	width: 20%;
	}
	
div#col1 {
	float: left;
	}
	
div#col3 {
	float: right;
	}

	
/* @media screen and (min-width: 1200px) {	
	img.RotatingPix {
    	display: none;
    	left: 0;
    	position: absolute;
    	top: 0;
		width: 100%;
		}
}

*/

/* Home Page Video */
/* Native format: 654x480 Aspect ratio: 0.734 */
/* layout format: 523x384 					  */

div#col2 {
		display: inline-block;
		width: 40%;
		min-width: 525px;
		padding: 0;
		margin: 0;
		}

div#col2 video#homeVideo {
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		max-height: 480px;
		max-width: 654px;
		object-fit: contain;
		padding: 0px;
		width: 100%;
		}
	
/* @media screen and (max-width: 1199px) {	
	img.RotatingPix {
    	display: none !important;
    	left: 0;
    	position: absolute;
    	top: 0;
		width: 100%;
		}
		
	div#col2 {
		display: inline-block;
		width: 10%;
	}
}

*/

	
h4.anniversary {
	color: black;
	font-family: georgia, palatino, "palatino linotype", "times new roman", "century schoolbook", times, serif;
	font-size: large;
	font-weight: bold;
	letter-spacing: .1em;
	text-shadow: 1px 1px #DDD;
	}

/* CAMOUFLAGE */

table#colors {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid black;
	width: 60%;
	}
	
table#colors td {
	height: 4em;
	padding: 0 1em 0 1em;
	vertical-align: middle;
	width: 20%;
	}

table#colors caption {
	color: black;
	}

/* DD 502 Plans */

div#dd502thumb {
	background-color: lightgray;
	margin-top: 1em;
	margin: 0 10% 1% 10%;
	padding: .5em;
	text-align: center;
	width: 80%;
	}

div#dd502thumb a {
	background-color: transparent !important;
	border: 0;
	color: transparent !important;
	}

img.dd502thumb {
	border: 0;
	margin: .2em .5em .2em .5em;
	width: 20%;
	}
/* Abbot Crew 1945 */

/* Show the Zoom version only on larger screens */
/* Hide the jpg version on large screens */

figure#abbotCrew1945 {
	display: none;
	}
	
div.abbotCrew {
	display: block;	
	}
	
/* ALFORD AND OTHER VIODEO PAGES */

video#alford,
video#AO97,
video#BellCeremony,
video#collision,
video#greyhounds,
video#japan,
video#kamaishi,
video#kiddFilm,
video#knutson,
video#reunion2010,
video#reunion2012,
video#savage,
video#secNav
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	}

table.alford {
	margin-left: 2%;
	width: 96%;
	}
	
table.alford td {
	padding: .7em .2em .1em .2em;
	text-align: center;
	width: 25%;
	}
	
table.alford img {
	display: block;
	width: 100%;
	}
	
/* VCARDS */

div.vcard span {
	display: block;
	font-size: small;
	font-style: italic;
	padding-left: 2em;
	}
	
/* NELSON */

ul.nelson li a {
	background-color: transparent;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	}

ul.nelson li a:link {
	color: white;
	}

ul.nelson li a:visited {
	color: white;
	}

ul.nelson li a:hover {
	color: yellow;
	}

ul.nelson li a:active {
	color: cyan;
	}
	
/* INTRO PAGE */

img.RotatingIntroPix {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;
	}
	
div#IntroPix {
	display: inline-block;
	position: relative;
	width: 70%;
	}

/* ASSORTED */

div.reunion2016 img {
	width: 100%;
	}

div.reunion2016 p {
	border-bottom: thin solid silver;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	letter-spacing:.1em;
	margin-left: 10%;
	padding-bottom: .3em;
	width: auto;
	}
	
div.reunion2018 {
	float: right;
	margin-left: .5em;
	width: 35%;
	}

div.reunion2018 img {
	width: 100%;
	}

div.reunion2018 p {
	border-bottom: thin solid silver;
	font-family: "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
	font-weight: bold;
	letter-spacing:.1em;
	margin-left: 10%;
	padding-bottom: .3em;
	width: auto;
	}

div#GoogleResults {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
div#CreditLine p {
	text-align: right;
	font-style: italic;
	}
	
/* AbbotCowpens */

article#AbbotCowpens {
	background-color:black;
	padding: 5% 2% 3% 2%
	}
	
article#AbbotCowpens a {
	color:white;
	text-align: center;
	font-weight: bold;
	}

article#AbbotCowpens a img {
	}

article#AbbotCowpens p {
	font-family: "open sans", sans-serif;
	color: white;
	text-align: center;
	font-weight: bold;
	}
/* picFrame Genereic Picture Frame */

body#picFrame article {
	background-color: black;
	color: whitesmoke;
	}	
	
/* Google Search Box */

aside#googleSearchBox {
	margin-left: auto;
	margin-right: auto;
	margin-top: .3em;
	padding-top: 0;
	width: 100%;
	}
	
/* Too Wide Warning */
	
fieldset#tooWide {
	display: none;
	}

/* Go Back to Previous Page */

div#return {
	background-color: transparent;
	border: thin solid transparent;
	border-radius: 5px;
	font-family: "open sans", open-sans, helvetica, geneva, tahoma,sans-serif;
	margin-left: auto; 
	margin-right: auto;
	padding: .3em .5em .3em .5em;
	text-align: center;
	width: 40%;
	}
	
div#return a {
	text-decoration: none;
	}

div#return:link a,
div#return:visited a {
	color: green;
	background-color: mintcream;
	}

div#return:hover a {
	color: darkgreen;
	background-color: mintcream;
	}
	
div#return:active a {
	color: lime;
	background-color: mintcream;
	}
	
/* Popup Page */

body#popup article {
	background-color: black;
	color: whitesmoke;
	display: block;
	margin-top: .5%;
	padding-top: .5%;
	text-align: center;
	}
	
/* NAV.home */

nav#home {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	}
	
nav#home div#col1,
nav#home div#col2,
nav#home div#col3 {
	display: inline flex;
	flex-flow: column;
	height: 60vh;
	justify-content: space-around;
	text-align: center;
	width: 33%;
	}

nav#home div a {
	display: block;
	border-bottom: thin solid navy;
	padding-bottom: 1.3ex;
	padding-top: 1.3ex;
	}
	
@media screen and (max-width: 480px) {

	div#homeLegend {
		line-height: 140%;
		}

	fieldset#tooWide {
		display: block;
		}

	body.main {
		background-position: center center;
		background-size: auto;
		}
	
	figcaption {
		font-size: small;
		}
		
	nav#home {
		width: 100%;
		margin: 0 2% 0 2%;
		}
		
	div#homeMenuBG {
		background-position: right center;
		}
		
	nav#home div#col2 {
		display: none;
		}
		
	nav#home div#col1,
	nav#home div#col3 {
		border-left: 1px solid navy;
		border-right: 1px solid navy;
		clear: both;
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		float: none;
		justify-content: space-around;
		margin: 0;
		min-width: unset;
		padding: 0 .5em 0 .5em;
		width: 100%;
		}
	
	nav#home div#col1 a,
	nav#home div#col3 a {
		border-bottom: thin solid #444;
		display: block;
		font-size: medium;
		font-stretch: 50%;
		letter-spacing: 0;
		line-height: 150%;
		margin: 0;
		padding: 1.3ex 0 0 0;
		text-align: center;
		width: 100%;
		}
				
	body.fletcher div#myContainer {
		display: none;
		}
		
	span#truncateLogo {
		display: none;
		}
		
	table#cruisebooks a
	table#cruisebooks a:hover {
		opacity: 1.0;
		}
		
	/* Fletcher database on mobil*/
	
	table.TheFletchers {
		width: 100%;
		font-size: medium;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		}
		
	table.TheFletchers td {
		font-family: "open sans", open-sans, sans-serif;
		letter-spacing: 0;
		font-size: small;
		/* border: 1px solid fuchsia; */
		}
		
	table.TheFletchers td.chronology ul {
		margin: 0;
		padding: 0 0 0 .5em;
		}
	
	table.TheFletchers td.chronology ul li {
		font-family: "open sans", open-sans, sans-serif;
		letter-spacing: 0;
		font-size: x-small;
		}
		
	tr.fletchTop tr td {
		width: 100%;
		}
		
	tr.fletchTop tr td.hull {
		width: 10%;
		text-align: center;
		}
		
	tr.fletchTop tr td.vesselName {
		text-align: center;
		width: 20%;
		}

	tr.fletchTop tr td.chronology {
		width: 70%;
		text-align: left;
		padding: 0;
		}
	
	tr.fletchBottom tr td {
		vertical-align: top;
		}
		
	tr.fletchBottom td img {
		width: 95%;
		vertical-align: top;
		}
		
	/* Battle Stars */
	
	table.battlestars th,
	table.battlestars td {
		font-size: small;
		}

	
	
	table.battlestars th.pad,
	table.battlestars td.pad {
		display: none;
		}
		
	table.battlestars th.starNumber,
	table.battlestars td.starNumber {
		width: 10%;
		}
	table.battlestars th.starDates,
	table.battlestars td.starDates {
		width: 25%;
		}
	table.battlestars th.starOps,
	table.battlestars td.starOps {
		width: 50%;
		}
	table.battlestars th.starCode,
	table.battlestars td.starCode {
		width: 15%;
		}
	
	/* Chronology */
	
	table.chronology {
		width: 100%
		}
		
	table.chronology td,
	table.chronology th {
		font-family: "open sans", open-sans, helvetica, tahoma, sans-serif;
		font-size: small;
		text-align: center;
		}	

	
	table.chronology td.date {
	
		}
		
	table.chronology td.date1 {
	
		}	

	table.chronology td.operation {
	
		}	


	table.chronology td.unit {
	
		}	
		
	table.chronology td.description {
		text-align: left;
		}	

	/* ASSORTED VIDEO PAGES */

	video#alford,
	video#AO97,
	video#BellCeremony,
	video#collision, 
	video#greyhounds,
	video#japan,
	video#kamaishi,
	video#kiddFilm,
	video#knutson,
	video#reunion2010,
	video#reunion2012,
	video#savage,
	video#secNav
		{
		width: 98%;
		max-height: 1079px;
		margin-left: auto;
		margin-right: auto;
		}

	/* Abbot Crew 1945 */

	/* Show the Zoom version only on larger screens */
	/* Hide the jpg version on large screens */

	figure#abbotCrew1945 {
		display: block;
		}
	
	div.abbotCrew {
		display: none;	
		}
	
	/* Camouflage Colors */
	
	table#colors {
		width: 95%;
		}		
		
	body.slideShow video {
		width:100%;
		}
		
	/* REUNIONS PAGE */

	figure#karras {
		float: none !important;
		width: 100% !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		}
		
	div#reunionIndex {
		float: none !important;
		width: 100% !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		}

	div#reunionIndex li {
		font-size: small !important;
		}
		
	/* CAPTAINS PAGE */
	
	body.captains {
		background-image: none;
		}

	table#captain {
		width: 98%;
		}
			
	table#captain,
	table#captain caption,
	table#captain th,
	table#captain td {
		font-size: small !important;
		line-height: 100%;
		letter-spacing: normal;
		}

	table#captain td:nth-child(2),
	table#captain td:nth-child(4) {
		width: 1%;
		}
		
	table#captain td:nth-child(1),
	table#captain td:nth-child(3) {
		width: 49%;
		}

		
	table#captain td:nth-child(2) img,
	table#captain td:nth-child(4) img {
		display: none;
/*		height: 90%;
		max-height: 20ex;
		vertical-align: middle;
*/
		}
		
	table#captain tbody td a {
		font-family: open-sans-condensed, "open sans", open-sans, tahoma, arial, verdana, helvetica, geneva, sans-serif;
		font-weight: bold;
		}		

		
}
/* END */