/* The following tags are common to all pages on this web site */

/* Make all body text silver-colored 12-point alleycat icg font and special forces teal blue background */

body {color: silver;
font-size: 11pt;
font-family: "alleycat icg";
background-color: #003500;
text-align: left;}

/* Thorne's background is different from the normal */

.thorne-body {background-image: url(photos/jpg/pow-bkg.jpg);
background-attachment: fixed;
background-color: #000000;}

/* create the full screen */

#content {width: 99%;
position: relative;
margin-left: 10pt;}


#center-line {width: 475px;
position: absolute;
top: 0em;
left: 0em;
border: 2px red double;
height: 150em;}

#right-center-line {width: 475px;
position: absolute;
top: 0em;
left: 475px;
border: 2px maroon double;
height: 150em;}

/* full screen for Mohar and beyond  */

#abs-content {width: 950px;
position: absolute;
top: 0em;
left: 0em;
height: auto;}

/*create the header for alert page */

#top-alert {margin-top: 30pt;
margin-left: auto;
margin-right: auto;}

/* create the top of the screen for alert page. This will hold the links */

#navbar-alert {position: absolute;
left: 10px;
width: 99%;
top: 40px;
height: 10px;
bottom: 50px;}

/* tag for alert page indexes */

.home-page {font-weight: bold;
width: 1cm;
font-size: 9pt;
vertical-align: super;}

/* tag to move logo down on Alert Page */

.alert-space {margin-top: +2in;}

/*create the header of each page */

#top {margin-top: 30pt;
margin-bottom: 10pt;
margin-left: auto;
margin-right: auto;
font-weight: 600;}

/* create the left side of the screen. This will hold the links */

#navbar {position: absolute;
left: 10px;
width: 210px;
top: 40px;
height: 10%;}

/* create the left side of the screen for text pages */

#tnavbar {position: absolute;
left: 10px;
width: 210px;
height: 5%;}

/*create the right side of the screen.  This will hold the pages of text and photos */

#main-text {border-left: 20px none;
border-bottom: 1px none;
border-right: 10px none;
margin-left: 225px;
margin-right: 10px;}

/* next four tags build colums for memorial page */

#memorial {width: 95%;
position: relative;
left: 10pt;}

/*  Tag for funerals from Mohar and beyond */

#memorial-hdr
{width: 95%;
position: absolute;
left: 10pt;
height: 15px;
top: -40px;}

/*  Tag for h1-h2 tags for funerals from Mohar and beyond */

#title-hdr
{width: 85%;
position: absolute;
left: 190px;
top: 20px;
height: 150px;}

/* New h1-h2 tags for Memorial */


h1.new-memorial {font-weight: 700;
font-size: 17pt;
margin-top: 80pt;
margin-left: 12em;}

h2.new-memorial {font-weight: bold;
font-size: 16pt;
margin-left: +14.4em;
margin-top: 1em;}

.left-column {font-size: 12pt;
font-family: Times, "Times New Roman", serif;
font-weight: bolder;
text-align: left;
width: 2in;
position: relative;
left: 6em;
vertical-align: top;}

.mid-column {position: relative;
left: 1.95in;
width: 15%;
font-size: 50pt;
font-family: Vivaldi;
font-weight: bolder;
text-align: center;
height: 100px;
line-height: 1em;
vertical-align: middle;}

.right-column {width: 2.2in;
position: relative;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
font-weight: bolder;
text-align: left;
left: 15em;
padding-top: 10pt;
vertical-align: top;}

/* following tags for new coding for memorial pages */
 
/* Left, mid and right column after mohar */

#abs-left-column {font-size: 12pt;
font-family: Times, "Times New Roman", serif;
font-weight: bolder;
text-align: left;
width: 3in;
position: relative;
left: 5em;
top: +12em;
margin-left: 3px;}

#abs-mid-column {position: relative;
left: 4.5in;
width: 3.5in;
text-align: center;
top: -20em;}

#abs-right-column {width: 2.8in;
position: relative;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
font-weight: bolder;
left: 8.5in;
top: -48.7em;
margin-left: 3px;
padding-right: 1em;
text-align: left;}

/* The tag below is used when strict doctype is used */
 
#abs-right-column-new 
{width: 2.8in;
position: relative;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
font-weight: bolder;
left: 8.5in;
top: -51.18em;
margin-left: 3px;
padding-right: 1em;
text-align: left;}

/* Tag for memorial center text*/

.center-text {font-weight: 800;
font-size: 11pt;
text-align: center;
font-family: "Times New Roman CE";}

/* tag for return info */

#abs-return-block {width: 35%;
position: relative;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
font-weight: bolder;
left: 5.3in;
top: 38em;
height: 15pt;}

