BODY {
    margin-right: auto;
    background-color: rgb(100%, 100%, 100%);
    border-left: 15px solid rgb(100%, 80%, 0%);
    padding-left: 30px;
    padding-right: 45px;
}

H1, H2, H3, H4 {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: rgb(80%, 0%, 0%);
}

H1 {
    font-size: x-large;
    text-align: center;
    line-height: 110%;
}

H2 {
    font-size: large ;
    text-align: center;
    vertical-align: bottom;
    line-height: 100%;
    padding-bottom: 0px;
}

H3 {
    font-size: medium ;
}

H4 {
    font-size: small ;
    vertical-align: bottom;
    margin-bottom: 0px;
}

P, UL, OL, BLOCKQUOTE, LI {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    font-size: small;
    vertical-align: top;
    color: rgb(0%, 0%, 0%);
}

TR, TD, TABLE {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: rgb(0%, 0%, 0%);
    font-size: small;
}

A {
    text-decoration: none;
}

A:link {
    color: rgb(0%, 0%, 100%);
}

A:visited {
    color: rgb(0%, 30%, 30%);
}

A:active {
    color: rgb(70%, 0%, 70%);
}

A:hover {
    color: red; 
    background-color: rgb(100%, 100%, 100%);
}



/* Catalog/gallery page links should not change color when visited */
*.pagelink A:visited {
    color: rgb(0%, 0%, 100%);
}


/* Table for standard patch catalogs */
TABLE.catalogtable {
    width: 95%;
    padding-right: 30px;
    margin-right: 30px;
    border-spacing: 2px;
    padding: 2px;
}

/* Catalog table thumbnail column */
COL.thumbnail {
    width: 128px ;
}

/* Center image-needed text */
TABLE.catalogtable TD.imageneeded{
	text-align: center ;
	height:  48px ;
}

/* Header row */
TABLE.catalogtable TH {
   font-weight: bold;
   background-color: rgb(80%, 100%, 100%);
}

/* Needed highlight for catalog tables */
TABLE.catalogtable TD.needed {
   background-color: #fff0f0;
}

/* Explanatory text in standard patch catalogs */
DIV.explan {
    display: table;
    width: 95%;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #e0e0e0;
}

/* Extra padding on the sides */
DIV.explan P,UL,OL,LI {
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
}

/* Extra padding between items */
DIV.explan LI {
 /*   margin-top: 0.25em; */
    margin-bottom: 0.5em;
}

/* Needed highlight in explanatory text */
DIV.explan SPAN.needed {
   background-color: #fff0f0;
}

/* Need and dupe lists */
DIV.patchlist {
    max-width: 650px;
}

DIV.patchlist UL, LI {
    padding-left: 0px;
}

DIV.patchlist UL {
    padding-left: 0;
    list-style-position: outside;
    }

/* Main table format for thumbnail gallery displays */
TABLE.galleryTable {
    width: auto;
    margin-right: auto;
    vertical-align: middle;
    border-style: ridge;
    border-width: 10px;
    border-color: rgb(0%, 75%, 80%);
    border-spacing: 10px; 
    padding: 10px;
}

/* Center text under thumbnails */
TABLE.galleryTable TD {
    text-align: center;
	vertical-align: bottom;
}

/* Force borders on table images */
TABLE.galleryTable TD IMG{
    border-style: solid ;
    border-width: 2px;
}

/* Need highlight for cells in gallery tables */
TABLE.galleryTable TD.needed {
   background-color: #c0fff0;
}

/* Need highlight for footer text in gallery tables */
TABLE.galleryTable SPAN.needed {
   background-color: #c0fff0;
}

/* Footer row at the bottom of the gallery table */
/* (Can hard-code width since we have five cols of */
/* 128px-wide thumbnails above) */
TABLE.galleryTable TR.footer TD {
    background-color: #e0e0e0;
    width: 640px;
    text-align: left;
}

TABLE.galleryTable TR.footer P,UL {
   /* need width spec to override inheritance from TD */
   width: auto;
   margin-left: 60px;
   margin-right: 60px;
   font-size: small;
}


/* Page-menu at the bottom of each page */ 
TABLE.pagemenu {
    text-align: center;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    background-color: #e0e0e0;
}

TABLE.pagemenu TD {
    font-size: small;
    text-align: center;
    vertical-align: top;
    padding: 20px;
}

TABLE.pagemenu A:visited {
    color: rgb(0%, 0%, 100%);
}

TABLE.pagemenu A:hover {
    color: red; 
}


/* General thumbnail image */
IMG.th, IMG.th128 {
    height: 128px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Community strip thumbnail image */
IMG.csth, IMG.th48 {
    height: 48px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Shoulder patch thumbnail image */
IMG.spth, IMG.th64 {
    height: 64px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Oversized shoulder patch thumbnail image */
IMG.ospth, IMG.th80 {
    height: 80px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Rectangular patch thumbnail image */
IMG.rth, IMG.th96 {
    height: 96px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Taller rectangular patch thumbnail image */
IMG.th104 {
    height: 104px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Almost square patch thumbnail image */
IMG.th112 {
    height: 112px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}

/* Navigational thumbnail image */
IMG.nav {
    height: 72px;
    width: 72px;
    text-align: center;
}

/* Standard row background colors for catalog tables */
TR.early {
   background-color: #ffffaa;
}

TR.classic {
   background-color: rgb(80%, 100%, 80%);
}

TR.camper {
   background-color: #60ddee;
}

TR.staff {
   background-color: #ddb0ee;
}

TR.recent {
   background-color: #aaffff;
}

TR.current {
   background-color: #ffccaa;
}

/* Shoulder strip row background colors for catalog tables */
TR.strip {
   background-color: #ffffaa;
}

TR.jcp {
   background-color: #ffffaa;
}

TR.csp {
   background-color: rgb(80%, 100%, 80%);
}

TR.jsp {
   background-color: rgb(80%, 100%, 80%);
}

TR.sap {
   background-color: #ddb0ee;
}

TR.prototype {
   background-color: #60ddee;
}

TR.unofficial {
   background-color: #ffbbcc;
}

/* Background colors for religious retreats */
TR.retreatc {
   background-color: #aaffff;
}

TR.retreatp {
   background-color: #ffffaa;
}

TR.retreatcp {
   background-color: #aaffaa;
}

TR.retreatj {
   background-color: #ffcccc;
}

TR.retreat {
   background-color: #ddddbb;
}

/* Background colors for jamboree catalog tables */
TR.jodd {
   background-color: #ffffaa;
}

TR.jeven {
   background-color: rgb(80%, 100%, 80%);
}

TR.j2001 {
   background-color: #aaffff;
}

TR.j2005 {
   background-color: #ddb0ee;
}

TR.j2010 {
   background-color: #99bdfd;
}


/* Background colors for region catalog tables */
TR.oddshape {
   background-color: #ffffaa;
}

TR.round {
   background-color: #60ddee;
}

TR.bullion {
   background-color: #ffbbcc;
}

TR.neoa, TR.nepro {
   background-color: #ddb0ee;
}

TR.neoaevent, TR.neother {
   background-color: #aaffff;
}


TR.neoaqs, TR.neroundup {
   background-color: #ffffaa;
}

TR.neoasos, TR.netld {
   background-color: #ffbbcc;
}