body {
width: 800px;
font-size: 10pt;
font-family: arial, verdana, sans-serif;
color: #333333;
background-color:#ffffff;
margin: 0;
padding: 0 0 20px 0;
border: 1px solid #839c0a; 
border-top-style: none;
position: relative;

}

#banner {
width: 800;
}
#banner img  {
float: left;
}


#pagehead {
width: 610px;
height: 88px;
position: absolute; top: 82px; right: 0px; z-index: 10;
margin: 0;
padding: 0;
}

#ghost {
position: absolute; top: 82px; right: 0px; z-index: 0;
}



#harbornav {
padding-top: 15px;
}

#harbornav ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#harbornav li {
margin: 0px;
padding: 0px 10px 0px 0px;
display: inline;
font: 12px arial, sans-serif;
color: #333333;
}


#harbornav a {color: #333333; text-decoration: none;}
#harbornav a:visited {color: #333333;}
#harbornav a:hover {color: #839c0a; text-decoration: underline;}


#harborname {
margin: 0;
padding: 20px 0 0 0;
font-family: futura, arial, sans-serif;
font-size: 27px;
color: #839c0a;

}

/*for pages without a harbornav row*/
#pagename {
font-family: futura, arial, sans-serif;
font-size: 27px;
color: #839c0a;
/*background: yellow;*/
padding: 50px 0px 0px 0px;
}


#sidenav {
clear: left;
float: left;
width: 140px;
background: #ecf1f7; 
}

#sidenav ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 15px;
width: 130px;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
/*background: yellow;*/
}

#sidenav li {
margin: 0;
padding: 5px 0px 5px 10px;
}

#sidenav a {
font-family: verdana, geneva, arial, helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold;
color: #044085; 
text-decoration: none;
}

#sidenav a:visited {color:#044085;}
#sidenav a:hover {color: #839c0a; padding: 5px 0px 5px 1px;}
#sidenav a:active {color: black; text-decoration: none; border: none;}


#sidespace {/*the right edge of sidenav*/
float: right;
width: 4px;
height: 300px;
background: #a2c3e6;
border-left: 1px solid black;
border-right: 1px solid black;
}

#sidenav img {
/*float: left;*/
clear: both;
width: 146px;
height: 200px;
margin: 0;
padding: 0;
}

.pagetop {  /*this is the green line*/
height: 0px;
width: 800px;
border-bottom: 1px solid #839c0a;
clear: both;
margin: 0px;
padding: 0px;
}

h2.pagetitle {
width: 600px;
height: 20px;
margin: 15px 20px 15px 0px;
padding-right: 10px;
float: right;
text-align: right;
font-family: arial, sans-serif;
font-size: 18px;
color: #225ca3;
}

#content {
width: 590px;
margin 0;
padding: 0px 20px 0px 0px;
float: right;
}

#content p {
margin-top: 0;
margin-bottom: 1em;
line-height: 1.2em;
}

.blockquote {
margin: 0em 0em 1em 0em;
padding: 0px 10px 0px 10px;
line-height: 1em;
font-size: 90%;
}

#content a {
color: #839c0a;
text-decoration: none;
}
#content a:visited {color: #839c0a; text-decoration: none;}
#content a:hover {color: #839c0a; text-decoration: underline;}

#ankle {
margin: 0px 20px 0px 20px;
padding: 0;
width: 756px;
height: 50px;
clear: both;
}

#ankle p {
padding: 15px 0px 0px 10px;
text-align: left;
font-size: 8pt;
}


#footer {
margin: 0px 20px 0px 20px;
padding: 0;
clear: both;
width: 756px;
height: 20px;
background: #044085;
border: 1px solid black;

}

#footer ul {
list-style-type: none;
padding: 3px 0px 0px 90px;
margin: 0px;
}

#footer li {
margin: 0px;
padding: 0px 10px 0px 10px;
display: inline;
color: #ffffff;
font-family: arial, sans-serif;
font-size: 12px
}