body {
column-width:750px;
background-color: #000000;
}

#main {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  width: 750px;
  float: left;
  padding: 0px 0px 0px 0px;
}

#leftcol {
  width: 425px;
  float: left;
  padding: 5px 25px 10px 0px;
}

#rightcol {
  width: 280;
  align: right;
  padding: 5px 0px 10px 0px;
}

#footer {
  background-color: #383838;
  width: 750px;
  padding: 5px 0px 0px 0px;
  margin-top:5px;
  clear: both;
}

#wide {
  width: 750px;
  clear: both;
}

img.border {
border: 5px solid;
border-color: #808080 #cacaca #2a2a2a #414141;
}

img.hr {
display: block;
    margin-left: auto;
    margin-right: auto;
}

img.right {
float: right;
padding: 0px 0px 5px 10px;
}

img.left {
float: left;
padding: 0px 10px 5px 0px;
}

td
{
font: 9pt;
font-family: arial, helvetica, sans-serif;
color: #ffffff;
}

a {text-decoration: none;}
a:link {color: #fcfeb4;}
a:visited {color: #b06a0b;}
a:hover {color: #dffe07; text-decoration: underline;}
a:active {color: #d9652d;}

h1 
{
color: #8d1807;
text-align: left;
font: normal italic 15px;
font-family: "times new roman", times, serif;
letter-spacing: 7px;
}

h1.bold 
{
color: #ffb711;
text-align: center;
font: 900 26px Arial;
letter-spacing: 3px;
}

h1.bold2 
{
color: #ffb711;
text-align: center;
font: 900 26px Arial;
letter-spacing: 3px;
}

h1.times 
{
color: #ffb711;
text-align: center;
font: 900 26px times;
letter-spacing: 3px;
}

h1.timesred 
{
color: #d71101;
text-align: center;
font: 900 26px times;
letter-spacing: 3px;
}

h1.bold3 
{
color: #ffb711;
text-align: center;
font: 900 16px Arial;
letter-spacing: 3px;
}


h2 
{
color: #ffa105;
text-align: center;
font: normal 13px arial;
line-height: 24pt; 
}

h2.bold 
{
color: #f1f95b;
text-align: left;
font: bold 20px arial;
}

h3 
{
color: #808080;
text-align: center;
font: normal 12px arial;
}

h3.space
{
color: #808080;
text-align: center;
font: 100 12px arial;
letter-spacing: 7px;
}

p 
{
color: #facd00;
text-align: justify;
font: normal 16px arial;
line-height: 24px;
}

.highlight 
{
color: #ffa105;
text-align: left;
font: 900 italic large arial;
}

.highlight1 
{
color: #ffa105;
font: 900;
}

.highlight2 
{
text-align: left;
font: italic;
font-family: "times new roman", times, serif;
}

.highlight3 
{
font: 900;
text-decoration:underline;
}

.highlight4 
{
text-align: center;
font: italic;
}

.highlight5 
{
text-align: left;
font: 900 italic large "times new roman";
}

.xmas1 
{
color: #08800b;
text-align: center;
font: normal 18px arial;
}

.xmas2 
{
color: #fa0000;
text-align: center;
font: 100 18px arial;
}

ul 
{
list-style-type: disc;
color: #b6b6b6;
text-align: left;
font: 100 16px arial;
line-height: 26px;
}

ol 
{
list-style-type: decimal;
color: #b6b6b6;
text-align: left;
font: 100 16px arial;
line-height: 26px;
}

#popitmenu{
position: absolute;
background-color: #19680a;
border: 3px solid #0a5c10;
font: bold 14px arial;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
text-align: left;
padding: 2px;
color: #fef11e;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #0e3a0a;
}


/*thumbnail code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
padding: 5px;
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 2px dashed white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
z-index: 50;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50;
left: -350px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*thumbnail code */