article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block;
}
audio:not([controls]) {
display : none;
}
[hidden] {
display : none;
}
html {
font-size : 100%;
}
html, button, input, select, textarea {
font-family : sans-serif;
}
body {
margin : 0;
}

a:focus {
outline : thin dotted;
}
a:hover, a:active {
outline : 0;
}

h1 {
font-size : 2em;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : bold;
}
blockquote {
margin : 1em 40px;
}
dfn {
font-style : italic;
}
mark {
background : #ff0;
color : #000;
}
pre, code, kbd, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre;
white-space : pre-wrap;
}
q {
quotes : none;
}
q:before, q:after {
content : '';
content : none;
}
small {
font-size : 75%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
/*
sup, black  {
font-size : 25%;
line-height : 0;
position : relative;
vertical-align : baseline;
color : #000;
top : -0.5em;
}
*/
sub {
bottom : -0.25em;
}
em {
color : indianred;
}
ul, ol {
margin-left : 0;
padding : 0 0 0 40px;
}
dd {
margin : 0 0 0 40px;
}
nav ul, nav ol {
list-style : none;
list-style-image : none;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
form {
margin : 0;
}
fieldset {
border : #c0c0c0 solid 1px;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
button, input {
line-height : normal;
}
input[type="search"] {
box-sizing : content-box;
}
textarea {
overflow : auto;
vertical-align : top;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
html, body {
height : 100%;
margin : 0;
padding : 0;
border : 0;
background-color : #000;
	 background-image : url(usa-flag-c.jpg); /* background-image : url(us_flag-3.png);  http://freeclipartstore.com/American%20Flag%20Clip%20Art%20Pg%201.htm */
background-repeat : repeat;
}

#container {
font-family : Georgia, Serif;  /*initial, Times, serif;*/
   width: 960px;  /*  75%;*/
   margin:0 auto;
   height : auto;
      padding-right:2em;
	  padding-left: 2em;
	  padding-bottom: .5em;	  
   background-color:#fdf5e6; /*  #fefefe  */
    border-radius:5px;  
   box-shadow:5px 5px 15px 10px #000 ;  /*box-shadow: horizontalOffset verticalOffset [blur] [spread] color [inset] */
}
#header {
height : auto;
margin-left : auto;
margin-right : auto;
width : 100%;
top : 0;
background-color : #fdf5e6;
   border-radius:30px;  
   box-shadow:10px 10px 8px 5px #A9A9A9;  
}
#header.image{width: 93%;}
#sourcelogo {
height : 90px;
margin-left : auto;
margin-right : auto;
width : 65%;

}
#footer {
position : relative;
bottom : 0;
width : 100%;
height : 40px;
/*background-color : #e0ffff; */
margin : auto;
padding-left : 0%;
/*border-top : 1px solid #bbb;*/
font-size : 80%;
    border-radius:30px;
   box-shadow:10px 10px 8px 5px Silver ; 

}
#article {
/*background-color : #fdf5e6; */
width: 98%;
margin-left : auto;
margin-right : auto;
/*border: solid 1px #f00; */
 padding-right: 1%;
 padding-left : 1%;
text-align : justify;
font-weight : bold;
position : relative;
top : 0;
}
#article p:first-letter {
font-size : 180%;
font-style : italic;
font-family : cursive;
text-shadow: -4px -4px 2px gray;
color: navy;
}
p{text-indent: 1.5em;
line-height: 1.2;
 padding-right: 1%;
 padding-left : .1%;
}
#pagedate {
color : #191970;
font-weight : bold;
font-size : 80%;
text-align : center;
width : 99%;
margin-right : auto;
margin-left : auto;
 padding: 1%;
}
#credit {
color : #ff0000;
width : 80%;
overflow : hidden;
font-size : 90%;
text-align : justify;
margin : auto;
height : auto;
overflow : hidden;
background-color : #fdf5e6;
}

