body { color: black; font-size: 12px; line-height: 16px; background-color: #2f3b69; background-image: url(../graphics/tileleft.jpg); background-repeat: repeat-x; margin: 0; }
img {display: block; border: 0; margin: 0; padding: 0;}
p, td, li, ul, ol, h1, h2, h3 {font-family: Verdana, Helvetica, Arial, san-serif;}
p { color: black; margin-top: 0; margin-bottom: 10px;}

a:link {color: #2f3b69;}
a:visited {color: #666666;}
a:hover {color: #2f3b69;}
a:active {color: #2f3b69;}

h1 { margin: 0 0 5px 0; color: #2f3b69; font-size: 18px; font-weight: bold; line-height: 22px; }
h2 { margin: 0 0 5px 0; color: #2f3b69; font-size: 14px; font-weight: bold; line-height: 17px;}
h3 { margin: 0 0 5px 0; color: #2f3b69; font-size: 12px; font-weight: bold; line-height: 14px;}


div#wrapper {
width: 800px;
margin: 0 auto;
padding: 0 auto;
 }
/*Placed the very top graphic in this wrapper, which centered it and
let it lay on top of the tiling that crosses the top.*/

table#content {
 text-align: left;}
 
.footer {
 color: #2f3b69;
 font-size: 10px;
 font-weight: bold;
 }
 
.homeimage {padding-top: 20px; padding-bottom: 15px;}
/*Applied this to the homepage graphiic in the body to give
room above and below it*/

.padding-bottom {padding-bottom: 15px;}
/*Applied this to last paragraph on pages to create space above the footer.*/

.padding-top {padding-top: 15px;}
.margin-left { margin-left: 15px; }
.margin-right {margin-right: 10px;}
.bold { font-weight: bold; }

.border-left {border-left: 1px solid #666;}

.right {text-align: right;}

.float {float: right;
padding: 0 0 10px 10px;
}

.float-left {float: left;
padding: 0 10px 10px 0;
}