/* tag for copywrite info */

#abs-copywrite-block {width: 25em;
position: absolute;
font-family: Times, "Times New Roman", serif;
font-size: 12pt;
font-weight: bolder;
top: 10em;
left: -7em;}

/* tag for memorial test */

.soldier-text {
font-size: 12pt;
font-family: serif;}

/* tag for memorial test */

.soldier-end-text {
font-size: 14pt;
font-family: serif;
text-align: center;}

/* end of new coding tags */

/* tag for memorial page return links */

.funeral {font-family: "freedom extended";
font-size: 15pt;
font-weight: bolder;
text-align: center;
text-transform: lowercase;
position: relative;
left: 4.5in;}

/* tag for memorial photo album */

.albums {font-size: 12pt;
font-weight: bold;
text-align: center;
margin-left: 6em;}

.memorial-photo {position: relative;
top: 20pt;
text-align: center;}

/* tag for memorial text */

.memorial-text {font-weight: 800;
font-size: 16pt;
text-align: center;
font-family: "Times New Roman CE";}

/* tag for text used in individual memorial pages */

.page-text {font-size: 13pt;
font-weight: bold;
text-align: left;
margin-left: 5em;
margin-right: 5em;
font-family: Times, "Times New Roman", serif;}

/* Tag for the SF Chapter 33 Logo on Primary pages */

#prim-logo {font-weight: 600;
text-align: center;
margin-right: 14em;}

/* Tag for the SF Chapter 33 Logo on Meeting pages */

#logo {font-weight: 600;
text-align: center;}

/* Tag for the combined logo, crest, patch, sfa */

#logo-1 {font-weight: bolder;
text-align: center;
margin-right: 1.5em;}

/* tag for the beret, crest and sf patch used on Primary pages */

#prim-crests {font-weight: bold;
text-align: center;
margin-top: 15pt;
margin-right: 13em;}

/* tag for the beret, crest and sf patch used on meeting pages */

#crests {font-weight: bold;
text-align: center;
margin-top: 15pt;}

/* Tag for Chapter Header */

#chapter-header {margin-top: 30pt;
margin-bottom: 30pt;
padding-right: 140pt;
font-size: 25pt;
font-weight: 800;
text-align: center;
font-variant: small-caps;}

/* Tag to display the gold bar across the page */

.goldbar {text-align: center;
padding-top: 15pt;
padding-bottom: 15pt;
height: 2pt;}

/* H1-H2 tags for memorial */

h1.memorial {font-weight: 700;
font-size: 15pt;
text-align: center;
}

h2.memorial {font-weight: bold;
font-size: 14pt;
text-align: center;
}

/* Tag for Bulletin Board Header */

h2.bulletin-board {
font-weight: bold;
font-size: 30pt;
margin-left: -4.8em;
text-transform: capitalize;}

/* Tag for Bulletin Board Sub Header */

h3.bulletin-board {
font-weight: bold;
font-size: 21pt;
margin-left: -1.8em;
font-family: "Cataneo BT";
margin-top: -1em;}

h1 {font-weight: 700;
font-size: 13pt;
text-align: center;}

h2 {font-weight: bold;
font-size: 12pt;
text-align: center;}

h3 {font-size: 20pt;
font-weight: 800;
text-align: center;
margin-right: 5em;
font-variant: small-caps;}

h4 {}

h5 {}

h6 {}

/* create tag for text in various pages */

.adrtext {text-align: center;
font-size: 9pt;
font-weight: bold;}

/* Tag used in 'counter' coding */

.counter {text-align: center;
font-size: 12pt;
font-weight: bolder;}

/* Tag for underline, italics and underscore text */

.underline {text-decoration: underline;}

.italics {font-weight: bold;
font-style: italic;}

.underscore {text-decoration: underline;
font-weight: bold;
font-style: italic;}

/* Tag for dates and times */

.dtg {font-size: 12pt;
font-weight: bold;
text-align: center;
padding-top: 15pt;
padding-bottom: 15pt;}

/* Tag for Chapter Meeting Discription */

.meeting-discription,.guest-name, .remember-when {font-size: 19pt;
font-weight: bold;
text-align: center;
margin-bottom: 20pt;}

/* Tag for Chapter Meeting Discription */

.bb-sub-hdr {
font-size: 15pt;
font-weight: bold;
text-align: center;
margin-top: -1em;
margin-left: .5em;}

/* color font for Chapter Meeting Discription */

.red {color: red;
font-size: 14pt;
text-transform: uppercase;
text-align: center;
font-weight: 700;
}

/* Tage for header labels */