#credit1 {
color : #ff0000;
overflow : hidden;
font-size : 90%;
text-align : justify;
width : 60%;
margin-left : auto;
margin-right : auto;
background-color : #fdf5e6;
}
#credit2 {
color : #000080;
overflow : hidden;
font-weight : bold;
font-size : 70%;
text-align : center;
width : 80%;
margin-left : auto;
margin-right : auto;
/*background-color : #fdf5e6; */
border-bottom : 1px solid #999;
}

.genlist ul {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding-left : 2px;
list-style-type : none;
width : 90%;
}
.genlist  li {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 2px;
width : 95%;
list-style-type : none;
text-align : left;
}
#topmenulist ul {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
/*padding-left : 2px; */
list-style-type : none;
width : 95%;
margin-left: auto;
margin-right: auto;

}
#topmenulist li {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
/*padding-left : 2px; */
width : 95%;
list-style-type : none;
text-align : center;
border-radius : 30px;  
box-shadow : 3px 3px 8px 5px #A9A9A9 ; 
margin : 0;   
 /*  background-color:white;      box-shadow:-1px -1px 10px 4px Silver ;  */
}
#bottommenulist ul {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
/*padding-left : 2px; */
list-style-type : none;
width : 95%;
margin-left: auto;
margin-right: auto;

}
#bottommenulist  li {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
text-align : center;
width : 95%;
list-style-type : none;
border-radius: 30px;  
box-shadow: 3px 3px 8px 5px #A9A9A9  ;  
/*border-bottom: SOLID 1px #0f0; */ 
}
#mail {
font : Arial, geneva, helvetica;
font-size : 92%;
line-height : 150%;
background-color : #fdf5e6;
float : left;
padding-left : 5%;
padding-right : 5%;
padding-top : 2%;
width : 90%;
text-align : left;
font-weight : bold;
position : relative;
top : 0;
height : auto;
}
#mail sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
color : #000;
}
#mail p:first-letter {
font-size : 92%;
font-style : normal;
font-family : Lucida Console, Monaco, monospace;
}
h1, h2 {
color : #000080;
font-size : 150%;
text-align : center;
font-variant : small-caps;
margin : 0;
}
h3, h4, h5, h6 {
color : #000080;
text-align : center;
font-weight : bold;
font-variant : small-caps;
font-family : Arial, geneva, helvetica;
margin : 0;
}
abbr {
color : #FF1493;
}
sup {
color : #FF1493;
}

img {
border : 0;
max-width : 100%;
}
img.left {
padding : 5px;
float : left;
margin-left : 1%;
}
img.right {
padding : 5px;
float : right;
margin-right : 2%;
}
img.center {
display : block;
margin-left : auto;
margin-right : auto;
}
.contact {
color : gray;
font-size : 90%;
text-align : center;
margin-bottom : 0;
margin-top : -4px;
}
.featurered {
font-style : italic;
color : #ff0000;
text-align : center;
font-size : 85%;
font-weight : bold;
}
.sourceinfo {
font-size : 70%;
}

.credit3 {
color : #000080;
overflow : hidden;
font-size : 90%;
text-align : center;
width : 80%;
margin-left : auto;
margin-right : auto;
background-color : #fdf5e6;
border-bottom : 1px solid #999;
}
.credit4 {
color : #000000;
overflow : hidden;
font-weight : bold;
font-size : 90%;
text-align : center;
width : 80%;
margin-left : auto;
margin-right : auto;
border-bottom : none;
}
.title4 {
color : #000000;
overflow : hidden;
font-weight : bold;
font-size : 150%;
font-family : Comic Sans, Comic Sans MS, cursive;
text-align : center;
width : 80%;
margin-left : auto;
margin-right : auto;
border-bottom : none;
}
.familyindex{
color : #000080;
overflow : hidden;
font-size : 100%;
text-align : center;
width : 80%;
margin-left : auto;
margin-right : auto;
background-color : #fdf5e6;
border-bottom : 1px solid #999;
}

