@charset "utf-8";

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * trumystic.css - trumystic.net's main style sheet
 * used by all pages
 */
div#divContainer,
div#divContentArea img,
img.i1,
div#divWebmason,
div#divMailbox:hover
{
         box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.5);
    -moz-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.5);
 -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.5);
}
div#divContentArea img.i0,
table#tblFriends img
{
         box-shadow: none;
    -moz-box-shadow: none;
 -webkit-box-shadow: none;
}

/*
 * global: center body-element in the html-element; moot if body fills viewport
 */
html
{
 text-align: center;   /* cascades! - must terminate */
/* height: 100%;  yup, but Firefox only... messes-up body t/b padding (so don't use technique?) */
}
body
{
 text-align: left;     /* end cascade from all html-elements */
 margin: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}

/*
 * primary colour settings
td#tdLeftSidebar h1 a:hover,
 */
body#trumystic-net,
tr#trTitlebar
{
 /* the outer margin around pages
  * and the background of the titlebar
  */
 background-color: #f3f3f3;  /* a very light gray - uttermost background */
}

body#trumystic-net
{
 margin: 0;
 border: 0;
 padding-top: 12px;    /* simple way of floating page from top and bottom of viewport */
 padding-bottom: 12px;
 padding-left: 18px;
 padding-right: 18px;
}

div#divContainer,
   body#bodyTMSradio
{
 background-color: #fafafa;  /* primary background setting */
}

/*
 * ambient anchor settings
 */
a
{
 text-decoration: none;
}
a:link
{
 color: #138307; /* green from TRU logo */
}
a:visited
{
 color: #138307; /* green from TRU logo */
}
a:hover,
a:focus
{
 color: #1cc20a; /* green from TRU logo (138307) w/brightness %51 -> 76% */
 text-decoration: underline;
}
a:active
{
 color: #d62100; /* our red */
}

p
{
 margin: .4em 0 .5em 0;
 line-height: 1.3em;
 padding: 0;
}

ul,
ol
{
 margin: .3em 0 0 2.5em;
 line-height: 1.3em;
 padding: 0;
}
ul
{
 list-style-type: disc;
 list-style-image: none;
}
ol
{
 list-style-type: decimal;
}
li
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: .3em;
 margin-left: 0;
}
blockquote
{
 margin-top: 0;
 margin-right: 2.5em;
 margin-bottom: 0;
 margin-left: 2.5em;   /* matches lists, above */
 padding: 0;
}

/*
 * top structure
 */

table#tblTopStructure
{
 margin-top: 10px;
 width: 100%;
}
   tr#trTopHeaderMargin
   {
    display: none;
    height: 10px;
   }

/*
 * the title bar...
 */

tr#trTitlebar
{
 /* background-color set in centralized rule, above */
}
tr#trTitlebar td
{
}
table#tblMainHeading
{
 width: 100%;
}
table#tblMainHeading td
{
 border-top: 1px solid #bdad7b; /* our tan */
 border-bottom: 1px solid #bdad7b; /* our tan */
}

/*
 * Trumystic
 */
table#tblMainHeading h1
{
 cursor: default;
 color: #d62100; /* our red */
 font-size: 14pt;
 font-variant: small-caps;
 letter-spacing: 2px;
 margin: 0 0 0 16px;
 padding: 0;
}
/*
 * dub  dance  politico
 */
table#tblMainHeading h2
{
 text-align: right;
 cursor: default;
 color: #bdad7b; /* our tan */
 font-size: 11pt;
 font-weight: normal;
 font-style: italic;
 letter-spacing: 1px;
 margin: 0 16px 0 0;
 padding: 0;
}
table#tblMainHeading h1,
table#tblMainHeading h2
{
 /*
 text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.5);
  */
}
/*
 * the nav bar...
 */

