html, body {
  margin:     0;
  padding:    0;
  height:     100%
}
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:      black;
  font-size:  10pt;
  background: url('../images/pgbkgnd.gif') repeat;
}

body.printFormat {
  margin:     0;
  padding:    0;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:      black;
  font-size:  10pt;
  background: white;
  height:     100%;
  width:      100%;  
}

a {
  color: rgb(196,0,0); 
  text-decoration: none;
}
a.nolink {
  color: Black;
}

  #contentwrap{ 
    width: 770px; 
    min-height: 100%;
    text-align: center; 
    padding: 0; 
    margin: 0 auto; 
    background-color: white;
    position: relative;
    border: solid 1px black;  /* Prevents Safari and Chrome adding a band of background below div */
  } 

  #titlebar {
    width: 100%;    
    height: 75px;   /* see also .logo and .title below */
    position: relative;
    background-color: black;
  }
  #titlebar > .logo
  {
    position: absolute;
    left: 10px;
    top:  5px;   /* assumes titlebar 75px and logo image (sk50e.gif) 51px */
  }
  #titlebar > .title
  {
    width: 100%;
    position: absolute;
    top:  18px;   /* assumes titlebar 75px and title image (SK-Title.gif) 38px */
    left: 0;
    text-align: center;
  }
  
  #menubar {
    height: 25px;
    width: 100%;
    background-color: rgb(204,0,0); /*#940000;*/
  }
  #content{ 
    clear: both; 
    /* bottom margin/padding must be big enough to prevent overwriting of footer */
    margin-bottom: 20px;
    padding-bottom: 20px;
  } 

  #footer{ 
    clear: both; 
    /*height: 20px; */
    width: 100%;
    padding: 0; 
    margin: 0; 
    position: absolute;
    bottom: 0;
    font-size: 7pt;
    text-align: center;
    left: 0;
  } 

td.content {
  border-left: ridge red;
  border-top:  ridge red;
  vertical-align:	top;
}

p {
  margin-bottom: 1em;/*4pt;*/
  margin-top:    0;
  text-align:    left;
}
p.testim {
  margin-left:  2em;
  margin-right: 2em;
  margin-top:    1em;/*10pt;*/
  margin-bottom: 1em;/*10pt;*/
}
.pgTitle {
  font-size: 16pt;
  /*margin:    6pt 0;*/
  text-align: center;
  margin: 10px auto;
  padding: 10px;
}

/*  
#sitemap {
  font-size:   8pt;
  margin:      0 2em;
}
*/

ul.smap {
  list-style-type: none;/*disc;*/
  font-size:   8pt;
  /*margin:      0 1em;*/
  margin-top: 2px;
  margin-bottom: 2px;
  text-align:     left;
}

li.smap {
  /*text-indent: 1em;*/
  /*margin-left: 1em;*/
  margin-top: 2px;
  margin-bottom: 2px;
  text-align:     left;
}  
  
/* Headings */
h6 {
  font-size:   12pt;
  margin:      0 0 1em 0;
  font-weight: normal;
  text-align:  left;
}

h5 {
  font-size:   11pt;
  margin:      0 0 1em 0;
  font-weight: bold;
  text-align:  left;
}
h4 {
  font-size: 14pt;
  margin:    0 0 1em 0;
  text-align:  left;
}
h3 {
  font-size: 16pt;
  margin:    0 0 1em 0;
  text-align:  left;
}
h2 {
  font-size: 20pt;
  margin:    0 0 1em 0;
  text-align:  left;
}
h1 {
  font-size: 24pt;
  margin:    0 0 1em 0;
  text-align:  left;
}
   
small {
  font-size: 8pt;
}

td.newsFlash, td.newsHeadline, td.newsRef {
  text-align: center;
}
td.newsFlash {
  font-size: 11pt;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
td.newsHeadline {
  font-size: 10pt;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 0;
}
td.newsRef {
  font-size: 8pt;
  padding-top: 0;
  padding-bottom: 5px;
}
     
/* Tables - general */
td, th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   10pt;  /* 80%; */
  font-weight: normal;
  /*text-align: center;*/
}


