BODY {
background-color: #794520;
background-image: url('images/background.gif'); /* 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: 0 0 20px 0;
padding: 0px;
}
.wrapper {
width: 750px; 
background-color: #ffffff;
color: #000; 
text-align: left; 
margin: 12px auto 0 auto;
}
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: #794520;
text-decoration: none;
font-weight: bold;
}
A:VISITED {
color: #794520;
text-decoration :none;
font-weight: bold;
}
A:HOVER {
color: #794520; 
text-decoration: underline overline;
font-weight: bold;
}
A:ACTIVE {
color: #794520;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight: bold;
color:#794520;
letter-spacing: 2px;
}
H2 {
font-size: 125%;
font-weight: bold;
color: #000000;
letter-spacing: 2px;
}
H3 {
font-size: 120%;
font-weight: bold;
color: #794520;
letter-spacing: 2px;
}
H4 {
font-size: 110%;
font-weight: bold;
color: #d88643;
letter-spacing: 2px;
}
H5 {
font-size: 80%;
font-weight: bold;
color: #794520;
letter-spacing: 2px;
}
H6 {
font-size: 80%;
font-weight: bold;
color: #000000;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#DFE0FD;
width: 80%;
height: 2px;
}
.logocell {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/logosample.gif'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
text-align: right;
vertical-align: bottom;
padding-right: 20px;
padding-bottom: 5px;
border: 1px solid #000000;
height: 100px;
width: 750px;
}
.maincell {
font-family: Verdana, Arial, sans-serif;
font-size: 120%; font-weight: bold; color:#000000;letter-spacing: 2px;
background-color: #16131f;
background-image: url('images/mainimage.gif'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: no-repeat;
padding-right: 5px;
text-align: right;
width: 530px;
height: 220px;
border-right: 1px solid #000000;
}
.topnav {
background-color: #16131f;
color: #000000;
font-family: Verdana, Arial, sans-serif;
height: 220px;
vertical-align:middle;
border-right: 1px solid #794520;
border-left: 1px solid #000000;
}
.topnav p {margin:0; padding:0;}

.rollover   {
text-align: center; color:#d88643;
}
.rollover a {
display: block; 
width: 185px; 
padding: 5px 5px 5px 5px; 
font: bold 14px sans-serif; 
color: #d88643; 
background: url("images/buttongroup.gif") 0 0 no-repeat;
}
.rollover a:hover {
background-position: 0 -40px; 
color: #d88643; 
text-decoration: none;}

.rollover a:visited {
color: #d88643; 
text-decoration: none;
}
.decobar {
background-color: #794520;
background-image: url('images/decobar.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
border-right: 1px solid #000000;
border-left: 1px solid #000000;
height: 5px;
}
.sidebar1 {
background-color: #16131f;
border-right: 1px solid #794520;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #ffffff;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 20px;
width: 220px;
padding: 5px;
}
.sidebar1rt {
background-color: #16131f;
border-right: 1px solid #000000;
border-left: 1px solid #794520;
border-bottom: 1px solid #000000;
color: #ffffff;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 20px;
width: 220px;
padding: 5px;
}
.sidebar2 {
background-color: #ffffff;
border-left: 1px solid #000000;
text-align: justify;
line-height: 20px;
vertical-align: top;
width: 220px;
padding: 8px;
}
.sidebar2rt {
background-color: #ffffff;
border-right: 1px solid #000000;
text-align: justify;
line-height: 20px;
vertical-align: top;
width: 220px;
padding: 8px;
}
.sidebar3 {
background-color: #411f0a;
color: #edb949;
font-size: 80%;
font-weight: bold;
border-right: 1px solid #000000;
vertical-align: top;
line-height: 20px;
width: 220px;
padding: 5px;
}
.textareatop {
font-family: Verdana, Arial, sans-serif;
background-color: #16131f;
color: #ffffff;
font-weight: bold;
font-size: 100%;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #000000;
padding: 5px;
width: 310px;
}
.textareatop2 {
background-color: #16131f;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #ffffff;
font-weight: bold;
text-align: center;
width: 530px;
padding: 5px;
}
.textareatop3 {
background-color: #16131f;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #ffffff;
font-weight: bold;
text-align: center;
width: 750px;
padding: 5px;
}
.textarea {
font-family: Verdana, Arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
text-align: justify;
line-height: 20px;
vertical-align: top;
border-right: 1px dashed #794520;
border-left: 1px dashed #794520;
padding: 8px;
width: 310px;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
border-left: dashed 1px #16131f;
border-right: 1px solid #000000;
padding: 8px;
width: 530px;
}
.textarea3 {
font-family: Verdana, Arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
padding: 8px;
width: 750px;
}
.copyright {
background-color:#16131f;
padding: 5px;
color: #ffffff;
font-size: 80%;
text-align: center;
vertical-align: top;
line-height: 20px;
border-bottom: 1px solid #000000;
}
.copyright a:link {display: inline; text-align: center; text-decoration: none;  color: #ffffff;}
.copyright a:active {display: inline; text-align: center; text-decoration: none;  color: #ffffff;}
.copyright a:hover {display: inline; text-align: center; text-decoration: none; color: #ffffff; background-color: #d88643;}
.copyright a:visited {display: inline; text-align: center;  text-decoration: none; color: #ffffff;}

.forms {
background-color: #16131f;
color: #ffffff;
font-weight: bold;
}
.formcell {
background-color: #ffffff;
color: #808080;
font-weight: bold;
margin:0px;
}
.imageright  {margin: 5px 5px 5px 5px; float: right; border: 3px double #000000;}
.imageleft  {margin: 5px 5px 5px 5px; float: left; border: 3px double #000000;}
.imagecenter  {margin: 5px 5px 5px 5px; border: 3px double #000000;}

/* Templates in Time */