.pageinfored {
font-variant : small-caps;
color : #ff0000;
border-bottom : 1px dotted #0000ff;
font-size : 100%;
text-align : center;
}
.smalllist ul {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding-left : 2px;
list-style-type : none;
width : 95%;
}
.smalllist li {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 2px;
width : 95%;
}
.menulist ul {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding-left : 2px;
list-style-type : none;
width : 90%;
}
.menulist li {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 2px;
width : 95%;
list-style-type : none;
text-align : left;
}

.menulistlarge ul {
font : 12pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding-left : 2px;
list-style-type : none;
width : 90%;
margin-right : auto;
margin-left : auto;
}
.menulistlarge li {
font : 12pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 2px;
width : 95%;
list-style-type : none;
text-align : left;
}
/*
.menulist a:active {
text-decoration : none;
text-decoration : underline;
color : #0f0;
}
.menulist a {
text-decoration : none;
color : #f00;
text-decoration : underline;
}
.menulist a:hover {
text-decoration : underline;
color : red;
}
.menulist a:visited {
text-decoration : underline;
color : #00f;
}

.menulist a:active {
text-decoration : underline;
color : #0f0;
}
*/
p.c1 {
font-style : italic;
}
/*Styles for links  When typing the style rules, it's important to put them in 
lvha (link, visited, hover, active) order*/

/*Unvisited links olive*/
a:link{
   color:purple;
   text-decoration: underline;
}

/*Visited links*/
a:visited{
   color:red;
   text-decoration:none;
}

/*Mouse pointer hovering over link*/
a:hover{
   color:black;
   background-color:yellow;
   text-decoration: underline;
}