.sftext {text-align: center;
font-variant: small-caps;
font-size: 20pt;
font-weight: 800;
margin-top: 30pt;
margin-bottom: 30pt;
font-family: "freedom extended";}

/* Tag for miscellaneous items */

.misc {font-weight: 800;
font-size: 16px;
text-align: center;}

/* Start of Chapter Roster */

/* Alphabetical listing */

.alphabet {font-weight: 700;
font-size: 30px;
font-family: "freedom extended";
color: #ecff14;
text-align: center;
text-transform: uppercase;}

/* table defs for roster */

table.member {border: 2px solid;
width: 95%;}

td.member {border: 1px solid;
font-size: 14px;
font-weight: bolder;
font-style: normal;
font-family: "freedom extended";
width: 33%;
text-align: center;}

/* End of Roster Page */

/* tags for memorial pages */

table {}

tr {}

th {text-align: center;
text-transform: uppercase;
font-size: 20pt;
font-family: Times, "Times New Roman", serif;
font-weight: bolder;}

td {}

td.memory {width: 3in;
text-align: center;
text-transform: uppercase;
font-family: Vivaldi;
font-size: 22pt;
font-weight: bolder;
position: relative;
top: 5em;
padding-left: 5pt;}

/* Tag used to create the form coding */

form {font-size: 12pt;
font-weight: bold;}

/* Tag used in copywrite & date created coding */

.copywrite,.taps-text {font-size: 12pt;
font-weight: bold;
text-align: center;}

/* Return Tag coding */

.return, .photo-return {text-align: center;
font-size: 11pt;
font-weight: bold;}

/* Tag to align photos */

/* End of the Common Tags */

.photo {text-align: center;
padding-top: 15pt;
padding-bottom: 15pt;}

/* Tag for text in main page */

.gentext {font-size: 12pt;
font-weight: bold;
text-align: left;}

/* Tag for Bulletin Board */

.alert {font-size: 15pt;
font-weight: bold;
text-align: left;}
 
/* Tag for Bulletin Board */

.warning-order {font-size: 15pt;
font-weight: bold;
text-align: center;}
 
/*  */

/*  */

/* The following tags are used in the NavBar section */

/*  */

/* Tag used in links to other pages */

.linkadr {font-weight: bold;
text-align: center;}

/* The following tags are used on the right side of the index page */

/* Tag for list of officers */

#officers {font-size: 15px;
font-weight: bold;
padding: 3px;
margin-left: 33%;
margin-right: 10%;
font-variant: small-caps;}

/* Tag to display the 'new' icon on 'sites of interest' */

.new {text-align: right;
width: 10%;
vertical-align: middle;}

/* Tag to display 'additional links' */

.more-links {text-align: center;
font-variant: small-caps;
font-size: 13pt;
font-weight: bolder;
padding-top: 15pt;
padding-bottom: 15pt;}

/* Tag used in table for 'guest book' */

.guest-book {text-align: center;}

/* Tag used for 'guest book' */

.guest {text-align: right;
vertical-align: middle;
font-size: 12pt;
font-weight: bold;}

/* Tag also used for 'guest book' */

.guest1 {text-align: left;
font-size: 12pt;
font-weight: bold;
vertical-align: middle;}

/*  */

/* End of Right Side Page Tags */

/*  */

/* Tags for the Alert Order Page */

/* Tag for guest and court header */

.guesthdr, .court {font-size: 22pt;
font-weight: bold;
text-align: center;
padding-top: 15pt;
padding-bottom: 15pt;}

/* Tag for alert order header */

.alertorder {
font-size: 19pt;
font-weight: bold;
text-align: center;
}

/* Tag for the text in the alert order page */

.alerttext {padding-top: 15pt;
padding-bottom: 15pt;
font-size: 13pt;
font-weight: bold;}

/* Tag for the Detailed information */

.alertinfo {font-size: 15pt;
font-weight: bold;
color: maroon;
text-align: center;
font-variant: small-caps;}

/* Tag for the sub alert info */

.subinfo {font-size: 13pt;
font-weight: bold;
color: yellow;
text-align: center;
padding-top: 15pt;
padding-bottom: 15pt;}

/* Tag for main food menu */

.menu {font-size: 12pt;
font-weight: 700;
text-decoration: underline;
font-style: italic;
font-variant: small-caps;
text-align: center;
padding-top: 10pt;
padding-bottom: 10pt;}

/* Tag for menu items */

.items {font-size: 12pt;
font-weight: 700;
text-align: center;
padding-top: 10pt;
padding-bottom: 10pt;}

/*  */

/* End of the Alert Order Page */

/*  */

/* Start of Announcement Page */