/* Calendar table */
Table.calendar {
  border-collapse: collapse;
  border:          2px ridge rgb(224,0,0); 
  font-size:       10pt;
}
TH.calendarNav, th.calendarDay, TH.calendarMonth, TD.calendar, TD.calendarEntry {
  text-align:  center;
  border:      solid 1px rgb(96,0,0);
  text-align:  center;
  padding:     2px; 
}
TH.calendarNav, th.calendarDay, TD.calendar, TD.calendarEntry {
  width:       4em;
}
TH.calendar, TH.calendarMonth, TH.calendarNav {
  background-color: black;/*rgb(204,0,0);*/
  color:       white;
}
TH.calendar, TH.calendarMonth {
  font-weight: bold;
}
TH.calendarDay {
  background-color: rgb(204,0,0);
  font-weight: bold;
  color:       white;
}
a.calendarNav {
  font-weight: normal;
  color: White;
}
TD.calendar {
  color:       black;
  font-weight: normal;
}
TD.calendarEntry {
  background-color: rgb(196,196,196); 
  /*font-weight: bold;*/
  color:       Black;
}

table.msg {
  border-collapse: collapse;
  border: 1px solid rgb(96,0,0);
  margin: 0 auto;
  width: 80%;
}
TH.msg {
  padding:     2px; 
  font-weight: bold;
  color:       white;
  background-color: rgb(204,0,0); 
  border:      1px solid rgb(96,0,0);
}

td.msgFrom {
  padding:        2px 4px 2px 4px;        /* top right btm left */
  vertical-align: top;
  text-align:     left;
}

td.msgRec {
  padding:        8px 4px 2px 4px;        /* top right btm left */
  font-size:      8pt;
  vertical-align: top;
  text-align:     left;
}

td.msgText {
  padding:        4px 4px 8px 4px;        /* top right btm left */
  border-bottom:  2px ridge rgb(96,0,0);
  vertical-align: top;
  text-align:     left;
}

td.Thumbnail {
  vertical-align: middle;
  text-align:     center;
}

td.small {
  font-size:      8pt;
  vertical-align: top;
}
td.smallIndent 
{
  font-size:    8pt;
  padding-left: 8px;
}

/* Diary dates table */

table.Diary, table.DiaryClub {
  padding: 0;
  border-collapse: collapse;  
}
table.Diary
{
  border: none;
}
table.DiaryClub
{
  border: solid 1px silver;
}

td.Diary, th.Diary, td.DiaryClub, th.DiaryClub
{
  text-align: left;
  padding: 4px;
}
td.DiaryClub, th.DiaryClub
{
  border-bottom: solid 1px silver;
  font-size: 8pt;
}
th.Diary, th.DiaryClub
{
  font-weight: bold;
}
th.Diary
{
}
th.DiaryClub
{
  background-color: Silver;
  color: Black;
}
td.Diary, td.DiaryClub
{
  vertical-align: top;
  /*padding-right: 1em;*/
}
td.DiaryFooter {
  font-size: 7pt;
  text-align: center;
}

ul.Diary, ul.DiaryClub {
  margin-top:    0px;
  margin-bottom: 0px;
}
ul.Diary {
  margin-left:   1em;
  font-size:     10pt;
}
ul.DiaryClub {
  margin-left:   0;
  text-indent:   0;
  font-size:     8pt;
  list-style-type: none;
}

li.Diary {
  margin-top:    0px;
  margin-bottom: 0;/*3px;*/
}
li.DiaryClub {
  margin:    0px;
}

p.tmentResult
{
  font-size:     8pt;
  margin-top:    0px;
  margin-bottom: 3pt;
  margin-left:   2em;
  text-indent:   -1em;
}
  

ul {
  margin-top:    0;
  margin-bottom: 0;
}

h1.NewsLetr {
  font-size:  48pt;
  text-align: center;
  color:     navy;
}
h2.NewsLetr {
  font-size: 20pt;
  color:     navy;
}
h3.NewsLetr {
  font-size:     10pt;
  margin-bottom: 6pt;
  text-align: center;
  color:     navy;
}
p.NewsLetr {
  margin-top:    0pt;
  margin-bottom: 6pt;
  text-align:    justify;
}
p.GradingTtl {
  margin-top:    4pt;
  margin-bottom: 0pt;
  font-weight:   bold;
}
p.Grading {
  margin:      0px 0px 0px 2em;
  text-indent: -2em;
  font-size:   8pt;
}
p.GradingNipper {
  margin:      0px 0px 0px 2em;
  font-size:   8pt;
}
p.GradingBlack {
  margin:      0px 0px 0px 2em;
  font-size:   8pt;
}
 
.monospace {
  font-family: "Courier New", Courier, monospace; 
  font-size: 10pt;  /* 80%; */
}