/*Mouse pointer on link and mouse button down purple */
a:active{
   background-color:silver; 
   text-decoration: none;
}
/* Highlight any span of text i.e.  <span class="hilite">text </span> or <p class="hilite"> text </p>    */
.hilite{
  background-color:yellow;
}
/* Styles for links prior to 02-06-2013
a {
text-decoration : underline;
font-weight : bold;
outline : none;
color : gray;
}
a:visited {
color : #000077;
}
a:active {
color : #00ff00;
}
a:hover {
text-decoration : none;
color : #f00;
 background-color:yellow;
}
*/
/*
.mail {
font-family : Lucida Console, Monaco, monospace;
font-size : 80%;
}
*/
.maillist ol{
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
padding : 4px;
width : 98%;
list-style-type : none;
text-align : left;
}
.maillist li{
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
padding : 4px;
width : 98%;
list-style-type : none;
text-align : left;
/* white-space : nowrap; added 01/14/2013 for JTWC 1965 chap 1.*/
}
.vw1 {
color : #ff0000;
font-size : 200%;
font-style : italic;
font-weight : bold;
text-align : center;
}
.pageNamered {
color : #ff0000;
border-bottom : 4px dotted #0000ff;
font-size : 200%;
text-align : center;
}
.pageName {
color : #227;
font-size : 140%;
text-align : center;
}
.subtitle {
font-variant : small-caps;
color : #000080;
font-size : 100%;
text-align : center;
}
.subtitleleft {
width : 30%;
color : #000;
font-size : 75%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 4px;
margin : .5%;
margin-right : 2%;
line-height : 1em;
}
.subtitleleftsmall {
width : 15%;
color : #000000;
font-size : 70%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 4px;
margin : 1%;
line-height : 1em;
}
.subtitleleftlarge {
width : 40%;
color : #000000;
font-size : 80%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 4px;
margin : .1%;
margin-right : 2%;
line-height : 1em;
}
.subtitleleftvlarge {
width : 80%;
color : #000000;
font-size : 120%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 4px;
margin : .1%;
margin-right : 2%;
line-height : 1em;
}
.subtitlecenter {
width : 60%;
color : #000000;
font-size : 80%;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 4px;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
border-bottom : 1px solid #888;
}
.subtitlecenterlarge {
width : 80%;
color : #000000;
font-size : 140%;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 4px;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
/*border-bottom : 1px solid #888;*/
}
.subtitlecl-tl {
width : 60%;
color : #000000;
font-size : 120%;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 4px;
margin-left : auto;
margin-right : auto;
text-align : left;
line-height : 1.1em;
/*border-bottom : 1px solid #888;*/
}
.regform {
width : 95%;
color : #000000;
font-size : 80%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 4px;
margin : 1%;
margin-left : .1%;
line-height : 1em;
}
.subtitlecenter1 {
width : 60%;
color : #000000;
font-size : 100%;
font-family : Lucida Console, Monaco, monospace;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
}
.subtitlecentersmall {
width : 33%;
color : #000000;
font-size : 100%;
font-family : Arial, Helvetica, sans-serif;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
/*border-bottom : 1px solid #888;*/
}
.subtitlecentervs {
width : 200px;
color : #000000;
font-size : 100%;
font-family : Arial, Helvetica, sans-serif;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
border-bottom : 1px solid #888;
}
.picturecenter {
width : 95%;
color : #000000;
font-size : 80%;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 4px;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
text-align : center;
}
.subtitleright {
width : 30%;
color : #000;
font-size : 75%;
float : right;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 0px;
margin-right : .1%;
margin-left : 2%;
line-height : 1.1em;
}
.signedright {
width : 50%;
color : #000000;
font-size : 200%;
float : right;
font-family :  Lucida Handwriting, brush script mt, Zapf-Chancery;
font-style : italic; 
padding-left : 4px;
padding-right : 4px;
margin-right : .1%;
margin-left : 1%;
line-height : 1.1em;
border-bottom : 1px solid #888;
}
.subtitlerightsmall {
width : 15%;
color : #000000;
font-size : 70%;
float : right;
font-family : Arial, Helvetica, sans-serif;
margin-left : auto;
margin-right : auto;
padding-left : 4px;
padding-right : 4px;
margin : 1%;
line-height : 1em;
}
.subtitlerightlarge{
width : 40%;
color : #000000;
font-size : 80%;
float : right;
font-family : Arial, Helvetica, sans-serif;
padding-left : 8px;
padding-right : 4px;
margin-right : 1%;
margin-left : .1%;
line-height : 1.1em;
}
.subtitle1 {
color : #000000;
padding : 4px;
font-size : 90%;
font-weight : bold;
margin-left : auto;
margin-right : auto;
text-align : justify;
width : 60%;
border-bottom : 1px solid #888;
}
.subtitle2 {
color : #000080;
font-size : 80%;
text-align : left;
border-bottom : 1px solid #888;
}
.subtitlered {
font-variant : small-caps;
color : #dd0000;
font-size : 100%;
text-align : center;
}
.pageinfoblue {
font-variant : small-caps;
color : #0000ff;
border-bottom : 4px dotted #0000ff;
font-size : 100%;
text-align : center;
}
.aside {
background-color : #f8f8ff;
float : right;
width : 35%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asidecenterlarge {
background-color : #f8f8ff;
float : left;
width : 95%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asideleftlarge {
background-color : #f8f8ff;
float : left;
width : 40%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asidesmall{
background-color : #f8f8ff;
float : right;
width : 30%;
margin : 0.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 70%;
line-height : 1em;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px gray  ;
}
.asideleft {
background-color : #f8f8ff;
float : left;
width : 35%;
margin : 3%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ;
}
.asideleftsmall{
background-color : #f8f8ff;
float : left;
width : 30%;
margin : .5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 70%;
line-height : 1em;
   border-radius:15px;  
   box-shadow:0px 5px 10px 1px gray  ;
}
/*
.buttonnav {
width : 110px;
height : 25px;
font-size : 100%;
font : 10pt geneva, Arial, helvetica;
font-weight : bold;
margin-left : auto;
margin-right : auto;
background-color : #e0ffff;
border-style : ridge;
border : #1100dd solid 4px;
text-align : center;
margin-bottom : 1em;
}*/
.line {
border-bottom : 3px dotted #f00;
width : 70%;
margin-right : auto;
margin-left : auto;
}
.shortline {
border-bottom: 1px solid #bbb;
width : 20%;

float : left;
}
.shortlinecenter{
border-bottom: 2px solid #bbb;
width : 40%;
margin-right : auto;
margin-left : auto;
}
.figure {
margin-bottom : 0;
width : 100%;
}
.figuresmall {
float : right;
margin : 0.5%;
margin-right : 3%;
width : 50%;
}
.circlemed{
            width: 115px;
            height: 115px;
            margin: 10px;
margin-left: auto;
margin-right: auto;
            text-align:center;
            background-image:url(bkgfabric02.jpg);
			color : #f00;
            /*border: solid 2px #4c2e16; */
            border-radius: 115px;
            box-shadow:0px 0px 30px 0px Lightcoral inset;
}
.buttonnav{
            width: 140px;
            height: 30px;
            margin-bottom: 15px;
			margin-top: 15px;
			padding-top:5px;
margin-left: auto;
margin-right: auto;

 text-shadow: 2px 2px 4px #A00;"

			font-size : 50%;
            text-align:center;
            background-image:url(pix/bkgfabric02.jpg);
			color : #f00;
            /*border: solid 2px #4c2e16; */
            border-radius: 30px;
            box-shadow:0px 0px 15px 0px Lightcoral inset;
}
.smcomment {
color : #0000ff;
border : #0000ff dotted 4px;
font-size : 80%;
text-align : justify;
width : 80%;
margin-left : auto;
margin-right : auto;
padding : 4px;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ;
}
.tablelines table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
font-family : Arial, geneva, helvetica;
width : 95%;
text-align : left;
font-weight : bold;
vertical-align : top;
border : #f5f5dc dotted 0;
border-collapse : collapse;
}
.tablelines td {
font-size : 90%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 5px;
text-align : left;
border-collapse : collapse;
}
.tablelines th {
vertical-align : top;
font-family : Arial, geneva, helvetica;
font-size : 90%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 5px;
text-align : center;
border-collapse : collapse;
}

.tablereunion table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
font-family : Arial, geneva, helvetica;
width : 95%;
text-align : left;
font-weight : bold;
vertical-align : top;
border : #f5f5dc dotted 0;
border-collapse : collapse;
}
.tablereunion td {
font-size : 90%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 5px;
width : 528px;
text-align : left;
border-collapse : collapse;
}
.tablereunion th {
vertical-align : top;
font-family : Arial, geneva, helvetica;
font-size : 90%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 5px;
width : 128px;
text-align : center;
border-collapse : collapse;
}


.tablesmall table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
font-family : Arial, geneva, helvetica;
width : 65%;
text-align : left;
font-weight : bold;
vertical-align : top;
/* border : #f5f5dc dotted 0; */
border-collapse : collapse;
}
.tablesmall tr, td {
font-size : 90%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
/* border : #f5f5dc dotted 0;*/
line-height : 1.2em;
padding : 5px;
text-align : left;
border-collapse : collapse;
}
.tablesmall tr, th {
vertical-align : top;
font-family : Arial, geneva, helvetica;
font-size : 90%;
/* border : #f5f5dc dotted 0;*/
line-height : 1.2em;
padding : 5px;
text-align : center;
border-collapse : collapse;
}


