/*
The 'medium' value is the user's preferred font size and is used as the reference middle value.
CSS absolute-size values 	xx-small 	x-small 	small 	medium 	large 	x-large 	xx-large
*/
html
	{
	height: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

body
	{
	height: 100%;
	background-color: #000000;
	background-image: url("images/ptboat_background_stars.jpg");
	background-repeat: repeat-y;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	font-size: medium;
	line-height: normal;
	color: #FFFFFF;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

a:link
	{
	color: #FF6464;
	text-decoration: underline;
	}

a:active
	{
	color: #FFFFFF;
	text-decoration: underline;
	}

a:visited
	{
	font-style: italic;
	color: rgb(175,180,189);
	text-decoration: underline;
	}

a:hover
	{
	text-decoration: underline;
	background-color: rgb(38,39,78);
	color: #FFFFFF;
	background: none;
	}

hr
	{
	border-style: double;
	width:60%;
	border-width: 3px;
	margin-left: auto;
	margin-right: auto;
	border-color: #444455;
	margin-bottom: 20px;
	padding: 1px;
	}
/*
p
{
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB BASE ELEMENTS FROM W3C SITE
*/

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL
	{ display: block; }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, SPAN
	{ display: inline; }

LI
	{ display: list-item }

H1, H2, H3, H4
	{
	margin-top: 1em;
	margin-bottom: 1em
	}

H5, H6
	{ margin-top: 1em }

H1
	{ text-align: center }

H1, H2, H4, H6
	{ font-weight: bold }

H3, H5
	{ font-style: italic }

H1
	{ font-size: xx-large }

H2
	{ font-size: x-large }

H3
	{ font-size: large }

B, STRONG
	{ font-weight: bolder }
	/*
	relative to the parent
*/
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE
	{ font-style: italic }

PRE, TT, CODE, KBD, SAMP
	{ font-family: monospace }

PRE
	{ white-space: normal }

ADDRESS
	{ margin-left: 3em }

BLOCKQUOTE
	{
	margin-left: 3em;
	margin-right: 3em
	}

UL
	{ list-style: disc }

OL
	{ list-style: decimal }

LI
	{ margin-left: 3em }

DT
	{ margin-bottom: 0 }

DD
	{ margin-top: 0; margin-left: 3em }

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB MAIN TABLE AND CONTENT
*/

.main
	{
	margin: 0px;
	padding: 0px;
	min-height: 100% !important;
	/*
	IE6 will not override a tables "border="0"
	*/
	border-width: 0px;
	}

.headerContent
	{
	/*
	display: inline;
	*/
	width: 100%;
	height: 160px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	border-width: 0px;
	clear: both;
	}

.content
	{
	width: 98%;
	height: 100%;
	min-height: 100%;
	color: #FFFFFF;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	clear: both;
	}

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB HEADER, FOOTER BORDER
*/

/*
XXXXXXXXXXXX Header Top
*/

.headerLeftOutside
	{
	background-color: #000000 !important;
	width: 50px;
	height: 90px !important;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.headerLeftInside
	{
	background: url("images/ptboat_border_left_corner.gif") !important;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 18px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.headerCenter
	{
	background: url("images/ptboat_border_hor.gif") !important;
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	vertical-align: middle;
	text-align: right;
	}

.headerRightInside
	{
	background: url("images/ptboat_border_right_corner.gif") !important;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 18px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
/*
.headerRightOutside
	{
	background: none !important;
	width: 5px !important;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
*/

	/*
	XXXXXXXXXXXX HEADER BOTTOM AND CONTENT BORDERS
	*/

.ULoutsideBorder
	{
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.ULinsideBorder
	{
	background: url("images/ptboat_border_left_vert.gif") !important;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.URinsideBorder
	{
	background: url("images/ptboat_border_right_vert.gif") !important;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
/*
.URoutsideBorder
	{
	background: none !important;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
*/

/*
XXXXXXXXXXXX PAGE BOTTOM AFTER BORDER CLOSE
*/

.LLoutsideBorder
	{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
/*
.LRoutsideBorder
	{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
*/

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB FOOTER
*/

.footer
	{
	width: 100%;
	background: none;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	border-width: 0px;
	}

.footerLeftOutside
	{
	background: none;
	width: 50px;
	height: 18px !important;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.footerLeftInside
	{
	background-image: url("images/ptboat_border_lower_left_corner.gif");
	background-repeat: no-repeat;
	background-position: top;
	width: 18px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.footerCenter
	{
	background-image: url("images/ptboat_border_lower_hor.gif");
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

.footerRightInside
	{
	background-image: url("images/ptboat_border_lower_right_corner.gif");
	background-repeat: no-repeat;
	background-position: top;
	width: 18px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}

/*
.footerRightOutside
	{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
*/

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB MENU
*/

.menu
	{
	
	height: 150px;
	color: #CC8888;
	font-size: small;
	line-height: 1.4em;
	text-align: left;
	border: 0px solid rgb(135,140,149);
	}

.menuTitle
	{
	color: #99AAFF;
	}

.menuOutline
	{
	/*
	height: 34%;
	*/
	text-align: left;
	margin: 2px;
	padding: 5px;
	border: 2px solid rgb(135,140,149);
	}

.spaceAthird
	{
	height: 33%;
	padding: 0px;
	}

.menuFooter
	{
	color: #CC8888;
	font-size: small;
	line-height: 1.4em;
	text-align: left;
	border: 0px solid rgb(135,140,149);
	}
/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB  TEXT HEADERS
*/

.pageTitle
	{
	font-size: large;
	font-weight: bold;
	color: #EEEEFF;
	text-align: center;
	margin: 0px 5px 5px 5px;
	padding: 0px;
	border: 0px solid white;
	}

.pageSubTitle
	{
	font-weight: bold;
	color: #FFFFFF;
	/*
	color: #A8B5DC;
	color: #CCCCFF;
	font-size: large;
	text-align: center;
	*/
	margin: 5px;
	}

.bookQuoteHdr
	{
	font-weight: bold;
	color: #FFFFFF;
	}

.bookQuoteSubHdr
	{
	color: #FFFFFF;
	padding: 15px;
	}

.copyright
	{
	font-size: medium;
	font-weight: bold;
	font-family: monospace;
	color: rgb(175,180,189);
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	}

.headersLarge
	{
	font-size: large;
	color: #97A2A9;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	}

	/* for quoting text */
.bookTitles
	{
	color: #DFDFFF;
	}

.listMainHeader
	{
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 0px;
	}

.listSubHeader
	{
	font-weight: bold;
	color: #CCCCDD;
	padding-left: 10px;
	}

/* make the first letter of a paragraph larger, use with <span> */
/* large size removed due to IE errors in display */
.large1stLetter
	{
	/*
	font: normal 3.9em/0.8em serif;
	font: normal 1.1em;
	font-weight: bold;
	margin-right: 2px;
	color: #0A8B62;
	margin-right: 1px;
	float: left;
	*/
	}

.large1stLetter2
	{
	font-family: serif;
	font-size: 240%;
	color: #0A8B62;
	line-height: 90%;
	font-weight: bold;
	float: left;
	vertical-align: top;
	margin-right: 2px;
	/*
	font: normal 3.9em/0.8em serif;
	font: normal 1.1em;
	font-weight: bold;
	margin-right: 2px;
	color: #0A8B62;
	margin-right: 1px;
	float: left;
	font-family: serif;
	font-size: 200%;
	line-height: 2em;
	*/
	}

.highlight
	{
	color: #CCCCFF;
	}
	
/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB BLOCK POSITIONING
*/

/* center an element */
.centered
	{
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	}

.centerTitle
	{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	}

#bottomFloat
	{
	position: fixed;
	width: 100%;
	height: auto;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	}
      
/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB LOGO FLOATS
*/

/* border pt boat outline placement */
.logoRight
	{
	background-color: #000000;
	float: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

/* floating main logo */
.logoFloatFlash
	{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 250px;
	width: 250px;
	z-index: 0;
	visibility: visible;
	border: 0px;
	margin: 0px;
	padding: 1px;
	}

/* blank image spacer to keep title text out from under floated logo */
.logoSpacer
	{
	float: left;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	}

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB IMAGES
*/

.pageTitleImage
	{
	text-align: center;
	margin: 0px;
	padding: 5px;
	border-style: solid;
	border-color: rgb(135,140,149);
	border-width: 3px;
	border-left: 0px;
	border-right: 0px;
	}
	
/* bordered image */
.imageBordered
	{
	border: solid 2px rgb(135,140,149);
	padding: 2px;
	}

/* next 5 are for flowing image with text */

.inlineImageRight
	{
	float: right;
	text-align: justify;
	vertical-align: top;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 2px;
	border: solid 2px rgb(135,140,149);
	}
.inlineImageLeft
	{
	float: left;
	text-align: justify;
	vertical-align: top;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 2px;
	border: solid 2px rgb(135,140,149);
	}
	
.justifyText
	{
	text-align: justify;
	vertical-align: top;
	margin-top: 10px;
	}
	
.pad0
	{
	padding: 0px;
	margin: 0px;
	vertical-align: text-top;
	}

.clearAllFloats
	{
	clear:both;
	width:100%;
	font-size:1px;
	}
	
/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB INDIVIDUAL PAGE STYLES
*/

 /* ships 2 color chips */
/* remove border from a content table cell */
.plainBorder
	{
	width: 100%;
	text-align: left;
	height: 60px;
	/* padding-left: 20px; */
	border-style: none !important;
	border-width: 0 !important;
	vertical-align: top;
	}

/* next 2 are used only on contact page */
.contact
	{
	color: #000033;
	background-color: #dddddd;
	border: 1px solid white;
	}

.pad5
	{
	padding: 5px;
	}

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB TABLE RED BLUE BORDERS
*/

/* next three are for blue and red bordered content tables */
table.blueBorder
	{
	/* background-color: #000000; */
	text-align: left;
	vertical-align: top;
	margin: 0px;
	margin-top: 15px;
	/*
	padding: 5px;
	*/
	border: 1px solid #0000AA;	
	border-spacing: 0px;
	border-collapse: collapse;
	}

table.blueBorder td
	{
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 4px;
	/*
	padding: 4px;
	*/
	border: solid #CC0000;
	border-width: 0px  1px 1px 1px;
	}

table.blueBorder th
	{
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 8px;
	/*
	color: #97A2A9;
	height: 30px;
	padding: 8px;
	*/
	border: solid #CC0000;
	border-width: 0px  0px 1px 0px;
	}

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB TABLE, ALTERNATING ROW COLORS
*/

.altBorders
	{
	background-color: #000000;
	border-style: solid;
	border-width: 0px;
	border-color: #999999 #555555 #555555 #999999;
	border-spacing: 0px;
	}
.rowHeader
	{
	background-color: #666666;
	}
.row1Header
	{
	background-color: #000000;
	}
.row1
	{
	background-color: #000000;
	}
.row2
	{
	background-color: #333333;
	}
.rowFooter
	{
	background-color: #666666;
	}

tr.rowHeader td
	{
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #999999 #333333 #333333 #999999;
	}
tr.row1Header td
	{
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #333333 #222222 #222222 #333333;
	}
tr.row1 td
	{
	text-align: left;
	color: #DFDFFF;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #333333 #222222 #222222 #333333;
	}
tr.row2 td
	{
	text-align: left;
	color: #DFDFFF;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #666666 #222222 #222222 #666666;
	}
tr.rowFooter td
	{
	color: #EEEEEE;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999 #333333 #333333 #999999;
	}

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB BOOK QUOTE, ALTERNATING COLORS
*/

.bookQuote
	{
	/*
	background-color: rgb(8,9,38);
	*/
	background-color: #000000;
	color: #DFDFFF;
	text-align: left;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border-style: solid;
	border-color: #881100;
	border-width: 2px;
	}

/*
alt style to visually separate books
*/
.bookQuoteAlt
	{
	/* background-color: #000000; */
	background-color: rgb(20,20,22);
	color: rgb(165,175,182);
	text-align: left;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border-style: solid;
	border-color: rgb(10,139,98);
	border-width: 2px;
	}

.bookQuoteIndexTable
	{
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	}

.bookQuoteIndexTable td
	{
	vertical-align: top;
	padding-right: 10px;
	}

.bookQuoteListHeader
	{
	color: #FFFFFF;
	font-weight: bold;
	}

.bookQuoteList lh
	{
	color: #FFFFFF;
	}

/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB UNKNOWN IF NEEDED
*/








/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB NOT NEEDED
*/


/*
.pageTitle1st
	{
	font: normal 1.8em/40px Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	border: 0px solid white;
	}

.pageTitle2nd
	{
	font: normal 1.8em/40px Verdana, Helvetica, sans-serif;
	}

.pageTitle2nd2
	{
	font: normal 1.3em/40px Verdana, Helvetica, sans-serif;
	text-align: center;
	}



.imageLeft
	{
	float: left;
	vertical-align: text-top;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 5px;
	border: solid 2px rgb(135,140,149);
	}

.imageRight
	{
	float: right;
	vertical-align: text-top;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 5px;
	border: solid 2px rgb(135,140,149);
	}

.pad10
	{
	padding: 10px;
	}

.inlineImage
	{
	text-align: justify;
	vertical-align: top;
	}

.inlineImage2
	{

	text-align: justify;

	vertical-align: top;
	}
	
.bookQuoteBack
	{
	background-color: rgb(8,9,38);
	color: #DFDFFF;
	text-align: left;
	vertical-align: top;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 6px;
	border: 2px solid #881100;
	}

.bookQuoteIndexTableBack
	{
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.bookQuoteIndexTableBack td
	{
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	}
	
.bordered
	{
	border-top: 12px solid red;
	}

*#linkColor
	{
	color: #FF6464;
	}

.headersXLarge
	{
	font-size: large;
	font-weight: bold;
	color: #97A2A9;
	text-align: left;
	vertical-align: top;
	}

table.plain1px
	{
	background-color: rgb(20,20,22);
	text-align: left;
	vertical-align: top;
	margin: 2px;
	padding: 0px;
	border: 1px solid rgb(120,152,137);
	}

table.plain1px td
	{
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 4px;
	border: 0px;
	}

table.plain1px th
	{
	font-size: large;
	font-weight: bold;
	color: #97A2A9;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 8px;
	border: 0px;
	}

table.plain1px lh
	{
	font-size: large;
	font-weight: bold;
	color: rgb(120,152,137);
	text-align: left;
	vertical-align: top;
	text-indent: 30px;
	line-height: 2.4em;
	margin: 0px;
	height: 80px;
	padding: 8px;
	border: 0px;
	}
	
.divPlain1px
	{
	background-color: rgb(20,20,22);
	text-align: left;
	vertical-align: top;
	margin: 2px;
	padding: 6px;
	border: 1px solid rgb(110,142,127);
	}	
*/







/*
	.LLinsideBorder
		{
		background: url("images/ptboat_border_left_vert.gif") !important;
		background-repeat: repeat-y;
		margin: 0px;
		padding: 0px;
		border-width: 0px;
		}

.LRinsideBorder
	{
	background: url("images/ptboat_border_right_vert.gif") !important;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}




*/


/*
XBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXBXB
*/


/*
a 1942 103 series boat would have first been painted
Dark Gray 5-D on the deck and topsides,
Navy Gray 5 on the hull.

Dark
Dark Gray 1941 5-D
color: rgb(49,52,62);
Navy Green, 1943 dark green
color: rgb(64,77,64);
Navy Blue, 1944 5-NB, same as 1941 5-N Navy Blue medium dark blue
color: rgb(67,74,88);
Pearl Harbor Blue, 1941  	3 test colors
color: rgb(38,39,78);

Medium
(Green), 1942 5/84 - 2/5TMA Same as 1943 MTB Green?
color: rgb(10,139,98);
Ocean Gray, 1941 5-O medium gray
color: rgb(100,109,129);

Light
Haze Gray, 1941 5-H light medium gray
color: rgb(135,140,149);
Haze Green, 1941 light medium green
color: rgb(120,152,137);
Haze Gray, 1944 27 5-H
color: rgb(147,147,147);
Navy Gray, 1919, 5
color: rgb(151,162,169);
Light Gray, 1941
color: rgb(165,175,182);
		*/

/*
The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content.

The P element represents a paragraph. It cannot contain block-level elements (including P itself).
The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to "center". The CENTER element is deprecated.
*/

/*
The definitive references for HTML 4.01 are:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 
*/