BODY {
       background: #cccccc;
       font-family: Arial, Helvetica, sans-serif;
       margin-top: 0px;
       margin-left: 0%;
       margin-right: 0%;
	text-align: center;
     }
H1 {
     font-family: Times New Roman, serif;
     color: #FFC;
   }
FORM {
       font-family: sans-serif;
       font-size: 75%;
       font-weight: bold;
       text-align: center;
     }
P { font-family: Arial, Helvetica, sans-serif }
P.news {
         font-family: Arial, Helvetica, sans-serif;
         margin-top: 0px;
         margin-bottom: 12px;
	 text-align: left;
       }
TABLE.left { background: url("images/logo_bg_left.gif") }
TABLE.right { background: url("images/logo_bg_right.gif") }
TABLE.mainintro {
                  font-family: Arial, Helvetica, sans-serif;
                  color: #000;
                  background: #CCC;
                }
TABLE.offair { background: url("images/charlie_off-air.jpg") }
TABLE.onair { background: url("images/charlie_on-air.jpg") }

TABLE.news { 
background: #FFF url("images/parchment.jpg"); visibility: hidden;
}

TABLE.posts { background: #FFF url("images/parchment.jpg") }
TD { font-family: Arial, sans-serif }
TD.contact { font-weight: bold }
TD.left { background: url("images/board1.gif") }
TD.right { background: url("images/board2.gif") }

A.crosshair { cursor:hand }
A:link { color: #00F; text-decoration: underline }
A:visited { color: #00F; text-decoration: underline }
A:active { color: #F00; text-decoration: underline }
A:hover { color: #F00; text-decoration: underline }

A.light:link { color: #6CF }
A.light:visited { color: #6CF }
A.light:active { color: #FF0 }
A.light:hover { color: #FF0 }
A.menu:link { color: #FF9; text-decoration: none }
A.menu:visited { color: #FF9; text-decoration: none }
A.menu:active { color: #FFF; text-decoration: none }
A.menu:hover { color: #FFF; text-decoration: none }
A.news:link { color: #00F; text-decoration: underline }
A.news:visited { color: #00F; text-decoration: underline }
A.news:active { color: #F00; text-decoration: underline }
A.news:hover { color: #F00; text-decoration: underline }
div.underlay {
               border: 0px solid black;
               background-color: #FADF90;
             }
DIV.one  { background: #CCC url("images/Corner1.gif") top left no-repeat; }
DIV.two  { background: #CCC url("images/Corner2.gif") top right no-repeat; }
DIV.three  { background: #CCC url("images/Corner3.gif") bottom left no-repeat; }
DIV.four  { background: #CCC url("images/Corner4.gif") bottom right no-repeat; }

H1.email {
           text-align: center;
           padding-top: 15px;
           color: #FF9;
         }
IMG.middle { vertical-align: middle }
DIV.introd {
             margin-left: 15px;
             margin-right: 15px;
             margin-bottom: 0px;
             font-weight: bold;
           }
DIV.news {
           font-family: Arial, sans-serif;
           font-size: 76%;
           margin: 5px;

           font-weight: bold;
	   text-align: left;
         }
OL { padding-left: 20px }
TD.navoff {
            vertical-align: middle;
            font-size: 85%;
            font-weight: bold;
            border: thin outset #888;
            background: #2c5394;
            white-space: nowrap;
            text-align: center;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 5px;
            padding-right: 5px;
          }
TD.navon {
           vertical-align: middle;
           color: #FFF;
           font-size: 85%;
           font-weight: bold;
           border: thin inset #fff;
           background: #6c8fc8;
           white-space: nowrap;
           text-align: center;
           padding-top: 5px;
           padding-bottom: 3px;
           padding-left: 6px;
           padding-right: 4px;
         }
TD.nav {
         font-family: Arial, sans-serif;
         font-weight: bold;
         white-space: nowrap;
         font-size: 100%;
         vertical-align: middle;
         border: thin outset #888;
         background: url(images/bg_jeans2.gif) #006699;
         text-align: center;
         padding-left: 5px;
         padding-right: 5px;
         white-space: nowrap;
       }
TD.clips {
           font-family: Arial, sans-serif;
           font-weight: bold;
           font-size: 80%;
           vertical-align: middle;
           border: thin outset #888;
           background-color: #707070;
           text-align: center;
           white-space: nowrap;
         }

td.clips a:link {
color: #fff;
}

td.clips a:active {
color: #fff;
}

td.clips a:hover {
color: #ccc;
}

td.clips a:visited {
color: #fff;
}

TD.updated {
             font-size: 76%;
             text-decoration: none;
           }
TH.news {
          font-family: Arial, sans-serif;
          font-size: 76%;
          padding: 2px;
          background: #B05050;
          text-align: center;
          color: #FF9;
        }
TH.forum {
           font-family: Arial, sans-serif;
           font-size: 76%;
           padding: 2px;
           background: #60606E;
           text-align: center;
           color: #FF9;
         }
TD.menu {
          font-size: 76%;
          padding: 6px;
        }
TH.menu {
          font-size: 76%;
          color: #FF9;
          padding: 2px;
          background: url(images/leftbg.jpg);
          text-align: center;
        }
.blue { color: #00F }
.border {
          float: right;
          border: thick outset #FFF;
        }
.border2 { border: medium inset #FFF }
.border3 {
           float: right;
           border: medium outset #FFF;
         }
.border4 { border: thin inset #FFF }
.centre {
          text-align: center;
          font-family: Arial, sans-serif;
        }
.copyright {
             font-family: Arial, Helvetica, sans-serif;
             text-align: center;
             color: #FFF;
             font-size: 90%;
           }
.countdown {
             text-align: center;
             font-family: Arial, Helvetica, sans-serif;
             font-weight: bold;
             font-size: 90%;
             background: #5F5F6F;
             color: #CCC;
           }
.green {
         color: #0F0;
         font-weight: bold;
       }
.grey {
        font-weight: bold;
        color: #CCC;
      }
.intro {
         font-family: Arial, Helvetica, sans-serif;
         margin-left: 4%;
         margin-right: 4%;
         font-size: 110%;
       }
.tleft { text-align: left }
.left { text-align: left }
.logo { padding-right: 100px }
.newslink { color: #00F }
.nowrap { white-space: nowrap }
.ocre { color: #FFC }
.plain { text-decoration: none }
.question {
            font-style: italic;
            color: #FF9;
          }
.quote {
         font-family: Times New Roman;
         font-size: 120%;
         color: #FF9;
       }
.recdate {
           font-weight: normal;
           font-size: 75%;
           font-family: Times New Roman;
           color: #FF9;
         }
.red { color: #F30 }
.tright { text-align: right }
.right { float: right }
.small { font-size: 90% }
.tablet {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 90%;
          color: #FF9;
          text-align: left;
          white-space: nowrap;
        }
.text {
        color: #FFF;
        margin-top: 3%;
        margin-left: 8%;
        margin-right: 8%;
      }
.time {
        font-size: 80%;
        text-decoration: none;
      }
.updated {
           color: #FFC;
           font-size: 6pt;
         }
.white { color: #FFF }
.yellow { color: #FF9 }

.emailblock {
              background-color: #CCC;
              color: black;
              padding: 20px;
              font-family: arial, verdana;
              margin-left: 6%;
              margin-right: 6%;
              border-width: 1px;
            }
.emailheader { color: blue }
.emailhighlight {
                  background: white;
                  color: red;
                }
.emailsprevnext {
                  font-family: arial, verdana;
                  text-align: center;
                  font-weight: bold;
                }
.emailretrieved {
                  font-family: arial, verdana;
                  color: #FF9;
                  text-align: center;
                }
.emailsmsheader { color: #000 }

ADDRESS.email {
                text-align: right;
                font-size: 120%;
                font-style: italic;
                background-color: #FFFFFF;
                color: #000000;
                text-decoration: none;
              }

DIV.emailbar {
               margin-right: 0;
               border-width: 1px;
               border-color: #999999;
               border-style: ridge;
               background-color: #999999;
               text-align: right;
             }

HR.emailblank { display: none }

A.emailcredit:link { color: #000 }
A.emailcredit:visited { color: #888 }
A.emailcredit:active { color: red }
A.emailcredit:hover { color: red }

/* New Site Design - Dan 09/06 */

#content {
background-image: url('/images/charlie_index.gif');
background-repeat: no-repeat;
background-position: right;
text-align: left;
background-color: #fff;
width: 750px;
height: 800px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border-left: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
font-family: sans-serif;
}

#content-wocharlie {
text-align: left;
background-color: #fff;
width: 750px;
height: 800px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border-left: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
font-family: sans-serif;
}

#content-contact {
text-align: left;   
background-color: #fff;
width: 750px;
height: 800px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border-left: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
font-family: sans-serif;
}

p.index-title {
font-size: 24px;
font-weight: bold;
margin-right: 300px;
text-align: justify;
}

p.index-text-1 {
margin-right: 300px;
text-align: newspaper;
}

p.index-text-2 {
margin-right: 450px;
}

#news-content {
background-repeat: no-repeat;
background-position: right;
text-align: left;
background-color: #fff;
width: 750px;
height: 800px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border-left: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
font-family: sans-serif;
}

#news-container {
position: relative; 
top: 0px; 
left: 0px; 
margin-left: auto; 
margin-right: auto; 
background-color: #cc0000; 
width: 750px; 
height: 25px;
}

p.email-links a:link {
color: #fff;
}

p.email-links a:active {
color: #fff;
}

p.email-links a:hover {
color: #c0c0c0;
}

p.email-links a:visited {
color: #fff;
}

#smallmenu {
background-repeat: no-repeat;
background-position: right;
text-align: left;
background-color: #fff;
width: 750px;
height: 800px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border-left: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
font-family: sans-serif;
}

p.newsite {
color: #3F4C6B;
}

p.newsite a:link {
color: #3F4C6B;
}

p.newsite a:active {
color: #3F4C6B;
}

p.newsite a:visited {
color: #3F4C6B;
}

p.newsite a:hover {
color: #3F4C6B;
}

p.countdown-text {
color: #36393D;
}

#help-content {
background-color: #fff;
background-repeat: no-repeat;
background-position: right;
text-align: left;
background-color: #fff;
width: 750px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 10px;
border-left: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
font-family: sans-serif;
}

#countdown {
position: absolute;
top: 0px;
right: 0px;
}

.contactus {
text-decoration: none;
}

.contactus a:link {
text-decoration: none;
}

.contactus a:active {
text-decoration: none;
}

.contactus a:hover {
text-decoration: none;
}

.contactus a:visited {
text-decoration: none;
}

.wolf-image {
position: absolute;
top: 860px;
}

table.shadow {
background-color: #ccc;
}

table.links {
background-color: #52779a;
background-image: url('/images/links-table-shadow.jpg');
background-repeat: repeat-x;
background-position: bottom;
}

p.links-title {
color: #fff;
font-size: 24px;
}

table.links a:link{
color: #fff;
}

table.links a:active{
color: #fff;
}

table.links a:hover{
color: #fff;
}

table.links a:visited{
color: #fff;
}