table#tblNavbar
{
}
table#tblNavbar td
{
/*
 width: 100px;
 */
 text-align: center;
}
table#tblNavbar a
{
 color: #bdad7b; /* our tan */
 font-size: 16px;
 font-weight: bold;
 display: block;
 height: 100%;
 padding: 0.5em 1.25em;
/*
 text-decoration: overline;
 */
}
table#tblNavbar a:link
{
}
table#tblNavbar a:visited
{
}
table#tblNavbar a:focus
{
 color: #bdad7b; /* our tan */
}
table#tblNavbar a:hover
{
 color: #bdad7b; /* our tan */
/*
 text-decoration: overline underline;
 */
 text-decoration: underline;
}
table#tblNavbar a:active
{
 color: #d62100; /* our red */
}

/*
 * active menu item
 */
table#tblNavbar a.aActive
{
 cursor: default;
 color: #d62100; /* our red */
 font-size: 16px;
 font-weight: bold;
/*
 text-decoration: overline;
 */
 text-decoration: none;
}

/*
 * deprecated; usage now reduced to only photo page... (+music debris page)
 */
   *.heading,
   a.aHeading,
   a.aHeadingActive
   {
    color: #bdad7b; /* our tan */
    font-size: 12px;
    font-weight: bold;

    display: block;
    height: 100%;
    padding: .5em 1.25em .5em;
   }
   a.aHeading
   {
    color: #bdad7b; /* our tan */
   /*
    text-decoration: overline;
    */
   }
   a.aHeading:link
   {
   }
   a.aHeading:visited
   {
   }
   a.aHeading:hover
   {
    color: #bdad7b; /* our tan */
   /*
    text-decoration: overline underline;
    */
    text-decoration: underline;
   }
   a.aHeading:active
   {
    color: #d62100; /* our red */
   }
   a.aHeadingActive
   {
    cursor: default;
    color: #d62100; /* our red */
    text-decoration: none;
   }