.tablemail table {
margin-left : auto;
margin-right : auto;
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
width : 95%;
text-align : left;
font-weight : bold;
vertical-align : top;
border : #f5f5dc dotted 0;
border-collapse : collapse;
}
.tablemail td {
vertical-align : top;
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 0.8em;
text-align : left;
border-collapse : collapse;
/*white-space : nowrap; removed 01/14/2012 for correction in jtwc1965_frontmatters.html */
}
.tablemail th {
vertical-align : top;
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 0.8em;
text-align : left;
border-collapse : collapse;
}


.tablemailsmall table {
margin-left : auto;
margin-right : auto;
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
width : 70%;
text-align : left;
font-weight : bold;
vertical-align : top;
border : #f5f5dc dotted 0;
border-collapse : collapse;
}
.tablemailsmall td {
vertical-align : top;
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 0.8em;
text-align : left;
border-collapse : collapse;
/*white-space : nowrap; removed 01/14/2012 for correction in jtwc1965_frontmatters.html */
}
.tablemailsmall th {
vertical-align : top;
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 0.8em;
text-align : center;
border-collapse : collapse;
}

.tablenorm table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
vertical-align : top;
font-weight : bold;
border : #bbb solid 1px; 
border-collapse : collapse;
width : 95%;
padding : 0.7em;
}
.tablenorm th {
font-size : 90%;
vertical-align : top;
border : #bbb solid 1px;
line-height : 1.5em;
padding : 0.7em;
text-align : center;
border-collapse : collapse;
/*width : 12%;*/
}
.tablenorm td {
font-size : 90%;
vertical-align : top;
border : #bbb solid 1px;
line-height : 1.5em;
padding : 0.7em;
text-align : left;
border-collapse : collapse;
font-weight : bold;
/*width : 88%; */
}
.largetable table {
margin-left : auto;
margin-right : auto;
font-size : 85%;
font-family : Arial, geneva, helvetica;
width : 98%;
text-align : left;
vertical-align : top;
border : #ff0000 solid 1px;
border-collapse : collapse;
}
.largetable td {
font-size : 85%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #ff0000 solid 1px;
line-height : 1em;
padding : 2px;
text-align : left;
}
.largetable th {
font-size : 85%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #ff0000 solid 1px;
line-height : 1em;
padding : 2px;
text-align : center;
}
tr.c1 {
background-color : #00cc00; /* Newest Members */
}
tr.c2 {
background-color : #99ffff;  /* Deceased Association Members / Widowed Members */
}
tr.c3 {
background-color : #ffd700; /* Plank Owner / deceased Plank Owner */
}
tr.c4 {
background-color : #f0e68c; /* Deceased Plank Owner */
}
tr.c5 {
background-color : #ffccff; /* Deceased Association Member &amp; Wife */
}
td.c1 {
background-color : #00cc00; /* Newest Members */
}
td.c2 {
background-color : #99ffff; /* Deceased Association Members / Widowed Members */
}
td.c3 {
background-color : #ffd700;  /* Plank Owner / deceased Plank Owner */
}
td.c4 {
background-color : #f0e68c; /* Deceased Plank Owner */
}
td.c5 {
background-color : #ffccff; /* Deceased Association Member &amp; Wife */
}
tr.c6 {
color : red;
font-size : 100%;
text-align : center;
font-weight : bold;
}
td.c7 {
background-color : #dddddd;
text-align : center;
}
tr.c7 {
background-color : #dddddd;
text-align : center;
}
ul.multiple_columns li {
text-align : left;
font-size : 100%;
font : 10pt Arial, geneva, helvetica;
font-weight : bold;
float : left;
list-style : none;
width : 20.2%;
margin-left : auto;
margin-right : auto;
/* NOTE: In the html coding a width of 85% can be used to replace an image width of 150px in the multiple_column class */
}
ul.single_column li {
text-align : justify;
font-size : 100%;
font : 10pt Arial, geneva, helvetica;
font-weight : bold;
float : left;
margin-left : auto;
margin-right : auto;
list-style : none;
width : 83%;
}
.stopflow {
clear : both;
}
.smalllist ul {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 0.2%;
list-style-type : none;
margin-left : 0.2%;
width : 98%;
}
.smalllist li  li {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 0.35%;
padding-left : 5px;
list-style-type : none;
margin-left : 0.2%;
width : 98%;
}
.largelist ul {
font : 10pt Arial, geneva, helvetica;
color : #000;
line-height : 1.4em;
margin : 10px;
}
.largelist li, li {
font : 10pt Arial, geneva, helvetica;
color : #000;
line-height : 1.5em;
}
.boldlargelist ul, ul {
font : 12pt Arial, geneva, helvetica;
color : #000;
line-height : 1.4em;
margin : 10px;
font-weight : bold;
text-align : justify;
}
.boldlargelist li, li {
font : 12pt Arial, geneva, helvetica;
color : #000;
line-height : 1.5em;
font-weight : bold;
text-align : justify;
margin : 5px;
}
.dotlist ul {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
width : 90%;
padding : 2px;
margin-left : 4%;
list-style-type : disc;
}
.dotlist li  li {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
width : 90%;
padding : 2px;
margin-left : 4%;
list-style-type : disc;
}
.orderlist ol {
font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 2px;
padding-left : 10%;
list-style-type : decimal;
float : left;
}
.orderlist li {
font : 10pt Arial, geneva, helvetica;
color : #000000;
line-height : 1.4em;
font-weight : bold;
width : 75%;
list-style-type : decimal;
float : left;
}
.navlist ul {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
list-style-type : none;
width : 98%;
margin-left : auto;
margin-right : auto;
text-align : center;
margin-bottom : -4px;
margin-top : 0;
}
.navlist  li {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
list-style-type : none;
width : 98%;
margin-left : auto;
margin-right : auto;
text-align : center;
margin-bottom : 0;
margin-top : -4px;
}
.largenavlist ul {
font : 12pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
list-style-type : none;
width : 98%;
margin-left : auto;
margin-right : auto;
text-align : left;
margin-bottom : -4px;
margin-top : 0;
}
.largenavlist  li {
font : 12pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
list-style-type : none;
width : 98%;
margin-left : auto;
margin-right : auto;
text-align : left;
margin-bottom : 0;
margin-top : -4px;
}
.dropdown form {
background-color : #fdf5e6;
font-weight : bold;
color : #f00;
}
.pagebottom {
width : 90%;
color : #bbb;
font-family :  Arial, geneva, helvetica;
border-bottom : 1px solid #bbb;
font-size : 75%;
}

