BODY {
background-color: #3F604D;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 25px;
margin-bottom: 25px;
scrollbar-arrow-color:#BD865D; 
scrollbar-face-color:#5A7264; 
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#3F604D; 
}
P, TD, LI, UL, Table {
font-size: 100%;
}
/* this group sets the normal link colors */
A:LINK {
color: #000000;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
A:VISITED {
color: #C79B50;
text-decoration : none;
font-weight: bold;
line-height: 18 px;
}
A:HOVER {
color : #FFFFFF;
background: #5A7264;
text-decoration: underline overline;
font-weight: bold;
line-height: 18 px;
}
A:ACTIVE {
color : #3D4A43;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight : bold;
color : #3F604D;
letter-spacing: 2;
}
H2, H3, H4, H5, H6 {
font-size: 110%;
font-weight: bold;
color: #3F604D;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #3F604D;
height: 1px;
width: 95%;
}
.mainarea {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
font-size: 100%;
border: 1px solid #2C4235;
height: 171px;
text-align: justify;
line-height: 20px;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.logocell {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/logosample.jpg'); /* sets the background image */
background-position: center; /* positions the background image */
background-repeat: no-repeat;
height: 70px;
}
.textarea {
font-family: Verdana, Arial, sans-serif;
background: #F4DCB8;
font-size: 100%;
border: 1px solid #2C4235;
text-align: justify;
line-height: 20px;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.sidebar {
font-family: Verdana, Arial, sans-serif;
background: #5A7264;
border-right: 1px solid #2C4235;
font-size: 100%;
text-align: center;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
.topnav {
font-family: Verdana, Arial, sans-serif;
background: #5A7264;
border-right: 1px solid #2C4235;
border-left: 1px solid #2C4235;
font-size: 100%;
font-weight: bold;
text-align: justify;
height: 20px;
}
.copyright {
background-color: #5A7264;
font-size: 7pt;
letter-spacing: 2;
font-family: Verdana, Arial, sans-serif;
border-left: 1px solid #2C4235;
border-right: 1px solid #2C4235;
border-bottom: 1px solid #2C4235;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
.border  {
background-image: url('images/border.jpg');
background-position: right; 
background-repeat: x-repeat;
height: 6px
}
