﻿body 
{
    background-color:Black;
    background-image:url(images/header_strip.gif);
    background-repeat:repeat-x;
    width:800px;
    margin:0 auto;
    font-family: "Trebuchet MS", Sans-Serif;
    font-size:12px;
    color:#333333;
    padding:0;
    line-height:normal;
}

a
{
    margin:0;
    font-family: "Trebuchet MS", Sans-Serif;
    color:#99CC00;
}

a:link
{
    margin:0;
    font-family: "Trebuchet MS", Sans-Serif;
    color:#99CC00;
}

a:hover
{
    margin:0;
    font-family: "Trebuchet MS", Sans-Serif;
    color:#009999;
}


h1
{
    font-family: "Trebuchet MS", Sans-Serif;
    font-size:18px;
    color:#99CC00;
    margin:0;
    padding:0;
} 

h2
{
    font-family: Georgia, Serif;
    font-size:18px;
    color:#333333;
    text-align:left;
    margin:0;
    padding:0;
} 

h3
{
    font-family: Georgia, Serif;
    font-size:16px;
    color:#333333;
    text-align:left;
    margin:0;
    padding:0;
} 

h4
{
    font-family: Georgia, Serif;
    font-size:14px;
    color:#333333;
    text-align:left;
    margin:0;
    padding:0;
}  

h6
{
    font-family: "Trebuchet MS", Sans-Serif;
    font-size:10px;
    color:#CCCCCC;
    text-align:left;
    margin:0;
    padding:0;
} 

.title
{
    float:left;
    margin:75px 0 0 0;
    padding:0;
}

.logo
{
    float:left;
    margin:8px 0 0 0;
    padding:0;
    background-image:url(images/hm_logo.gif);
    height:102px;
    width:241px;
}

.graphic
{
    float:right;
    margin:0;
    padding:0;
    background-image:url(images/trans_logo.gif);
    height:172px;
    width:197px;
}

ul.navigation
{
    width:70%;
    float:left;
    margin:0;
    padding:17px 0 45px 10px;
}

ul.navigation li
{
    display:inline;
    margin:0;
    padding:0;
}

ul.navigation li a
{
    color:#99CC00;
    font-family: "Trebuchet MS", Sans-Serif;
    font-size:14px;
    text-decoration:none;
    margin:0;
    padding:0 38px 0 0;
}

ul.navigation li a:hover
{
    color:#009999;
    margin:0;
    padding:0 38px 0 0;
}

ul.navigation li#active a
{
    color:#009999;
    margin:0;
    padding:0 38px 0 0;
}

.content
{
    background-color:#323232;
    width:800px;
    height:490px;
    clear:both;
    padding:20px 0 0 0;
}

.leftbanner
{
    background-color:White;
    width:200px;
    height:430px;
    margin-left:20px;
    padding:0;
    float:left;
}

.leftbannertext
{
    padding:15px 20px 10px 20px;
    margin:0;
}

.dotline
{
    height:10px;
    margin-bottom:10px;
    border-bottom:dotted 2px #99CC00;
    width:160px;
}

.bottomline
{
    height:20px;
    border-bottom:solid 2px Black;
    padding:0;
    margin:0;
    clear:both;
}

.copyright
{
    float:left;
    padding:12px 0 0 20px;
}

.validation
{
    float:right;
    padding:0 20px 0 0;
    margin:4px 0 0 0;
    height:31px;
}

.box
{
    float:left;
    width:166px;
    height:166px;
    background-color:#323232;
    color:White;
    margin-left:20px;
}

.areaone
{
    float:left;
    width:540px;
    height:112px;
    background-color:#323232;
    color:White;
    margin-left:20px;
    margin-top:20px;
}

.areatwo
{
    float:left;
    width:540px;
    height:112px;
    background-color:White;
    margin-left:20px;
    margin-top:20px;
} 

.areatwotext
{
    padding:8px 20px 8px 20px;
    margin:0;
}  

.mainarea
{
    float:left;
    width:540px;
    height:430px;
    background-color:White;
    margin-left:20px;
}

.mainareatext
{
    padding:15px 20px 10px 20px;
    margin:0;
}

.mainarea img
{
    height:160px;
    width:300px;
    border:none;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}
