/* Element level classes */

    body
    {
        color: #000000;
        font-size: 90%;
        font-family: Verdana,;
        background-color: #cccccc;
        margin: 0px auto;
        width: 800px;
        text-align: center;
    }

/*IE5.x workaround */
table td {
    vertical-align: top;
}

    div.maincontentholder {
        width: 800px;
        align: center;
    }

    td, th
    {
        color: #000000;
        font-size: 90%;
        font-family: Verdana,;
    }

    img
    {
        border-width: 0px;
        vertical-align: middle;
    }

    a
    {
        color: #003366;
        text-decoration: none;
    }
    a:active
    {
        color: #003366;
        text-decoration: none;
    }
    a:visited
    {
        color: #003366;
        text-decoration: none;
    }        

    a:hover
    {
        color: #003366;
        text-decoration: underline;
    }

    input[type=text], input[type=password], input[type=file], select
    {
/*        border: 1px solid #003366; */

        background-color: White;
        color: #000000;
        font-size: 90%;
        font-family: Verdana,;

        vertical-align: middle;

    }

    textarea
    {
        background-color: White;
        color: #000000;
        font-size: 90%;
        font-family: Lucida;
    }
    
    input[type=submit]
    {
        border: 1px dotted #003366;
        background-color: #eeeeee;
        font-size: 90%;
        font-family: Verdana,;
        vertical-align: middle;
    }

    input
    {
        vertical-align: middle;
    }

h1 {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #D7D7D7;
    background: #235387;
    padding: 5px;
    margin: 10px 0px;
}

h2 {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    margin: 0px 0px;
}

h3 {
    text-align: left;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    background: #CCCCCC;
    padding: 5px;
    margin: 10px 0px;
    border: 1px solid #669999;  }
    
h4 
 {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    margin: 10px 0px 0px;
    padding: 0px;}

/* classes and ids for 
QTRA specifically */

a#toptitle {
  color: #D7D7D7;
}


.currentmsg {
  font-weight: bold;
  color: #990000;
}

td#navcontainer {
    padding: 0px;
    margin: 0px;
    width: 160px;
    background: #003366;  
    color: #ffffff;
}

#navcontainer a {
    font-size: 100%;
    color: #FFFFFF;
    padding: 5px 0px 5px 10px;
    margin: 0px;
    text-decoration: none;
    display: block;
    width: 100%;
    font-weight: normal;
}

#navcontainer a:hover
{
    background: #526a9d;    
}

table#main{
    width: 800px;
    margin: 5px 0px 0px;
    border: 1px solid #FFFFFF;
    padding: 0px;
    vertical-align: top;
}

td#content {
   background: white; 
   width: 640px; 
} 

div#innercontainer {
  padding: 5px 30px 5px 30px;
}

div#outercontainer {
  width: 640px;
  max-width: 640px;
}


   table#header {
      background: white;
      margin: 20px 0px 0px;
      border: 1px solid #FFFFFF;
      width: 800px;
   }

table#footer {
    width: 800px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    margin-top: 5px;
    background: #003366;
    height: 30px;
    text-align: center;
    border: 1px solid #FFFFFF;
}

table#threadlist {
<!--    width: 580px;
-->
}

td#phone,td#fax,td#email{
    vertical-align: middle;
    font-size: 10px;
    color: #ffffff;
}

td#trees {
    width:640px;
    background: #FFFFFF;
    text-align: right;} 
    
td#logo {
    background: #FFFFFF;
    text-align: center;
    width: 160px;
    padding: 0px;
    margin: 0px;
}