#marquee {text-align: center;
font-size: 15pt;
font-weight: bold;
margin-left: 10px;
margin-right: 5px;
color: orange;}

/*  */

/* End of Announcement Page */

/*  */

/* Start of Green Beret */

.ballad {text-align: center;
font-variant: small-caps;
font-family: "freedom extended";
font-size: 15px;
font-weight: bold;
font-style: italic;}

/* Start of Thorne */

/* green beret tab */

#greenberet {border: 3pt silver ridge;
text-align: center;
color: red;
font-size: 12pt;
font-weight: bold;
margin-left: 310pt;
margin-right: 310pt;
background-color: green;
line-height: 20pt;}

/* Kadonnut taistelussa tab */

#kadonnut {border: 3pt silver ridge;
text-align: center;
line-height: 20pt;
color: blue;
font-size: 12pt;
font-weight: bold;
background-color: red;
margin-left: 280pt;
margin-right: 280pt;}

/* Mies tab */

#mies {border: 3pt silver ridge;
text-align: center;
line-height: 20pt;
color: red;
font-size: 12pt;
font-weight: bold;
background-color: blue;
margin-left: 215pt;
margin-right: 215pt;}

/* Honors tab */

.honors {color: #ff8429;
font-size: 12pt;
font-weight: bold;
text-align: center;}

/* pow-mia tab for text version */

.powmia, .remember {text-align: center;
font-size: 35pt;
font-weight: bolder;
padding-top: 10pt;
padding-bottom: 10pt;
line-height: 10pt;
letter-spacing: 3pt;}

/* color codes for pow-mia tab for text version */

.p,.d,.a {color: red;}

.o,.m {color: white;}

.w,.i {color: blue;}

/*  */

/* End of Thorne Page */

/*  */

/*  */

/* Start of Taps Page */

/* taps script */

.taps {font-size: 25pt;
font-weight: 700;
letter-spacing: 10pt;
text-transform: uppercase;
position: relative;
bottom: 3.25em;
text-align: center;}

/* Taps Photos */

.taps-photo {width: 40%;
margin-left: 40%;}

/* Taps table definitions */

table.taps {border: 10pt;
width: 50%;
position: relative;
left: 15%;
top: 15pt;
margin-left: 4em;}

td.taps {text-align: left;
font-size: 10pt;
font-weight: bold;
font-variant: normal;
text-transform: none;
word-spacing: normal;
letter-spacing: normal;
padding-left: 3cm;
padding-top: 5pt;
padding-bottom: 5pt;}

/* Tag for In Memory page */

.in-memory {padding-top: 15pt;
padding-bottom: 15pt;
font-family: Vivaldi;
font-size: 45pt;
font-weight: 700;
text-align: center;
letter-spacing: 4px;
text-transform: uppercase;}

/* End of Taps and Memory tags */

/* Awards and Honor Tags */

#award-logo, #award-crests {text-align: center;
font-weight: bolder;}

/* Tag for resolution page */

.resolution {font-size: 13pt;
font-weight: bold;
text-align: left;
text-transform: uppercase;}

/* tag for resolution text */

.restext {text-align: left;
font-size: 12pt;
font-weight: bold;
padding-left: 1in;}

/* End of Resolution Page */

/* Tags for Meeting Pages */

/* misc tag */

.misc-court {font-size: 25pt;
font-weight: 800;
text-align: center;
font-variant: small-caps;
font-family: "freedom extended";}

/* Text Tag for main pages */

.meeting-text {font-size: 12pt;
font-weight: bold;
text-align: justify;
padding-right: 10pt;
padding-left: 10pt;}

/* Tag for 50th convention */

/* Tag for Main Header */

#convention-hdr,#archive-hdr {font-size: 30pt;
font-weight: bolder;
text-align: center;
font-variant: small-caps;
letter-spacing: 5px;}

/* Tag for photos */

.pics {padding-left: 15pt;
padding-right: 15pt;
text-align: center;}

/* tags for court martial */

.courtmartial, .guest-text {font-size: 12pt;
font-weight: bold;
text-align: left;
margin-left: 15%;
margin-right: 15%;
padding: 5pt;
vertical-align: text-top;}

/* end of court martial */

/* Myer Hof Celebration */

#myerhof {font-weight: 900;
font-size: 40pt;
text-align: center;}

/* ul and li */

.ol, .li {list-style-type: none;
display: list-item;}

/* Around the Chapter Tag */

.around-chapter {text-align: center;
font-variant: small-caps;
font-size: 14pt;
font-weight: 800;}

/* link definitions */

a:link {color: red;}

a:visited {color: white;}

a:active {color:yellow;}

a:hover {color: aqua;}

/* tag for bravenet photo albums. May be temporary */