html {
height: 100%; margin-bottom: 1px;
}
body {
background-color:#f3f2eb;
color: #000000;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align: center; 
}
img {
border: none;
}
p, td, li {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%;}

/* this group sets the normal link colors */
a:link {
color: #8a8658;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #8a8658;
text-decoration :none;
font-weight: bold;
}
a:hover {
color:#8a8658; 
background-color: #e8E6d1;
text-decoration: underline overline;
font-weight: bold;
}
a:active {
color: #8a8658;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
h1 {
font-size : 130%;
font-weight: bold;
color:#6b6845;
letter-spacing: 2px;
}
h2 {
font-size: 125%;
font-weight: bold;
color: #625f40;
letter-spacing: 2px;
}
h3 {
font-size: 120%;
font-weight: bold;
color:#2a3c0f;
letter-spacing: 2px;
}
h4 {
font-size: 110%;
font-weight: bold;
color: #625f40;;
letter-spacing: 2px;
}
h5 {
font-size: 110%;
font-weight: bold;
color: #ffffff;
letter-spacing: 2px;
}
h6 {
font-size: 90%;
font-weight: bold;
color:#625f40;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#8a8658;
width: 80%;
height: 2px;
}
.wrapper {
width: 780px; 
background-color: #ffffff;
color: #000; 
text-align: left; 
margin: 0 auto;
}
.maincell {
font-family: verdana, arial, sans-serif;
background-color: #a39f6d;
width: 280px;
vertical-align: top;
}
.maincell p{ padding:0; margin:0;
}
.logocell {
font-family: verdana, arial, sans-serif;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: bottom left; /* positions the background image */
background-repeat: repeat-x;
background-color:#a39f6d;
border-top: 2px solid #a39f6d;
height: 148px;
width: 565px;
}
.topnav {
background-image: url('images/back.jpg'); /* sets the background image */
background-position: bottom left; /* positions the background image */
background-repeat: repeat-x;
background-color: #a39f6d;
color: #ffffff;
font-family: verdana, arial, sans-serif;
font-size: 80%;
line-height: 20px;
height: 148px;
width: 305px;
vertical-align: bottom;
text-align: right;
padding-right: 15px;
border-top: 2px solid #a39f6d;
}
.topnav a:link {display: inline; text-align: right; text-decoration: none;  color: #625f40;}
.topnav a:active {display: inline; text-align: right; text-decoration: none;  color: #625f40;}
.topnav a:hover {display: inline; text-align: right; text-decoration: none; color: #625f40;  background-color: #eae8da;}
.topnav a:visited {display: inline; text-align: right; text-decoration: none; color: #625f40;}

.topcell {
height: 15px;
background-color: #a39f6d;
vertical-align: top;
}
.sidebar {
background-color:#a39f6d;
background-image: url('images/back3.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
font-family: verdana, arial, sans-serif;
line-height: 20px;
width: 185px;
text-align: left;
vertical-align:top;
padding-top: 10px;
padding-right: 10px;
padding-left: 5px;
}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #625f40;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #625f40;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #625f40; background-color: #eae8da;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #625f40;}

.sidebar2 {
background-color: #a39f6d;
color: #625f40;
font-family: verdana, arial, sans-serif;
width: 55px;
vertical-align:top;
padding-top: 5px;
text-align: center;
}
.textarea {
font-family: verdana, arial, sans-serif;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: repeat-y;
background-color: #a39f6d;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
width: 250px;
}
.textarea2 {
font-family: verdana, arial, sans-serif;
background-color: #e9e7d8;
color: #625f40;
font-size: 100%;
vertical-align: top;
text-align: left;
padding: 5px;
width: 250px;
}
.textarea3 {
font-family: verdana, arial, sans-serif;
background-color: #e9e7d8;
color: #625f40;
font-size: 100%;
vertical-align: top;
text-align: left;
border-right: 1px solid #4e4040;
border-left: 1px solid #4e4040;
padding: 5px;
width: 250px;
}
.textarea4 {
font-family: verdana, arial, sans-serif;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
background-color: #eae8dB;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
width: 780px;
}
.textarea5 {
font-family: verdana, arial, sans-serif;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
background-color: #eae8dB;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
width: 595px;
}
.catalog {
background-color: #ffffff;
color: #000000;
font-family: verdana, arial, sans-serif;
line-height: 20px;
vertical-align:top;
padding: 5px;
}
.bottomnav {
background-color:#eae8da;
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 2px;
color: #625f40;
font-size: 100%;
text-align: center;
line-height: 20px;
border-bottom: 2px solid #a39f6d;
}
.imageright  {margin: 0px 10px 0px 10px; float: right; border: 3px double #a39f6d;}
.imageleft  {margin: 5px 5px 0px 2px; float: left; border: 3px double #a39f6d;}

/* templates in time */