p.pSmall
{
 font-size: 11px;
}
h1.hRight,
h2.hRight,
h3.hRight,
p.pRight
{
 text-align: right !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * i.e. util.css
 *
 */

/* emulate center */
/* centered is a non-cascading version */
.center,
.centered
{
 width: 100%;    /* 100% can cause grief! */
 text-align: center !important;
}
/* nb: heavy impact */
*.center *
{
 margin-left: auto;
 margin-right: auto;
}
/* lite-impact version */
.centre
{
 text-align: center !important;
}

.small-caps { font-variant: small-caps; }
.capitalize { text-transform: capitalize; }
.uppercase  { text-transform: uppercase; }
.lowercase  { text-transform: lowercase; }
.smaller    { font-size: smaller !important; }
.larger     { font-size: larger !important; }

/* before you know it, someone will lose an eye... */
.blinking
{
 text-decoration: blink; /* only works in Firefox; be careful out there */
}

.ClearBoth  { clear: both;  }
.ClearLeft  { clear: left;  }
.ClearRight { clear: right; }
.ClearNone  { clear: none;  }

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * structural rules
 */

body#trumystic-net
{
 /* background-color set in centralized rule, above */
}
   body#bodyTMSradio
   {
    /* background-color set in centralized rule, above */
   }


div#divContainer
{
/*
 * enforces minumum and maximum viewing resolutions
 * if min reached, we get an hscrollbar
 * if max exceeded, we're centered
 */
 min-width: 954px !important; /* 954=990-18-18 */
 max-width: 1200px !important;
 margin: 0 auto;

 border: 1px solid #bdad7b; /* our tan */
 padding: 0;

/*
 * default look of content
 *
 */
 color: Black;   /* these cascade into things; master adjustment-point */
 font-size: 10pt;
/* background-color set in centralized rule, above */
/* background-color: #fafafa;   matches content area for 'clean' refreshes */
 position: relative;   /* establish a new containing block */
 top: 0px;
 left: 0px;
}

/* divContainingBlock is for establishing a new containing block
 * that contained elements can be positioned in 'absolutely'.
 *
 * Deprecated - non-symantic clutter in html; do it in an ID or another class
 */
div.divContainingBlock
{
 border: 0px dashed red;
 position: relative;
 top: 0px;
 left: 0px;
/* width: 100%; ??? */
 height: 100%;   /* expando - bites hard if nested; use style="height: auto;" in 2nd... */
}

/* divMainLeftRight appears inside table#tblMainPage's td-element
 * (but just *after* the top nav bar - which is on its own!);
 * sole purpose is to establish a new 'containing block' that contained,
 * absolutely positioned, div-elements are positioned relative to.
 * Without this, the origin would be the top-left of the whole browser window.
 * This wraps all of the left-column and the primary page content area.
 */
div#divMainLeftRight
{
 border: 0px dashed red;
 position: relative;
 top: 0px;
 left: 0px;
 overflow: visible;
 width: 100%; /* wo/IE6 fails to allow negative positioning; i.e. right: -43px; */
 height: 100%;
/*
 background-image: url(images/green.truth.gif);
 background-image: url(images/truth_glyph_fafafa_on_white.gif);
 */
 background-image: url(images/truth_glyph_f6f6f6_on_fafafa.gif);
 background-repeat: no-repeat;
 background-position: 90px 12px;
}

/*
 * separate table for the left-sidebar and right-content areas...
 */
table#tblMainLeftRight
{
 /*
  * this bit of border abuts the nav bar
  * this is tbd...
  */
 border-top: 0px dashed #b96f04; /* the orange border */
 width: 100%;
/* height: 100%; very bad */
/* height: 480px;  almost as bad */
/* min-height: 480px;  only seen by Firefox - and hoses Opera */
}
table#tblMainLeftRight td
{
}
/*
 * the td-elements on the left side of each page
 */
td#tdLeftSidebar
{
 font-size: 10pt;
 text-align: center;
 vertical-align: top;
 width: 150px !important;
 border-right: 0px dashed #b96f04; /* the orange border */
}
td#tdLeftSidebar div
{
 width: 150px !important;
}
img#imgTRU
{
 margin-top: 20px;
}
/* h1 now moved south of h2... */
td#tdLeftSidebar h1,
td#tdLeftSidebar h1 b
{
 color: #d62100; /* our red */
 font-size: 11pt;
 letter-spacing: 1px;
 line-height: 1.4em;
 margin: .75em 0 .5em 0;
 font-variant: small-caps;
}
/* the override of the b-element below
 * is to enable the independent coloring of link-text and its text-decoration
 */
td#tdLeftSidebar h2,
td#tdLeftSidebar h2 b
{
 color: #bdad7b; /* our tan; was: White - (which matched ambient anchor hover-color)*/
 font-size: 10pt;
 line-height: 1.3em;
 margin: 2em 0 .5em 0;
}
/* typically tour dates */
td#tdLeftSidebar h3
{
 color: #d62100; /* our red */
 font-size: 10pt;
 line-height: 1.3em;
 margin: .5em 0 0em 0;
}
/* typically tour venues */
td#tdLeftSidebar p
{
/*
 inherit font-size
 and line-height
 */
 color: #bdad7b; /* our tan */
 margin: 0em 0 .5em 0;
}
/* following 3 rules are for the on-hover behavior of the mailing list link */
td#tdLeftSidebar div#divMailbox
{
 width: auto !important; /* defeats cascade of "td#tdLeftSidebar div" rule */
 margin-left: 12px;
 margin-right: 12px;
}
td#tdLeftSidebar h1 a
{
/* this is invisible non-hover state border of the mailing list link */
 border-width: 1px;
 border-style: solid;
 border-color: transparent;  /* *not* background as this can impact the truth glyph */
 display: block;
 height: 100%;
 padding: 4px 12px;
}
td#tdLeftSidebar h1 a:focus
{
 text-decoration: none;
}
td#tdLeftSidebar h1 a:hover
{
 color: #d62100; /* our red */
 border-color: #d62100; /* our red */
 background-color: #f9f3f9;
 text-decoration: none;
}

/*
 * the td-elements on the right side of each page
 */
td#tdRightSideContent
{
 vertical-align: top;
 height: 100%; /* ??? */
}

/*
 * the td-elements at the bottom of each page w/Trumystic contact info
 */
td#tdPageFooter
{
/*
 inherit font-size
 */
 text-align: center;
 vertical-align: middle;
 line-height: 1.5em;
 height: 4em;
}

div#divContentArea
{
/*
 padding-top: 12px;
 padding-left: 24px;
 padding-right: 24px;
 padding-bottom: 12px;
 */
}
div#divContentArea p.pSmall
{
 font-size: 9.5pt;
}

/* divContentAreaPadding appears inside divMainLeftRight;
 * but *after* whatever absolutely positioned elements!
 * sole purpose is to move padding out of div#divContentArea
 * which is required to ensure consistent behavior on IE6
 */
div#divContentAreaPadding
{
 padding-top: 12px;
 padding-left: 24px;
 padding-right: 24px;
 padding-bottom: 12px;
}
div#divContentAreaInterior
{
 width: 100%;
 height: 100%;
 overflow: visible; /* fixes the IE-italics issue */
}
/*
 * automagic borders on images in content area
 *(+utils, which work elsewhere, too)
 */
div#divContentArea img,
img.i1
{
 padding: 0;
 border: 1px solid Black;
}
/*
 * class to suppress automagic borders where not desired
 */
img.i0
{
 border: none !important; /* important rqrd to override structural-locale rules */
}
div#divContentArea img.iLink:hover /* a twist; flash border on hover of linked images */
{                                    /* very subtle and only works in Firefox */
 border-color: #e88c28 !important; /* important rqrd to override structural-locale rules */
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * home page
 */

/*
 * no Truth glyph for home page
 */
body.bodyHome div#divMainLeftRight
{
 background-image: none !important;
}

/*
 * table for the left-side and right-side content areas...
 * simple 2-column structure; left ends-up fixed-width, right open-width...
 */
table#tblHomeLeftRight
{
}
table#tblHomeLeftRight td
{
 vertical-align: top;
}

div#divHomeLeftColumn
{
 margin-top: 12px;
 margin-right: 24px;
}
div#divHomeLeftColumn div
{
/*
 width: 307px;
 */
}

/*
 * the future slideshow
 *
 */

div#divMainPicsShow
{
 border: 1px solid Black; /* border around Picture-Show */
}

table#tblPictureShow
{
 border-collapse: collapse;
 border-spacing: 0;
 background-color: Black;
}
table#tblPictureShow td
{
 border: 0px solid Black;
}
table#tblPictureShow img
{
 border: 0;      /* undo automajic rule */
}
div#pic0,
div#pic1,
div#pic2,
div#pic3,
div#pic4,
div#pic5
{
 position: absolute;
 width: 300px;
 height: 300px;
 visibility: hidden;
}
div#divMainBlurb
{
 width: 300px !important;
 margin-top: 24px;
}
div#divMainBlurb p
{
/*
 inherit font-size
 and margin and line-height
 */
 color: #d62100; /* our red */
 text-align: justify;
}
/*
 * new!
 */
div#divMainMusicPlayer
{
 background-color: #fafafa !important;
/* in common rule; *tan*
 border: 1px solid red;
 */
 width: 300px !important;
 text-align: center;
}

/*
 * the hot off the press box
 */

div#divHotOffThePress
{
 margin-top: 12px;
}
div#divHotOffThePress div
{
 height: 351px;
 overflow: auto;

/* background-color: #fafafa;   our pale gray */
 background-color: #f6f6f6;  /* our pale gray */
}
div#divHomeLeftColumn h1,
div#divHotOffThePress h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: .0em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divHotOffThePress h2
{
 color: #d62100; /* our red */
 font-size: 9.5pt;
 margin: .6em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divHotOffThePress h2 a
{
 color: #d62100; /* our red */
 text-decoration: none;
}
div#divHotOffThePress h2 a:hover
{
 text-decoration: underline;
}
div#divHotOffThePress h3
{
 color: #999;
 font-size: 8pt;
 font-style: italic;
 margin: 0 0 .5em 0;
 line-height: 1.3em;
 text-align: left;
}
div#divHotOffThePress p
{
/*
 inherit color
 and margin and line-height
 */
 font-size: 9.5pt;
 text-align: justify;
}
div#divHotOffThePress p.pArchive
{
 color: #d62100; /* our red */
 font-weight: bold;
 text-align: center;
 padding-bottom: 6px;
 border-bottom: 1px solid #bdad7b; /* our tan */
 margin-bottom: 12px;
}
div#divHotOffThePress p strong,
div#divHotOffThePress p cite
{
 color: #bdad7b; /* our tan */
 font-weight: bold;
}
div#divHotOffThePress p cite
{
 font-style: italic; /* just being explicit */
}

div#divHotOffThePress ol
{
 font-size: 9.5pt;
 line-height: 1.1em;
}
div#divHotOffThePress h1,
div#divHotOffThePress h2,
div#divHotOffThePress h3,
div#divHotOffThePress p,
div#divHotOffThePress ol
{
 padding-left: 6px;
 padding-right: 6px;
}

/*
 * the Paradise artwork
 */

   div#divParadise
   {
    margin-top: 1em;
    height: 275px !important;
    background-image: url(images/paradise_art-676x275.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
   }
   
   div#divParadise h2
   {
    text-indent: -9999px;
   }

/*
 * the album pitch
 */

div#divAlbumBPitchHome
{
}
div#divAlbumBPitchHome div
{
 padding-top: 4px;
 border-top: 1px solid #bdad7b; /* our tan */
}
div#divAlbumBPitchHome table
{
 margin-top: 4px;
}
div#divAlbumBPitchHome table td
{
 vertical-align: top;
 overflow: visible; /* fixes the IE-italics issue */
}
div#divAlbumBPitchHome img
{
 margin-right: 0px;
 border: 1px solid #816a4e;
}
div#divAlbumBPitchHome h1
{
 color: #bdad7b; /* our tan */
 font-size: 10pt;
 margin: .6em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divAlbumBPitchHome p
{
/*
 inherit color
 and margin and line-height
 */
 font-size: 9.5pt;
 text-align: justify;
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * some common items
 *
 */

div#divHotOffThePress div,
div#divTrumysticBio   div,
div#divPressQuotes    div,
div#divPressNews      div
{
 border: 1px solid #bdad7b; /* our tan */
}
div#divHotOffThePress div:focus,
div#divTrumysticBio   div:focus,
div#divUpcomingShows     :focus,
div#divPastShows         :focus,
div#divPressQuotes    div:focus,
div#divPressNews      div:focus
{
 outline: none; /* ick; annoying in FireFox */
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * band page
 *
 */

div#divBandImg
{
/*
 padding-top: 12px;
 border-top: 1px solid #bdad7b;  our tan */
 text-align: center;
}
div#divBandImg img
{
 margin-top: 0; /* was 6px; */
}

div#divTrumysticBio
{
}
div#divTrumysticBio div
{
 padding-top: 6px;
 height: 420px;
 overflow: auto;
/* background-color: #fafafa;   our pale gray; was transparent */
 background-color: #f6f6f6;  /* our pale gray; was transparent */
}
div#divTrumysticBio h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 1em 0 0 0;
 padding: .5em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divTrumysticBio hr
{
 color: #ccc;
 background-color: #ccc;
 width: 20em;
 margin-left: 12px;
 padding: 0;
}
div#divTrumysticBio p
{
/*
 inherit color and font-size
 and margin and line-height
 */
 padding-left: 12px;
 padding-right: 12px;

 text-align: justify;
}
div#divTrumysticBio strong,
div#divTrumysticBio cite
{
 color: #bdad7b; /* our tan */
 font-weight: bold;
}
div#divTrumysticBio cite
{
 font-style: italic; /* just being explicit */
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * tour page
 *
 */

table#tblTourHeading
{
 width: 100%;
 margin-top: 12px;
 margin-bottom: 12px;
 padding-bottom: 0px;
 border-bottom: 1px solid #bdad7b; /* our tan */
}
table#tblTourHeading td
{
 vertical-align: bottom;
}
table#tblTourHeading h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0;
 line-height: 1.3em;
 text-align: left;
}
table#tblTourHeading h2
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0;
 line-height: 1.3em;
 text-align: right;
}
table#tblTourLeftRight
{
 width: 100%;
 padding-top: 6px;
}
table#tblTourLeftRight td
{
 vertical-align: top;
}

div#divUpcomingShows
{
 margin-right: 20px;
 padding-right: 5px;
/*
 height: 455px;
 */
 overflow: auto;
}
div#divUpcomingShows,
div#divTourRight
{
 height: 455px;
}
div#divTourTopRight
{
 height: 195px;  /* they should add-up! */
}
div#divTourTopRight img
{
 margin-bottom: 12px;
}

div#divPastShows
{
 padding-right: 5px;
 height: 260px;
 overflow: auto;
}
div#divPastShows div
{
 /* a stub */
}
div#divPastShows h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: .6em 0 .5em 0;
 line-height: 1.3em;
 text-align: left;
}
div#divUpcomingShows table,
div#divPastShows     table
{
}
div#divUpcomingShows,
div#divPastShows
{
/* border: 1px solid #bdad7b; our tan */
}
div#divUpcomingShows th,
div#divUpcomingShows td,
div#divPastShows     th,
div#divPastShows     td
{
 vertical-align: top;
 text-align: left;
 line-height: 1.3em;
}
div#divUpcomingShows th
{
 color: #bdad7b; /* our tan */
 font-size: 10pt;
 padding-bottom: 6px;
}
div#divPastShows     th
{
 color: #bdad7b; /* our tan */
 font-size: 10pt;
 padding-bottom: 6px;
}
div#divUpcomingShows td,
div#divPastShows     td
{
 font-size: 9.5pt;
 padding-top: 6px;
 padding-bottom: 6px;
 padding-right: 6px;
 border-top: 1px solid #bdad7b; /* our tan */
}

div#divLiveShowReviews
{
}
div#divLiveShowReviews td
{
 vertical-align: top;
}
div#divLiveShowReviews img
{
 margin-top: 10px;
 margin-right: 18px;
}
div#divLiveShowReviews h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 1em 0 0 0;
 border-bottom: 0px solid #bdad7b; /* our tan */
 padding: .5em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divLiveShowReviews h2
{
 color: #d62100; /* our red */
 font-size: 10.5pt;
 margin: 1em 0 0 0;
 border-top: 1px solid #bdad7b; /* our tan */
 padding: .5em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divLiveShowReviews h3
{
 color: #bdad7b; /* our tan */
 font-size: 9.5pt;
 font-style: italic;
 margin: 0 0 .5em 0;
 line-height: 1.3em;
 text-align: left;
}
div#divLiveShowReviews p
{
/*
 inherit color and font-size
 and margin and line-height
 */
 text-align: justify;
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * friends page
 *
 */
table#tblFriends
{
 width: 75%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 12px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 border: 0;
}
table#tblFriends td
{
 vertical-align: middle;
}
table#tblFriends img
{
 border: 0; /* borders no longer look good on light background;
               be nice if these images had transparent backgrounds */
}
/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * photos page
 *
 */

table#tblPhotopage
{
 width: 550px;
}
table#tblPhotopage table
{
 margin-left: 0; /* defeats the cascading centering from the surrounding div w/class=center */
 margin-right: 0;/*(for the sub-nav bar)*/
}
table#tblPhotopage h1
{
 color: #d62100; /* our red */
 font-size: 10pt;
 line-height: 1.3em;
 margin: .4em 0 1em 0;
 padding-top: .75em;
 border-top: 1px solid #bdad7b; /* our tan */
}

div#divPhotos
{
 padding-right: 5px;
 width: 665px;
 height: 105px;
 overflow: auto;
}
div#divPhotos img
{
 margin-right: 6px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * press page
 *
 */

/*
 * this is in the left-hand column - td#tdLeftSidebar
 * however, we override the ambient styles for the ubiquitous Upcoming Shows
 */

div#divPressMaterials
{
 margin-top: 24px;
 text-align: left;
}

div#divPressMaterials h2
{
 color: #d62100; /* our red */
 font-size: 10pt;
 line-height: 1.3em;
 margin: 1em 0 0 0;
 padding-left: 12px;
}
   div#divPressMaterials h2.hOverline
   {
    padding-top: 12px;
    border-top: 1px solid #bdad7b; /* our tan */
   }
div#divPressMaterials p
{
/*
 inherit color
 and line-height
 */
 font-size: 9pt;
 margin: .5em 0 .5em 0;
 padding-left: 12px;
}
div#divPressMaterials p.pSpoon
{
 margin-top: 0px;
}

/*
 * right-side content
 */

table#tblPressHeading
{
 width: 100%;
 margin-top: 12px;
 margin-bottom: 12px;
 padding-bottom: 0px;
 border-bottom: 1px solid #bdad7b; /* our tan */
}
table#tblPressHeading td
{
 vertical-align: bottom;
}
table#tblPressHeading h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0;
 line-height: 1.3em;
 text-align: left;
}
table#tblPressHeading h2
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0;
 line-height: 1.3em;
 text-align: right;
}
table#tblPressLeftRight
{
 width: 100%;
 padding-top: 0px;
}
table#tblPressLeftRight td
{
 vertical-align: top;
}

div#divPressPhotos
{
 margin-right: 25px;
}
div#divPressPhotos div
{
 /* futuristic stub */
}
div#divPressPhotos h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: .6em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divPressPhotos img
{
 margin-bottom: 12px;
}

div#divPressQuotes,
div#divPressNews
{
}
div#divPressQuotes div,
div#divPressNews   div
{
 padding-left: 0px;
 padding-right: 0px;
 height: 400px;
 overflow: auto;
/* background-color: #fafafa;   our pale gray; was transparent */
 background-color: #f6f6f6;  /* our pale gray; was transparent */
}
div#divPressNews div
{
 height: 400px;  /* (could) belay that rule! */
}
div#divPressQuotes h1,
div#divPressNews   h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: .6em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divPressQuotes h2,
div#divPressNews   h2
{
 color: #d62100; /* our red */
 font-size: 10pt;

 margin: .5em 0 0 0;
 padding-top: .5em;
 line-height: 1.3em;
 text-align: left;
}
div#divPressQuotes p,
div#divPressNews   p
{
/*
 inherit color and font-size
 and margin and line-height
 */
 text-align: justify;
}
/* pseudo-attribute */
div#divPressQuotes p.pOverline,
div#divPressNews   p.pOverline
{
 margin-top: 1em; /* extra */
 padding-top: 6px;
 border-top: solid 1px #bdad7b; /* our tan */
}
div#divPressQuotes p.pCite,
div#divPressNews   p.pCite
{
 color: #bdad7b; /* our tan */
 font-weight: bold;
 font-style: normal; /* just being counterintuitive */
 margin-bottom: 1em; /* push-off a bit */
 text-align: right;
}
div#divPressQuotes strong,
div#divPressQuotes cite,
div#divPressNews   strong,
div#divPressNews   cite
{
 color: #bdad7b; /* our tan */
 font-weight: bold;
}
div#divPressQuotes cite,
div#divPressNews   cite
{
 font-style: normal; /* just being counterintuitive */
}
div#divPressNews   cite
{
 font-style: italic; /* belay that rule! */
}
div#divPressQuotes h1,
div#divPressNews   h1,
div#divPressQuotes h2,
div#divPressNews   h2,
div#divPressQuotes p,
div#divPressNews   p
{
 padding-left: 6px;
 padding-right: 6px;
}

div#divPressReleaseArchives
{
 border-bottom: 1px solid #bdad7b; /* our tan */
 padding-bottom: 6px;
}
div#divPressReleaseArchives h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 1em 0 0 0;
 border-bottom: 0px solid #bdad7b; /* our tan */
 padding: .5em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divPressReleaseArchives h2
{
 color: #d62100; /* our red */
 font-size: 10.5pt;
 margin: 1em 0 0 0;
 border-top: 1px solid #bdad7b; /* our tan */
 padding: .5em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divPressReleaseArchives h3
{
 color: #bdad7b; /* our tan */
 font-size: 9.5pt;
 font-style: italic;
 margin: 0 0 .5em 0;
 line-height: 1.3em;
 text-align: left;
}
div#divPressReleaseArchives p
{
/*
 inherit color and font-size
 and margin and line-height
 */
 text-align: justify;
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * store page
 *
 */

table#tblStoreHeading
{
 width: 100%;
 margin-top: 12px;
 margin-bottom: 0px;
 padding-top: 0px;
}
table#tblStoreHeading input
{
 width: 7em;
}
table#tblStoreHeading table
{
 margin-top: 1em;
 width: 100%;
}
table#tblStoreHeading td#tdUnderlinedrow
{
 border-bottom: 1px solid #bdad7b; /* our tan */
}
table#tblStoreHeading td
{
 vertical-align: top;  /* embedded tables, too */
}
table#tblStoreHeading table strong
{
 color: #bdad7b; /* our tan */
 font-size: 14px;
 font-weight: bold; /* duh */
}
table#tblStoreHeading h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0 0 0em 0;
 line-height: 1.3em;
 text-align: center;
}
table#tblStoreHeading h2
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0;
 line-height: 1.3em;
 text-align: left;
}

div#divStoreReviews
{
 margin: 1em 0 0 0;
 border-top: 1px solid #bdad7b; /* our tan */
 padding: .2em 0 0 0;
}
div#divStoreReviews h1
{
 color: #d62100; /* our red */
 font-size: 11pt;
 margin: 0em 0 0 0;
 padding: 0;
 line-height: 1.3em;
 text-align: left;
}
div#divStoreReviews h2
{
 color: #d62100; /* our red */
 font-size: 10.5pt;
 margin: 1em 0 0 0;
 border-top: 1px solid #bdad7b; /* our tan */
 padding: .5em 0 0 0;
 line-height: 1.3em;
 text-align: left;
}
div#divStoreReviews h3
{
 color: #bdad7b; /* our tan */
 font-size: 9.5pt;
 font-style: italic;
 margin: 0 0 .5em 0;
 line-height: 1.3em;
 text-align: left;
}
div#divStoreReviews p
{
/*
 inherit color and font-size
 and margin and line-height
 */
 text-align: justify;
}
div#divStoreReviews strong,
div#divStoreReviews cite
{
 color: #bdad7b; /* our tan */
 font-weight: bold;
}
div#divStoreReviews cite
{
 font-style: italic; /* just being explicit */
}

/* - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * contacts page
 *
 */
table#tblContacts
{
 width: 100%;
 margin-top: 12px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 0px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 border: 0;
}
table#tblContacts td
{
 vertical-align: top;
}
table#tblContacts p
{
/*
 inherit color and font-size
 and margin and line-height
 */
 text-align: justify;
}
table#tblContacts p strong
{
 color: #d62100; /* our red */
 font-weight: bold;
 font-style: italic; /* for good measure */
}

/* webmason */

div#divWebmason
{
 padding: 0;
 position: absolute;
 bottom: 64px;
 right: -5px;
 z-index: 100;
}
div#divWebmason table  /* table could be omitted except for IE... - just div w/link in it */
{
 font-size: 10pt;      /* here, not div, because table elements have a default (larger) */
 font-weight: normal;
 line-height: 1.5em;
 text-align: center;
}
div#divWebmason table td
{
 vertical-align: baseline;   /* for old Mozilla and Firefox on Linux */
}

div#divWebmason a
{
 display: block;
 height: 100%;
 border: 1px solid #bdad7b; /* our tan */
 padding: 4px 6px;
 color: #b96f04;
 background-color: #fafafa;
 text-decoration: none;
}
div#divWebmason a:hover
{
 color: #333;
 background-color: #faf3fa;
 border-color: #d62100;
 text-decoration: none;
}

/* uncomment for diagnostic purposes...
   div
   {
    border: 1px dashed pink !important;
   }
   table
   {
    border: 1px dashed lime !important;
   }
   td, th
   {
    border: 1px dashed purple !important;
   }
   h1, h2, h3
   {
    border: 1px dashed green !important;
   }
   p, ol, ul
   {
    border: 1px dashed teal !important;
   }
*/