html {
height: 100%; margin-bottom: 1px;
}
body {
background-color:#ffffff;
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: #4c6d3E;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #e3b824;
text-decoration :none;
font-weight: bold;
}
a:hover {
color:#4c6d3E; 
background-color:#c7e747;
text-decoration: underline overline;
font-weight: bold;
}
a:active {
color: #e3b824;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
h1 {
font-size : 130%;
font-weight: bold;
color:#4c6d3E;
letter-spacing: 2px;
}
h2 {
font-size: 125%;
font-weight: bold;
color: #4c6d3E;
letter-spacing: 2px;
}
h3 {
font-size: 120%;
font-weight: bold;
color:#404040;
letter-spacing: 2px;
}
h4 {
font-size: 110%;
font-weight: bold;
color: #628f3C;
letter-spacing: 2px;
}
h5 {
font-size: 110%;
font-weight: bold;
color: #ffffff;
letter-spacing: 2px;
}
h6 {
font-size: 90%;
font-weight: bold;
color:#404040;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#8a8658;
width: 80%;
height: 2px;
}
.wrapper {
width: 825px; 
background-color: #ffffff;
color: #000; 
text-align: left; 
margin: 0 auto;
}
.maincell {
font-family: verdana, arial, sans-serif;
background-color: #ffcc00;
width: 400px;
vertical-align: middle;
text-align: center;
}
.maincell p{ padding:0; margin:0;
}
.logocell {
background-repeat: no-repeat;
font-family: verdana, arial, sans-serif;
text-align: center;
background-color:#ffcc00;
height: 150px;
}
.topnav {
background-image: url('images/back1.jpg'); /* sets the background image */
background-position: bottom left; /* positions the background image */
background-repeat: repeat-x;
background-color: #000000;
color: #ffcc00;
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 #000000;
}
.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: #808080;}
.topnav a:visited {display: inline; text-align: right; text-decoration: none; color: #ffffff;}

.topcell {
height: 15px;
background-color: #ffcc00;
vertical-align: top;
}
.sidebar {
background-color:#ffcc00;
font-family: verdana, arial, sans-serif;
line-height: 18px;
width: 200px;
text-align: left;
vertical-align:top;
border-right: 1px solid #ffcc00;
padding: 5px 0px 0 0px;

}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #4c6d3E;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #4c6d3E;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #4c6d3E; background-color: #c7e747;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #2257ed;}

.sidebar2 {
background-color: #ffcc00;
color: #625f40;
font-family: verdana, arial, sans-serif;
width: 60px;
vertical-align:middle;
text-align: center;
}
.sidebar3 {
background-color: #ffcc00;
font-family: verdana, arial, sans-serif;
width: 170px;
vertical-align:top;
text-align: center;
}
.textarea {
font-family: verdana, arial, sans-serif;
background-color: #fff;
border-right: 5px solid #ffcc00;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
line-height: 18px;
padding: 8px;
width: 625px;
}
.textarea2 {
font-family: verdana, arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
padding: 5px;
width: 250px;
}
.textarea3 {
font-family: verdana, arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
border-right: 1px solid #ffcc00;
border-left: 1px solid #ffcc00;
padding: 5px;
width: 750px;
}
.textarea4 {
font-family: verdana, arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 18px;
padding: 5px;
width: 780px;
}
.textarea5 {
font-family: verdana, arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 18px;
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:#ffffff;
padding-top: 2px 15px;
color: #98cc05;
font-size: 80%;
text-align: center;
line-height: 18px;
}
.imageright  {margin: 0px 10px 0px 10px; float: right; border: 3px double #000000;}
.imageleft  {margin: 5px 5px 0px 2px; float: left; border: 3px double #000000;}
.imageleft2  {margin: 5px 5px 0px 2px; float: left;}

/* templates in time */