/* end qtra specifics */

    /* Standard classes for use in any page */
    /* PhorumDesignDiv - a div for keeping the forum-size size */
    .PDDiv
    {
        width: 100%;
        text-align: left;
    }        
    /* new class for layouting the submit-buttons in IE too */
    .PhorumSubmit { 
        border: 1px dotted #003366; 
        color: #000000; 
        background-color: #eeeeee; 
        font-size: 90%; 
        font-family: Verdana,; 
        vertical-align: middle; 
    }    
    
    .PhorumTitleText
    {
        float: right;
    }

    .PhorumStdBlock
    {
        font-size: 90%;
        font-family: Verdana,;
        background-color: White;
        border: 1px solid #003366;
/*        width: 100%; */
        padding: 3px;       
    }

    .PhorumStdBlockHeader
    {
        font-size: 90%;
        font-family: Verdana,;
        background-color: #eeeeee;
/*        width: 100%; */
        border-left: 1px solid #003366;
        border-right: 1px solid #003366;
        border-top: 1px solid #003366;
        padding: 3px;
    }

    .PhorumHeaderText
    {
        font-weight: bold;
    }

    .PhorumNavBlock
    {
        font-size: 90%;
        font-family: Verdana,;
        border: 1px solid #003366;
        margin-top: 1px;
        margin-bottom: 1px;
/*        width: 100%; */
        background-color: #eeeeee;
        padding: 2px 3px 2px 3px;
    }

    .PhorumNavHeading
    {
        font-weight: bold;
    }

    A.PhorumNavLink
    {
        color: black;
        text-decoration: none;
        font-weight: 500;
        font-family: Arial;
        font-size: 80%;
        border-style: solid;
        border-color: #eeeeee;
        border-width: 1px;
        padding: 0px 4px 0px 4px;
    }

    A.PhorumNavLink:hover
    {
        background-color: #dddddd;
        font-weight: 500;
        font-family: Arial;
        font-size: 80%;        
        border-style: solid;
        border-color: #003366;
        border-width: 1px;
        color: #000000;
    }

    .PhorumFloatingText
    {
        padding: 10px;
    }

    .PhorumHeadingLeft
    {
        padding-left: 3px;
        font-weight: bold;
    }

    .PhorumUserError
    {
        padding: 10px;
        text-align: center;
        color: #ee0000;
        font-size: 100%;
        font-family: Arial;
        font-weight: bold;
    }

   .PhorumNewFlag
    {
        font-family: Verdana,;
        font-size: 90%;
        font-weight: bold;
        color: blue;
    }

    .PhorumNotificationArea
    {
        float: right;
        border-style: dotted;
        border-color: #003366;
        border-width: 1px;
    }

    /* PSUEDO Table classes                                       */
    /* In addition to these, each file that uses them will have a */
    /* column with a style property to set its right margin       */    

    .PhorumColumnFloatXSmall
    {
        float: right; 
        width: 75px;
    }

    .PhorumColumnFloatSmall
    {
        float: right; 
        width: 100px;
    }

    .PhorumColumnFloatMedium
    {
        float: right; 
        width: 150px;
    }

    .PhorumColumnFloatLarge
    {
        float: right; 
        width: 200px;
    }

    .PhorumColumnFloatXLarge
    {
        float: right; 
        width: 400px;
    }

    .PhorumRowBlock
    {
        background-color: White;
        border-bottom: 1px solid #003366;
        padding: 5px 0px 0px 0px;
    }

    .PhorumRowBlockAlt
    {
        background-color: #dadada;
        border-bottom: 1px solid #003366;
        padding: 5px 0px 0px 0px;
    }

    /************/
    

    /* All that is left of the tables */

    .PhorumStdTable
    {
        border-style: solid;
        border-color: #003366;
        border-width: 1px;
        width: 100%;
    }

    .PhorumTableHeader
    {
        background-color: #003366;
        border-bottom-style: solid;
        border-bottom-color: #003366;
        border-bottom-width: 1px;
        color: white;
        font-size: 70%;
        font-family: Verdana,;
        font-weight: 500;
        padding: 3px;
    }

    .PhorumTableRow
    {
        background-color: White;
        border-bottom-style: none;
        border-bottom-color: #003366;
        border-bottom-width: 0px;
        color: #000000;
        font-size: 90%;
        font-family: Verdana,;
        height: 21px;
        padding-left: 3px;
        padding-top: 0px;
        padding-bottom: 0px;

    }
    
    .PhorumTableRowAlt
    {
        background-color: #dadada;
        border-bottom-style: none;
        border-bottom-color: #003366;
        border-bottom-width: 0px;
        color: #000000;
        font-size: 90%;
        font-family: Verdana,;
        height: 21px;
        padding-left: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
    }    

    table.PhorumFormTable td
    {
        height: 26px;
    }

    /**********************/


    /* Read Page specifics */
    
    .PhorumReadMessageBlock
    {
        margin-bottom: 5px;
    }
    
   .PhorumReadBodySubject
    {
        color: Black;
        font-size: 100%;
        font-family: Arial;
        font-weight: bold;
        padding-left: 3px;
    }

    .PhorumReadBodyHead
    {
        padding-left: 5px;
    }

    .PhorumReadBodyText
    {
        font-size: 90%;
        font-family: Verdana,;
        padding: 5px;
    }

    .PhorumReadNavBlock
    {
        font-size: 90%;
        font-family: Verdana,;
        border-left: 1px solid #003366;
        border-right: 1px solid #003366;
        border-bottom: 1px solid #003366;
/*        width: 100%; */
        background-color: #eeeeee;
        padding: 2px 3px 2px 3px;
    }

    /********************/
    
    /* List page specifics */

    .PhorumListSubText
    {
        color: #003366;
        font-size: 90%;
        font-family: Verdana;
    }

    .PhorumListPageLink
    {
        color: #003366;
        font-size: 90%;
        font-family: Verdana;
    }

    .PhorumListSubjPrefix
    {
        font-weight: bold;
    }    

    .PhorumListModLink, .PhorumListModLink a
    {
        color: #666666;
        font-size: 90%;
        font-family: Verdana;
    }
    /********************/

    /* Override classes - Must stay at the end */

    .PhorumNarrowBlock
    {
        width: 100%;
    }

    .PhorumSmallFont
    {
        font-size: 80%;
    }    

    .PhorumLargeFont
    {
        color: #000000;
        font-size: 100%;
        font-family: Arial;
        font-weight: bold;
    }    


    .PhorumFooterPlug
    {
        margin-top: 10px;
        font-size: 90%;
        font-family: Verdana;
    }