/* 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. */

.scroll {
font-family: georgia;
font-size: 16px;
height: 130px;
width: 90%;
overflow: auto;
border: none;
background: none;
padding: 8px;
}

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

.scroll ul {
   list-style: none;
   margin: 0px;
   margin-top: -16px;
   padding: 10px;
   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;
}

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

.scroll2 {
font-family: georgia;
font-size: 16px;
height: 300px;
width: 95%;
overflow: auto;
border: none;
background: none;
padding: 8px;
}

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

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

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

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

.scroll2 a:hover {
   text-decoration: underline;
}
/*Defines a box for validator images to be displayed in. */

.imagebox {
   width: 98px;
   height: 71px;
   margin: 0px;
   margin-left: 425px;
   margin-top: -75px;
   padding: 0px;
}

/* Defines a text box for footer to prevent text overflow into are designated for imagebox. */

.footer_text {
   width: 409px;
   height: 78px;
   margin: 0px;
   padding: 5px;
}

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

#container {
   width: 760px;
   height: 570px;
   font-weight: bold;
   margin-left: auto;
   margin-right: auto;
}

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

#banner {
   width: 760px;
   height: 162px;
   background-image: url(images/forumbanner.png);
   background-repeat: no-repeat;
   text-indent: -9999px;
}

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

#content {
   width: 471px;
   height: 362px;
   padding: 20px;
   font-family: georgia;
   font-size: 16px;
   color: #000000;
   background-image: url(images/contentback.gif);
   margin-left: 248px;
}

/* 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: 248px;
   height: 437px;
   float: left;
   background-image: url(images/left-panel2.gif);
   margin: 0px;
   padding: 0em;
}

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

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

#nav_menu a {
   font-family: verdana;
   font-size: 12px;
   color: white;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}

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

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

/* Footer definitions. */

#footer {
   width: 512px;
   height: 74px;
   margin-left: 247px;
   margin-top: -39px;
   font-family: verdana;
   font-size: 12px;
   color: white;
   background-image: url(images/footerback2.gif);
}

#footer a {
   font-family: verdana;
   font-size: 12px;
   color: white;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}


