@charset "iso-8859-1";

body {
   background-color: #665; 
   color: #fff;
   margin: 0;
   padding: 0;   
   font-family: Verdana, Tahoma, helvetica, sans-serif;
   /* font-size: 100.1%; */ /* font sizing approach recommended by Dave Silvester on the css-discuss list. */
   font-size: 1em;
   text-align: center;
}

#pageWrapper {
    background-color: #000;
    margin: 0 auto;
    width: 1000px;  
/*    width: 95%; */
    border-spacing: 0;
/*    cellspacing: 0; */
/*    spacing: 0; */
/*    cellpadding: 0; */
    padding: 0;
    border-style: none;
    font-size: 100%;
    text-align: left;
}

#masthead
{
   background-color: #885;   
   border: 1px solid #000; 
   color: #fff; 
   padding: 0px;
/*
   height: 236px;
   overflow: hidden;
*/
}

#hnav {
   border-bottom: solid 1px #000;
   border-left: solid 1px #000;
   border-right: solid 1px #000;
   text-align: center;
   width: 100%;
   padding-top: 4px;
   padding-bottom: 4px;
   background-color: #cc9;
   color: #336;
}

#leftColumn {
   width: 170px; 
/*   width: 15%; */
   border-left: 1px solid #000;
   background-color: #eec;   
   color: #000;
   padding: 10px;
   vertical-align: top;
}
   

#contentColumn {
   background-color: #fff; 
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   color: #000;   
   padding: 20px;
   vertical-align: top;
   width: 660px; 
/*   width: 70%; */
}

#rightColumn {
    background-color: #bb8;
    border-right: 1px solid #000;
    color: #000;
    padding: 10px;
    vertical-align: top;
    width: 170px;  
/*    width: 15%; */
}

#footer
{
   border: 1px solid #000;
   text-align: center;
   background-color: #885;
   color: #fff; 
   padding: 0em;
   border-top: 1px solid #000;    /* handles the top of the footer section and the bottom of the entire layout */   
   padding: 1em; 
   font-family: Georgia,Tahoma,Verdana,sans-serif;
}

/* Mine */

.tabular {
        border:1px solid #DDDEDE;
        border-right: 2px solid #bbbcbc;
        background-color: #FCFCFC;
}

.tabular td {
        padding: 2px;
        padding-left: 8px;
        padding-right: 8px;
        border-bottom: 1px solid #dddede;
        font-size: 10px;
        vertical-align: top;
}

.tabular th {
        padding: 3px;
        padding-left: 5px;
        text-align:left;
/*        border-right: 1px solid #CECECE; */
        background-color:#ffffff;
        border-bottom:1px solid #CECECE;
        border-right: 0;
        vertical-align: bottom;
color: #000000;
}


.reverse {
    font-family : serif;
    font-size: 90%;
    line-height: 140%;
    position: relative;
    border: 1px dashed;
    padding: 5px;
    margin-bottom: 1.8em;
    margin-top: .8em;
    background: #d5d5d5;
    color: darkgreen;
    border-color: olive;
}

.polaroid, .polaroidleft, .polaroidright {
     padding: 10px 10px 30px 10px;
     border: 1px solid gray; /* #666666; */
     background: #e8e8e8; /* white */ ;
     -moz-border-radius: 8px;
}


.polaroidleft {
     float:left;
     margin-top:15px;
     margin-right:15px;
     margin-bottom:10px;
     clear: left;
}

.polaroidright { 
     float:right;
     margin-top:15px;
     margin-left:10px;
     margin-bottom:10px;
     clear: right;
}

.polaroidtext {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    color: black;
}

#longlists li {
    padding: 5px 5px 15px 25px;
    list-style: inside;
}


ul li {
    padding-bottom: 10px;
    margin-left: 25px;
}


.mediumprint {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 85%;
}

.smallprint {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 65%;
}

.hey {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 1.1em;  
        color: #666666;
        font-weight: 800;
        padding-bottom: 20px;
}

.hey a {
      font-weight: 800;
}


#directions .weatherbox {
     float: right;
     position: relative;
     background-color: #eef;
     background: #f5f5f5 url(/img/phpixel.php) no-repeat; /* only way to make this div opaque */
     top: -380px;
     left: 100px;
     border: 1px dashed black;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-top: 10px;
     margin-right: 10px;
     width: 350px;
}

.popup {
padding:15px;
padding-top: 0px;
background-color:#fff;
border:1px solid #000;
width:795px;
background: #fff url('/img/popup-bg.jpg') no-repeat; 
}

.poptab {
text-align: right;
width: 795px;
margin-top: 1px;
margin-right: -15px;
}



h1
{
        font-size: 150%;
        margin-top: 8px;
        margin-bottom: 8px;
}
h2
{
        font-size: 140%;
}
h3
{
        font-size: 130%;
        margin-top: 20px;
        margin-bottom: 10px;
}
h4
{
        font-size: 120%;
}
h5
{
        font-size: 110%;
}
h6
{
        font-size: 100%;
}

.marginpic {
    filter: alpha(opacity=70); 
    -moz-opacity: 0.70; 
    opacity: 0.70;
    border-style: none;
}