header a {
    width: 400px;
    height: 50px;
    background-image: url(../images/title.png);
    text-indent: -9999px;
    float: left;
}
header img {
    float: right;
}
span.clear {
    clear: both;
    display: block;
}
nav li + li:before{
    content: " | ";
    padding: 0 5px;
}
nav ul {
    list-style: none;
    padding: 0px;
}
nav ul li {
    display: inline;
}
nav a {
    font-weight: bold;
}

body {font-family:"Trebuchet MS", Helvetica, sans-serif; padding:0px; margin:0px; text-align:left; text-align:justify; background-image:url('../images/bg2.png')}

body > div  {
padding:50px; max-width: 950px; margin-left: auto; margin-right: auto; margin-top:0px; padding-top:20px; background-color:#FFFFFF;
 font-size:1em;
}

a:link    {color:#223344;}
a:visited {color:#223344;}
a:hover   {color:#667788;}
a:active  {color:#223344;}

ul { list-style-position:outside;}
li { margin-top:0.3em; margin-bottom:0.3em; }

h1 { font-size:1.25em; margin:-5px; padding:2px; padding-left:5px; color: #112233;  margin-bottom:0.5em; margin-top:2em; border-bottom: 2px solid #112233;
background-image: -moz-linear-gradient(bottom, #CCDDEE 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #CCDDEE 0%, #FFFFFF 100%);
}
h2 { font-size:1.125em; color:#112233}

.htf { font-size:0.8em; border-collapse:collapse; width:95%; background-color:#FFFFFF }
.htf {  margin-left:2.5%; margin-right:2.5% }
.htf td:nth-child(1) {width:25%; text-align:left;}
.htf td:nth-child(2) {width:60%; text-align:left;}
.htf td:nth-child(3) {width:15%; text-align:right;}
.htf td { border-top: 1px solid #667788; border-bottom: 1px solid #667788; }