a:link { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

.class1 a:link { color: #3399cc; text-decoration: none; }
.class1 a:active { color: #3399cc; text-decoration: none; }
.class1 a:visited { color: #3399cc; text-decoration: none; }
.class1 a:hover { color: #3399cc; text-decoration: underline; }

.class2 a:link { color: #ff9900; text-decoration: none; }
.class2 a:active { color: #ff9900; text-decoration: none; }
.class2 a:visited { color: #ff9900; text-decoration: none; }
.class2 a:hover { color: #ff9900; text-decoration: underline; }

.class3 a:link { color: #33cc33; text-decoration: none; }
.class3 a:active { color: #33cc33; text-decoration: none; }
.class3 a:visited { color: #33cc33; text-decoration: none; }
.class3 a:hover { color: #33cc33; text-decoration: underline; }

.class4 a:link { color: #cc0000; text-decoration: none; }
.class4 a:active { color: #cc0000; text-decoration: none; }
.class4 a:visited { color: #cc0000; text-decoration: none; }
.class4 a:hover { color: #cc0000; text-decoration: underline; }

.bgGrad {
            background-color: #ffffff;
            background-image: url('../../../../../../images/bggrad.jpg'); 
            background-repeat: repeat-x;
        }

.content {
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 11px; 
            color: #000000; 
            line-height: 16px;
         }
         
.content td {
                background-color: #f8f8f8;      
            }
 
.content img   {
                   border-style: none;
                }
               
.redsubhead {
                color: #FF0000;
                font-family: Arial;
                font-style: italic;
            }
            
.bluehead {
                color: #003366;
                font-family: Arial;
                font-weight: bold;
                font-size: x-large;
            }
            
.bluecopy {
                font-family: Arial;
                color: #003366;
          }

.copyhead { 
            font-weight: bold;
            margin-top: 20px;
            margin-bottom: 14px;
            clear: right;
          }
         
.hof_image  {
                 text-align: center;
                 margin: 0px 0px 0px 0px;
                 clear: right;
            }

.content2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 16px}
.content3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 8px; color: #000000; line-height: 12px}
.textbox { background-color: #666666; border-width: 1; border-color: #999999; border-style: solid; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: #ffffff;}

.attnbox
{
    padding: 7px;
    border: 2px outset #C0C0C0;
    width: 570px;
    background-color: #C0C0C0;
    border-spacing: 0px;
}

.bold { text-align: center; font-weight: bold; }

.forms table { width: 1%; }
.forms td { white-space: nowrap; vertical-align: middle; text-align: right;}

img { border-style: none; }

.navbar
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    line-height: 27px;
    text-align: left;
    background-color: #f8f8f8;
}

body 
{
    margin: 0px 0px 0px 0px;
}

.bodycontainer
{
    width: 850px;
    margin-left: auto;
    margin-right: auto; 
}

.headerdiv
{
    width: 100%;
    padding-top: 20px;
}

.colmaskdiv
{
    position: relative;     /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%;            /* Width of whole page/screen */
    overflow: hidden;       /* This clips off any overhanging divs */
}

.colleftdiv
{
    width: 800px;
}

.contentdiv
{   
    float: right;
    width: 580px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    line-height: 16px;
}

.navdiv
{
    float: left;
    position: relative;
    padding: 0em 0em 0em 0em;
    overflow: hidden; 
    width: 220px;
    line-height: 27px;
    text-align: left;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    background-color: #f8f8f8;
}

.footerdiv
{
    clear: both;
    padding-top: 30px;
    float: left;
    width: 100%;
}

.bottomdivpadding
{
    padding-bottom: 8px;
}

.open-in-new-window
{
    /* just needs a declaration */
}