/* Sets the standard CSS properties for the generic look of the body and h2 properties of the page.*/

body {
background-color: #666666;
}

h2 {
   font-family: georgia;
   font-variant: small-caps;
   text-align: center;
   color: white;
}

/* Sets the properties for the scroll class which allows content larger than the existing text container to scroll both vertically and horizontally if needed. Note: there is no code for displaying background images that works effectively cross-browser. Not used in all page designs but included for use as needed. */

.scroll {
   font-family: georgia;
   font-size: 16px;
   height: 360px;
   width: 456px;
   overflow: auto;
   /*border: 1px solid #666;*/
   padding: 0px;
}

/* Defines unordered list properties within the scroll class.*/

.scroll ul {
   list-style: none;
   margin: 0px;
   margin-top: -16px;
   padding: 5px;
   padding-top: 5px;
}

/* Defines anchor links within the scroll class.*/

.scroll a {
   font-family: verdana;
   font-size: 12px;
   color: red;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}

/* Defines the hover state of scroll a class. */

.scroll a:hover {
   text-decoration: underline;
}

/*Defines a box for validator images to be displayed in. */

.imagebox {
   width: 125px;
   height: 71px;
   float: left;
   margin: 0px;
   margin-left: 40px;
   margin-top: 70px;
   padding: 0px;
}

/* Defines the container that the other elements reside in with the exception of the body tag. */

#container {
   width: 800px;
   height: 640px;
   font-weight: bold;
   margin-left: auto;
   margin-right: auto;
   color: #999;
}

/* Defines the banner id area of the page, height, width, image, text offset. */

#banner {
   width: 800px;
   height: 107px;
   background-image: url(images/headerimage.jpg);
   background-repeat: no-repeat;
   text-indent: -9999px;
}

/* Defines the main content area of the page and all elements within that content area. */

#content {
   width: 800px;
   height: 456px;
   padding: 0px;
   font-family: georgia;
   font-size: 16px;
   color: #000000;
   background-image: url(images/contentback4.jpg);
   background-repeat: no-repeat;
   background-position: right;
   margin-top: -16px;
   margin-right: 20px;
   margin-bottom: -16px;
   margin-left: 0px;
}
.content_text {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: 25px;
   font-weight: 700;
   font-variant: normal;
   color: #000;
   height: auto;
   width: 450px;
   float: right;
   padding-top: 40px;
   padding-right: 40px;
   padding-bottom: 40px;
   padding-left: 20px;
}


/* Defines unordered list elements within the content id of the page. */

#content ul {
   list-style: none;
   margin: 0px;
   margin-top: 0px;
   padding: 40px;
   padding-top: 5px;
}

/* Defines the line elements of the content areas unordered list element. */

#content li {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

/* Defines anchor elements within the content area. */

#content a {
   font-family: verdana;
   font-size: 16px;
   color: red;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}

#content a:hover {
   text-decoration: underline;
}

/* Navigation Menu definitions. */

#nav_menu {
   width: 218px;
   height: 424px;
   float: left;
   background-image: url(images/menuback.jpg);
   margin: 0px;
   padding-top: 0em;
   padding-right: 0em;
   padding-bottom: 0em;
   padding-left: 0em;
   color: #000;
   text-align: justify;
}
#nav_menu h1 {
   width: 200px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: xx-large;
   font-style: italic;
   line-height: normal;
   font-weight: bold;
   font-variant: small-caps;
   text-transform: none;
   color: #000;
   float: none;
   margin-right: 0px;
   padding-top: 40px;
   padding-right: 30px;
   padding-bottom: 0px;
   padding-left: 30px;
   margin-bottom: -20px;
}

#nav_menu ul {
   width: 200px;
   list-style: none;
   margin-top: 10px;
   float: left;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 10px;
   padding-right: 40px;
   padding-bottom: 40px;
   padding-left: 40px;
}

#nav_menu li {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#nav_menu a {
   font-family: verdana;
   font-size: 16px;
   color: #000;
   text-decoration: none;
   font-variant: small-caps;
   font-weight: bold;
   text-transform: none;
   line-height: 25px;
   margin: 0px;
   padding: 0px;
}

#nav_menu a:link, a:active, a:visited {
   color: #000;
}


#nav_menu a:hover {
   text-decoration: underline;
}

/* Footer definitions. */

#footer {
   width: 800px;
   height: 54px;
   background-image: url(images/footerback.gif);
   margin: 0px;
}

.footer_text {
   width: 800px;
   height: 78px;
   padding: 15px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   font-variant: small-caps;
   color: #000;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 50px;
}

.footer_text a {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   font-variant: small-caps;
   color: #000;
   padding: 15px;
   margin-left: 0px;
   text-decoration: none;
}

.footer_text a:hover {
   text-decoration: underline;
}

/* .footer_text a {
   font-family: verdana;
   font-size: 12px;
   color: black;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
} */

#top_bar {
   background-image: url(images/topbar.jpg);
   height: 15px;
   width: 800px;
}