/*
img { 
  width: 150px; 
  height: 150px;
  ... 
  object-fit: none; 
  overflow: hidden; 
  object-position: 25% 50%; 
  transition: 1s all;
  ...
} 
img:hover, img:focus {
  ... 
  height: 400px; 
  width: 400px;
} */
@media only screen and (max-device-width:480px) {
div#html, body {
background-color : #000;
background-image : none;
background-repeat : no-repeat;
height : auto;
}
div#container {
width : 480px;
background-color : #993310;
}
div#header {
position : relative;
}
div#article {
float : none;
width : auto;
height : auto;
padding : 0.3%;
}
div#nav {
background-image : url(us_flagwo.jpg);
float : none;
width : auto;
height : auto;
}
div#footer {
background-image : url(us_flagwo.jpg);
float : none;
height : auto;
width : auto;
position : relative;
border : #0f0 solid 1px;
}
div#credit {
border-top : 1px solid #bbb;
}
div p:first-letter {
font-size : 140%;
}
div.aside {
float : right;
width : 200px;
margin : 3%;
border : #000 solid 1px;
padding : 5px;
}
div h1, h2 {
font-size : 150%;
text-align : center;
font-variant : small-caps;
margin : 0;
}
div h3, h4, h5, h6 {
text-align : center;
font-weight : bold;
font-variant : small-caps;
font-family : Arial, geneva, helvetica;
margin : 0;
}
div tr.c7 {
text-align : center;
}
div .largetable table {
font-size : 75%;
}
div .largetable td {
font-size : 75%;
}
div .largetable th {
font-size : 75%;
}
div.menu {
width : 100%;
}
div.menu ul li {
margin : 0;
padding : 0;
float : left;
}
div.menu ul li ul li ul li {
display : inline;
padding-left : 5em;
float : left;
}
}