html {
height: 100%; margin-bottom: 1px;
}
body {
background-color: #9b8d68;
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: #493e2a;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #493e2a;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #493e2a; 
background-color: #9b8d68;
text-decoration: underline overline;
font-weight: bold;
}
a:active {
color: #493e2a;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
h1 {
font-size : 130%;
font-weight: bold;
color: #e3d9c9;
letter-spacing: 2px;
}
h2 {
font-size: 125%;
font-weight: bold;
color: #493e2a;
letter-spacing: 2px;
}
h3 {
font-size: 120%;
font-weight: bold;
color: #493e2a;
letter-spacing: 2px;
}
h4 {
font-size: 110%;
font-weight: bold;
color: #493e2a;
letter-spacing: 2px;
}
h5 {
font-size: 110%;
font-weight: bold;
color: #f6a553;
letter-spacing: 2px;
}
h6 {
font-size: 90%;
font-weight: bold;
color: #e3d9c9;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #9b8d68;
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: #493e2a;
width: 280px;
vertical-align: bottom;
}
.maincell p{ 
padding:0; margin:0;

}
.topnav {
background-image: url('images/logosample.jpg'); /* sets the background image */
background-position: bottom left; /* positions the background image */
background-repeat: repeat-x;
background-color: #493e2a;
color: #ffffff;
font-family: verdana, arial, sans-serif;
font-size: 80%;
line-height: 20px;
height: 148px;
width: 780px;
vertical-align: bottom;
text-align: right;
padding-right: 15px;
border-top: 1px solid #493e2a;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
}
.topnav a:link {display: inline; text-align: right; text-decoration: none;  color: #ffffff;}
.topnav a:active {display: inline; text-align: right; text-decoration: none;  color: #ffffff;}
.topnav a:hover {display: inline; text-align: right; text-decoration: none; color: #ffffff;  background-color: #9b8d68;}
.topnav a:visited {display: inline; text-align: right; text-decoration: none; color: #ffffff;}

.topcell {
height: 15px;
background-color: #493e2a;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
}
.sidebar {
background-color:#9b8d68;
background-image: url('images/back3.jpg'); /* sets the background image */
background-position: top right; /* 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;
border-left: 1px solid #493e2a;
}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #493e2a;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #493e2a;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #493e2a;background-color: #e3d9c9;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #493e2a;}

.sidebar2 {
background-color: #493e2a;
color: #fcf1d6;
font-family: verdana, arial, sans-serif;
width: 55px;
vertical-align:middle;
text-align: center;
}
.textarea {
font-family: verdana, arial, sans-serif;
background-color: #9b8d68;
background-image: url('images/back2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
color: #ffffff;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 18px;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid #493e2a;
width: 250px;
}
.textarea2 {
font-family: verdana, arial, sans-serif;
background-color: #e3d9c9;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
padding: 5px;
width: 250px;
}
.textarea3 {
font-family: verdana, arial, sans-serif;
background-color: #e3d9c9;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
padding: 5px;
width: 250px;
}
.textarea4 {
font-family: verdana, arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
width: 780px;
border-right: 1px solid #493e2a;
}
.textarea5 {
font-family: verdana, arial, sans-serif;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
width: 595px;
}
.textarea6 {
font-family: verdana, arial, sans-serif;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
}
.catalog {
background-color: #ffffff;
color: #000000;
font-family: verdana, arial, sans-serif;
line-height: 20px;
vertical-align:top;
padding: 5px;
border: 1px solid #493e2a;
}
.info {
background-color:#e2e5ea;
color: #000000;
text-align: center;
line-height: 20px;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
}
.bottomnav {
background-color: #e3d9c9;
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 2px;
color: #493e2a;
font-size: 80%;
text-align: center;
line-height: 20px;
border-right: 1px solid #493e2a;
border-left: 1px solid #493e2a;
border-bottom: 2px solid #493e2a;
}
.imageright  {margin: 0px 10px 0px 10px; float: right; border: 3px double #493e2a;}
.imageleft  {margin: 5px 5px 0px 2px; float: left; border: 3px double #493e2a;}

/* templates in time */