BODY {
background-color: #D9E0C9;
background-image: url(images/back.jpg); /* sets the background image */
background-position: top center; /* positions the background image */
background-repeat: repeat-x;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 15px;
margin-bottom: 20px;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-face-color: #688529;
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color: #D9E0C9; 
}

p, td, li {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%;}
li        {list-style-image: url(images/bullet.gif);}

/* this group sets the normal link colors */

A:LINK    {color: #5A7123; text-decoration: none; font-weight: bold;}
A:VISITED {color: #5A7123; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #4C5D1D; text-decoration: underline overline; font-weight: bold;}
A:ACTIVE  {color: #5A7123; text-decoration: none; font-weight: bold;}

/* this grouping sets the heading colors and sizes */

H1 {font-size: 130%; font-weight: bold; color: #5A7123; letter-spacing: 2px;}
H2 {font-size: 130%; font-weight: bold; color: #FFFFFF; letter-spacing: 2px;}
H3 {font-size: 110%; font-weight: bold; color: #688529; letter-spacing: 2px;}
H4 {font-size: 110%; font-weight: bold; color: #9EB175; letter-spacing: 2px;}
H5 {font-size: 90%; font-weight: bold; color: #282E54; letter-spacing: 2px;}
H6 {font-size: 80%; font-weight: bold; color: #4F5B31; letter-spacing: 2px;}

/* this class sets the properties for the horizontal rule bar */

hr {color: #3C8A7C; width: 80%; height: 2px;}

.logocell {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/logo.jpg'); /* sets the background image */
background-position: left; /* positions the background image */
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
font-size: 16pt;
background-color: #688529;
border-top: 1px solid #5A7123;
border-left: 1px solid #5A7123;
border-bottom: 1px solid #5A7123;
height: 60px;
padding-left: 60px;

}
.globalnav {
font-family: Verdana, Arial, sans-serif;
text-align: right;
color: #FFFFFF;
height: 20px;
padding-right: 10px;
}
.globalnav a:link    {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.globalnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.globalnav a:hover   {color: #EBF3D7; text-decoration: none; font-weight: bold;}
.globalnav a:active  {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #688529;
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 200px;
border: 1px solid #5A7123;
}

.topnav {
font-family: Verdana, Arial, sans-serif;
text-align: center;
background-color: #688529;
color: #FFFFFF;
border-right: 1px solid #5A7123;
border-left: 1px solid #5A7123;
border-bottom: 1px solid #5A7123;
height: 20px;
padding-right: 20px;
padding-left: 20px;
}

.topnav a:link    {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.topnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.topnav a:hover   {color: #EBF3D7; text-decoration: none; font-weight: bold;}
.topnav a:active  {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.textarea1 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #5A7123;
border-left: 1px solid #5A7123;
padding-left: 5px;
padding-right: 5px;
width: 305px;
}

.textarea2 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #5A7123;
border-left: 1px solid #5A7123;
padding-left: 5px;
padding-right: 5px;
width: 305px;
}

.textarea3 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #5A7123;
border-bottom: 1px solid #5A7123;
border-left: 1px solid #5A7123;
padding: 5px;
width: 620px;
}
.textarea4 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #5A7123;
border-bottom: 1px solid #5A7123;
border-left: 1px solid #5A7123;
padding: 5px;
width: 780px;
}
.spacer {
background: #344418;
height: 1px;
border-left: 1px solid #5A7123;
border-top: 1px solid #5A7123;
}
.spacer2 {
background: #344418;
height: 1px;
border-right: 1px solid #5A7123;
border-top: 1px solid #5A7123;
}
.sidenav {
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
background-color: #9EB175;
background-image: url('images/icon_sm.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
text-align: center;
line-height: 20px;
border-bottom: 1px solid #5A7123;
border-left: 1px solid #5A7123;
border-right: 1px solid #5A7123;
width: 150px;
padding-right: 2px;
padding-left: 2px;
padding-top: 3px;
}

.rollover   {text-align: center; color: #FFFFFF;}
.rollover a {display: block; width: 175px; padding: 2px 0px 2px 0px; font: bold 12px sans-serif; color: #FFFFFF;}
.rollover a:hover {color: #FFFFFF; text-decoration: none; background-color: #688529;}
.rollover a:visited {color: #FFFFFF; text-decoration: none;}

.bottomnav {
background-color: #688529;
color: #FFFFFF;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #5A7123;
border-left: 1px solid #5A7123;
border-right: 1px solid #5A7123;
}

.bottomnav a:link    {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:hover   {color: #EBF3D7; text-decoration: none; font-weight: bold; text-align: center;}
.bottomnav a:active  {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;}

.imageright  {margin: 0px 10px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}

/* Templates in Time */