html { font-family: Arial, sans-serif;
       background-color: #FFFFFF;
       background-image: url(images/paper.png);
       background-repeat: repeat;
}

a { text-decoration: none;
}

a:link { color: #0000FF;
}

a:visited { color: #800080;
}

a:hover { text-decoration: underline;
}

a:active { color: #FF0000;
}

.sub { font-weight: bold;
         font-size: small;
}

h1 { font-size: large;
}

h2 { font-size: medium;
}

h3 { font-size: small;
}

img { border: thin solid black;
}

img.w3c { border: none;
}

.container { position: absolute;
             border: thick solid black;
             background-color: #FFFBDD;
             margin: 0px;
             padding: 0px;
             width: 700px;
             left: 162px;
}

.banner { position: relative;
          background-image: url(images/site_banner.jpeg);
          margin: 0px;
          padding: 0px;
          width: 700px;
          height: 100px;
}

.main_nav { position: relative;
            background-image: url(images/main_nav.jpeg);
            border-top: thin solid black;
            border-bottom: thin solid black;
            text-align: center;
            margin: 0px;
            padding: 5px;
            width: 690px;
            height: 20px;
}

.content { position: relative;
           margin: 0px;
           padding: 15px;
           width: 670px;
           min-height: 408px;
           left: -1px;
           font-size: small;
}

.sub_nav { float: right;
           background-image: url(images/sidebar.jpeg);
           background-repeat: repeat-y;
           border: 2px solid black;
           margin: 0px;
           margin-left: 15px;
           padding: 5px;
           width: 140px;
           top: -1px;
           font-size: small;
}

.copyright { position: relative;
             background-image: url(images/main_nav.jpeg); 
             border-top: thin solid black;
             text-align: center;
             margin: 0px;
             margin-top: 35px;
             padding: 5px;
             width: 690px;
}

div.img1 { float: right;
           margin: 5px;
           padding: 5px;
           border: thin solid black;
           font-size: x-small;
           text-align: center;
}

div.img2 { float: left;
           margin: 5px;
           padding: 5px;
           border: thin solid black;
           font-size: x-small;
           text-align: center;
}

div.img3 { margin: 5px;
           padding: 5px;
           font-size: x-small;
           text-align: center;
}

.top { text-align: right;
}