BODY {
background-color: #F3EFCE;
background-image: url(images/back.jpg); /* sets the background image */
background-position: top left; /* 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:#7D6B4D;
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#F3EFCE; 
}

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: #A18C64; text-decoration: none; font-weight: bold;}
A:VISITED {color: #A18C64; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #622628; text-decoration: underline overline; font-weight: bold;}
A:ACTIVE  {color: #A18C64; text-decoration: none; font-weight: bold;}

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

H1 {font-size: 130%; font-weight: bold; color: #BA8C7C; letter-spacing: 2px;}
H2 {font-size: 120%; font-weight: bold; color: #7D6B4D; letter-spacing: 2px;}
H3 {font-size: 120%; font-weight: bold; color: #A18C64; letter-spacing: 2px;}
H4 {font-size: 110%; font-weight: bold; color: #485A10; letter-spacing: 2px;}
H5 {font-size: 110%; font-weight: bold; color: #622628; letter-spacing: 2px;}
H6 {font-size: 90%; font-weight: bold; color: #C7A396; letter-spacing: 2px;}

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

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

.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #F3EFCE;
background-image: url('images/mainimageblank.jpg'); /* sets the background image */
background-position: top center; /* positions the background image */
background-repeat: no-repeat;
height: 320px;
border: 1px solid #7D6B4D;
}
.maincell2 {
font-family: Verdana, Arial, sans-serif;
text-align: left;
color: #65573F;
font-weight: bold;
font-size: 18pt;
background-color: #F3EFCE;
background-image: url('images/mainimage2.jpg'); /* sets the background image */
background-position: top center; /* positions the background image */
background-repeat: no-repeat;
height: 150px;
border: 1px solid #7D6B4D;
padding-left: 45px;
padding-bottom: 20px;
}
.topnav {
font-family: Verdana, Arial, sans-serif;
text-align: center;
background-color: #A18C64;
border-right: 1px solid #7D6B4D;
border-left: 1px solid #7D6B4D;
border-bottom: 1px solid #7D6B4D;
height: 20px;
padding-right: 20px;
padding-left: 20px;
}

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

.textarea1 {
font-family: Verdana, Arial, sans-serif;
background: #FAF7E9;
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 #7D6B4D;
border-left: 1px solid #7D6B4D;
padding-left: 45px;
padding-right: 5px;
width: 250px;
}

.textarea2 {
font-family: Verdana, Arial, sans-serif;
background: #FAF7E9;
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 #7D6B4D;
border-left: 1px solid #7D6B4D;
padding-left: 45px;
padding-right: 5px;
width: 250px;
}

.textarea3 {
font-family: Verdana, Arial, sans-serif;
background: #FAF7E9;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #7D6B4D;
border-bottom: 1px solid #7D6B4D;
border-left: 1px solid #7D6B4D;
padding: 5px;
width: 500px;
}

.spacer {
background: #FAF7E9;
background: #FAF7E9;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
height: 1px;
border-left: 1px solid #7D6B4D;
border-top: 1px solid #7D6B4D;
}

.sidenav {
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
background-color: #C7A396;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
text-align: right;
line-height: 20px;
border-bottom: 1px solid#7D6B4D;
border-left: 1px solid #7D6B4D;
border-right: 1px solid #7D6B4D;
width: 246px;
padding-right: 20px;
padding-top: 5px;
}

.rollover   {text-align: right; color: #FAF7E9; margin-left: 40px;}
.rollover a {display: block; width: 185px; padding: 2px 0px 2px 0px; font: bold 12px sans-serif; color: #FAF7E9; background: url("images/buttongroup.jpg") 0 0 no-repeat}
.rollover a:hover {background-position: 0 -30px; color: #FAF7E9; text-decoration: none;}
.rollover a:visited {color: #FAF7E9; text-decoration: none;}

.bottomnav {
background-image: url('images/bottom.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: no-repeat;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding: 5px;
font-weight: bold;
}

.bottomnav a:link    {color: #A18C64; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:visited {color: #A18C64; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:hover   {color: #622628; text-decoration: none; font-weight: bold; text-align: center;}
.bottomnav a:active  {color: #A18C64; 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 */