/*---- Layout ----*/
div
{
  padding: 0;
  margin: 0;
}


body
{
  background-image: url("../images/Parchment 002.jpg");
  margin: 0;
  font-family: arial,verdana,sans serif;
  font-size: 12pt;
  max-width: 1024px;
}

table {
  font-size: 10pt; /* for stupid IE */
}


#oldbrowser
{
  text-align: center;
}
#masthead h1
{
  display: inline;
}
#leftcolumn
{
  /* margin-right: -200px;   IE 4 fix */ /* right column */
}
#leftColumn
{
  float: left;
  width: 200px;
  /*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}

#rightColumn
{
  /*float: right;
  width: 200px;*/
}

#contentColumn
{
  width: auto;
  margin-left: 199px;
}

#innerLeftColumn, #innerContentColumn,  #innerFooter, #innerRightColumn
{
  padding: 10px;
}
#footer
{
  clear: both;
  background-color: #ddd;
}
#innerFooter
{
  text-align: center;
}
#innerContentColumn
{
  overflow: visible;
  height: 100%; /* fix the Win32 IE float bug */
  /*margin-right: 0px;  200px; 0 removes right column */
  /*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
  width:auto;
  padding-top:25px;
}
#contentColumn>#innerContentColumn
{
  height: auto; /* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
  height: 100%; /* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
  z-index: 10;
}

/*---- Borders ----*/
#pageFrame
{
  border: solid 0px #000;
}
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn
{
  border: solid 0px #000;
}
#footer
{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
#masthead
{
  border-bottom-width: 0px;
}
#innerLeftColumn /*,  #innerContentColumn */
{
  border-right-width: 0px;
}
#contentColumn
{
  border-left-width: 0px;
}

/*---- Visual Elements ----*/
body
{
  background-color: #fff;
  color: #000;
}
#pageFrame
{
  background-color: #fff;
  color: #000;
  min-width: 770px;
  /* width: 800px;    For test purposes only */
}


/* From old site css file site.css */

h1, h2, h3 { 
  /*
  background-color: transparent;
  color: #006266;
  color: rgb(50, 50, 200);
  */
  color: #d00;
  font-family: arial,comic sans ms;
}

/*
h2 {
  background-color: rgb(125, 125, 200);
  color: white;
  padding-left: 10px;
}
*/

h3.green {
  font-size: 110%;
  margin-bottom: 0px;
}

table.right { border: 2px ridge ;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
}

th.right { color: rgb(255, 255, 255);
  background-color: rgb(102, 102, 153);
}

td.right { color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
}

/*  .date {
  color: #000;
  margin-right: 10px;
  font-size: 10pt; 
  position: relative;
  top: 127px;
  float: right;
}*/

.date {
  color: #999;
  /*margin-right: 10px;
  font-size: 10pt; 
  float: right;*/
}

p.dropcaps:first-letter{
  float:left; 
  color:#62629C; 
  font-size:60px; 
  line-height:45px; 
  padding-top:2px; 
  font-family: times, times new roman;
}

/*
p.dropcaps:first-letter {
  color: #f00;
  font-family: Times, Times New Roman;
  font-weight: bold;
  font-size: 2em;
  font-style: italic;
}
*/


/* ---- Images ---- */

/* Drop shadow */

.img-shadow  {
  float: left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 6px;
  }

img.rss {
  width:24px; 
  height:24px; 
  float:left;
  padding-right:5px;
}


/****** Page Header *******/
.pageheadertop, .pageheaderbottom {
  /*
  background-color: #aaf;
  */
}

 .pageheadertop {
 /*
  height: 2px;
  width: 500px;
  margin-top: 0px;
  padding: 0px;
  */
  }

.pageheadermiddle {
  //background-color: #fff;
  color: #d00;
  font-size: 18pt;
  text-align: left;
  margin: 0;
  padding: 0;
  border-top: 2px #aaf solid;
  border-bottom: 2px #aaf solid;
  }

.pageheaderbottom {
  /*
  height: 2px;
  width: 500px;
  margin: 0 0 20px 0;
  */
  }

/* thot of the moment */
.box {
  width:170px;
  border:1px solid black;
  padding:5px;
  margin:20px 0 0 0;
  font-size:10pt;
  text-align:left;
  background-color:#eee;
}

/***** Banner *****/
#masthead
{ 
  background: url(../images/hotcLogoBanner.gif) no-repeat;
  height:100px;
  padding: 0px;
  margin: 0px;
}

.logo {
  background: url(../images/hotc2.gif) no-repeat;
  width:100px;
  height:100px;
  padding: 0px;
  position: relative;
  top: 10px;
  left: 20px;
  float: left;
}
.banner_text1 {
  position: relative;
  top: 10px;
  left: 250px;
  font: bold 32pt times, times new roman;
  color: #d00;
}
.banner_text2 {
  position: relative;
  top: 15px;
  left: 260px;
  font: bold italic 14pt times, times new roman;
  //color: white;
}

/****** Trivia ******/
.text{
  visibility: hidden;
  margin-left: 3px;
  color:#d00;
}
p.link {
  margin-left: 3px;
  color: green;
}
.left, .right {
  padding:3px;
  color:#000;
  width:100px;
  vertical-align:top;
}
.left {
  /* background-color:blue; */
  color:blue;
}
.right {
  width:auto;
  background-color:#fff;
  margin-right:50px;
}

.table {
  padding:0;
  margin:0;
}

.answer {
  text-decoration:underline;
  cursor:pointer;
}

.hr {
  border-bottom:2px navy solid;
  margin: 10px 0 10px 0;
}

.triviah1 {
  font-size:150%; 
  color:blue;
  text-align:center;
  font-family: papyrus;
}

.table, .hr, .triviah1 {
  /*width:600px;*/
}


/***** wcg *****/
.wcg {
  background-color:#eee; 
  max-width:800px; 
  padding:10px; 
  border:1px blue solid;
}
p.wcg-title {
  text-align:center;
  font-family: papyrus,arial;
  font-size:150%;
  color:#d00;
  font-weight: bold;
}