.Quote { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: rgb(0,0,0); 
  font-size:     9pt;  
  margin-left:   0; 
  margin-right:  0;
  margin-top:    1em;/*6pt;*/
  margin-bottom: 5px;/*2pt;*/
  text-align:    left;
}
.Author { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: rgb(0,0,0); 
  font-size:     8pt;  
  margin-left:   0; 
  margin-top:    0;
  margin-right:  0;
  margin-bottom: 1em;/*6pt;*/
  text-align:    left;
}
.mainTable {
  border-collapse: collapse;
  background-color: White;
  border: solid 1px black;
  width: 770px;
  height: 100%;
  margin: 0 auto;
  /*margin-top: -15;*/
}
.pgHeader {
  background-color: black;
  height:           75px;
}
.copyright {
  font-size: 6pt;
  text-align: center;
  margin-top: 6pt;
}
.footnote {
  font-size: 7pt;
  margin: 1em 3em;
}
table.PicCat {
  /*width:50%;*/
  /*border: solid 1px silver;*/
  padding: 0;
  margin: 0 auto;
}
th.PicCat {
  /*background-color: Black;*/
  /*color:White;*/
  text-align: center;
  font-weight:bold;
  font-size:12pt;
  padding: 5px 0;
}
td.PicCatThumb, td.PicCatTitle {
  padding-top: 5px;
  padding-bottom: 5px;
}
td.PicCatThumb {
  padding-left: 40px;
  padding-right: 10px;
  text-align:center;
}
td.PicCatTitle {
  padding-left: 10px;
  padding-right: 40px;
  text-align:left;
  font-size:9pt;
}

table.Location {
  padding:8px;
  width:90%;
  height:100%;
  margin: 0 auto;
}
table.Location > hr 
{
  width: 75%;
}
table.Location * .Col1
{
  text-align: center;
  vertical-align: top;
}
table.Location * .Col2 
{
  text-align: center;
  vertical-align: top;
}
table.Location * .Col3
{
  vertical-align: top;
  width: 220px;
  min-width: 220px;
}
table.Location * hr 
{
  width: 75%;
}

table.LocDetails {
/*  height: 100%;*/
  margin: 0 auto;
  white-space: nowrap;
}

td.LocDetails {
  padding: 5px 10px;
}
td.LocTTMid {
  padding: 5px 10px;
  text-align: center;
}
td.LocDay {
  text-align: left;
  margin: 0;
}
table.LocTimes 
{
  margin: 5px 10px;
}
table.LocTimes * td
{
  padding: 5px 10px;
  margin: 0;
  white-space: nowrap;
}
table.LocTimes * td.Day, table.LocTimes * td.Ages
{
  text-align: left;
}
table.LocTimes * td.Time
{
  text-align: center;
}

.LocMap {
  width:    275px;
  height:   220px;
  border:   solid black 1px;
  position: relative;
  left:     0;
}

p.defn {
  font-family: "Courier New", Courier, monospace;
  font-size: 10pt;
  margin: 0 2em 1em 2em;
  text-align: justify;
}

img.ClubInstr {
  border: solid 1px black;
}

table.Instructors 
{
  border: none;
  width: 460px;
  margin: 0 auto;
}
table.Instructors * td
{
  vertical-align: top;
  padding: 4px; 
}
table.Instructors * td.image > p
{
  font-size: 8pt;
  text-align: center;
}
table.Instructors * td.image * img 
{
  border: solid 1px black;
}
table.Instructors * td.text > p
{
  text-align: justify;
} 
table.Instructors * td.line
{
  vertical-align: middle;
} 
table.Instructors * hr 
{
  width: 75%;
}

/*====================== History ======================*/
table.History 
{
  border: none; 
  width: 600px;
  margin: 0 auto;
}
table.History * td
{
  padding: 4px;
  vertical-align: top;
}
table.History * p
{
  text-align: justify;
}
table.History * div.floatRight
{
  float: right; 
  margin-left: 8px;
  text-align: center;
  font-size: 8pt;
  display: block;
}
table.History * div.floatLeft
{
  float: left; 
  margin-right: 8px;
  text-align: center;
  font-size: 8pt;
  display: block;
}
table.History * td.Masters 
{
  text-align: center;
  font-size: 8pt;
  margin-right: 8px;
}
img.border1 
{
  border: solid 1px black;
}
img.border0
{
  border: none;
}

/*====================== Site Map ======================*/
table.SiteMap, table.SiteUpdates 
{
  width: 75%;
  margin: 0 auto;
}
hr.SiteMap
{
  width: 75%;
  margin: 0 auto;
}
table.SiteUpdates * td 
{
  vertical-align: top;
}
table.PageUpdates 
{
  width: 100%;
}
.UpdateTtl {
  font-size:   8pt;
  font-weight: bold;
  margin:      6px 0px 4px 0px;
}
.UpdatePage {
  font-size: 8pt;
  text-align: left;
}
.UpdateDate {
  font-size: 8pt;
}
