BODY {
background-color:#000000;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 5px;
margin-bottom: 20px;
text-align: center; 
}
.wrapper {
width: 750px; 
background-color: #000000;
color: #000; 
text-align: left; 
margin: 0 auto;
}
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: #544B3C;
text-decoration: none;
font-weight: bold;
}
A:VISITED {
color: #544B3C;
text-decoration :none;
font-weight: bold;
}
A:HOVER {
color :#544B3C; 
background-color: #D9D4CF;
text-decoration: underline overline;
font-weight: bold;
}
A:ACTIVE {
color: #544B3C;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight: bold;
color: #CCC1B0;
letter-spacing: 2px;
}
H2 {
font-size: 125%;
font-weight: bold;
color: #544B3C;
letter-spacing: 2px;
}
H3 {
font-size: 120%;
font-weight: bold;
color:#75695D;
letter-spacing: 2px;
}
H4 {
font-size: 110%;
font-weight: bold;
color: #D9D4CF;
letter-spacing: 2px;
}
H5 {
font-size: 110%;
font-weight: bold;
color: #544B3C;
letter-spacing: 2px;
}
H6 {
font-size: 90%;
font-weight: bold;
color: #544B3C;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #544B3C;
width: 80%;
height: 2px;
}
.spacer {
background-color: #000000;
}
.logocell {
background-image: url('images/logosample.jpg'); /* sets the background image */
background-position: center; /* positions the background image */
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
height: 120px;
width: 750px;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
color: #DCD9CA;
}
.datecell {
font-family: Verdana, Arial, sans-serif;
vertical-align:middle;
color: #DCD9CA;
height: 30px;
border-left: 1px solid #000000;
}
.taglline {
border-left: 1px solid #000000;
vertical-align:middle;
height: 30px;
color: #DCD9CA;
font-weight: bold;
}
.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #000000;
background-image: url('mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
height: 400px;
width: 450px;
}
.maincell2 {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/mainimage1.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
height: 100px;
width: 450px;
}
.topnav {
color: #544B3C;
font-family: Verdana, Arial, sans-serif;
line-height: 20px;
height: 30px;
width: 450px;
vertical-align:middle;
padding-top: 5px;
}
.topnav p {margin:0; padding:0;}

.rollover   {
text-align: center; color:#DCD9CA;
}
.rollover a {
display: inline; 
width: 120px; 
padding: 5px 30px 5px 30px; 
font: bold 12px sans-serif; 
color: #DCD9CA; 
background: url("images/buttongroup.jpg") 0 0 no-repeat;
}
.rollover a:hover {
background-position: 0 -40px; 
color: #DCD9CA; 
text-decoration: none;}

.rollover a:visited {
color: #DCD9CA; 
text-decoration: none;}

/* this class sets the properties for the sidebar on all pages since it uses block links */
.sidebar {
background: #000000;
color: #DCD9CA;
font-family: Verdana, Arial, sans-serif;
line-height: 20px;
width: 300px;
vertical-align:top;
padding-top: 15px;
padding-right: 25px;
padding-left: 25px;
border: 1px solid #000000;
}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #DCD9CA;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #DCD9CA;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #DCD9CA;  background-color: #544B3C;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #DCD9CA;}

/* this class sets the properties for the dark sidebar on the index page */
.sidebar2 {
background-color: #000000;
font-family: Verdana, Arial, sans-serif;
text-align: center;
width: 300px;
height: 50px;
vertical-align:middle;
padding-top: 5px;
border: 1px solid #000000;
}
/* this class sets the properties for the sidebar on the index page */
.sidebar3 {
background: #000000;
color: #DCD9CA;
font-family: Verdana, Arial, sans-serif;
line-height: 20px;
width: 300px;
vertical-align:top;
padding-top: 15px;
padding-right: 25px;
padding-left: 25px;
border: 1px solid #000000;
}
/* this class sets the properties for the white text area in the sidebar */
.sidebar4 {
background-color: #000000;
color: #574738;
font-family: Verdana, Arial, sans-serif;
text-align: justify;
width: 200px;
vertical-align:top;
padding: 5px;
border: 1px solid #000000;
}
.sidebar3 a:link {display: inline; text-align: center; text-decoration: none;  color: #D9D4CF;}
.sidebar3 a:active {display: inline; text-align: center; text-decoration: none;  color: #D9D4CF;}
.sidebar3 a:hover {display: inline; text-align: center; text-decoration: none; color: #D9D4CF;  background-color: #544B3C;}
.sidebar3 a:visited {display: inline; text-align: center;  text-decoration: none; color: #D9D4CF;}

.textarea1 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
color: #000000;
font-size: 100%;
vertical-align:top;
text-align: justify;
line-height: 20px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 10px;
width: 500px;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
color: #000000;
vertical-align:top;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #000000;
padding: 10px;
}
.bottomcell {
background-color: #000000;
background-image: url('images/icon.jpg'); /* sets the background image */
background-position: center; /* positions the background image */
background-repeat: no-repeat;
height: 50px;
padding-left: 5px;
padding-right: 5px;
color: #DCD9CA;
border: 1px solid #000000;
}
.bottomnav {
background-color: #000000;
background-image: url('images/icon.jpg'); /* sets the background image */
background-position: center left; /* positions the background image */
background-repeat: no-repeat;
vertical-align:middle;
padding-top: 2px;
padding-bottom: 2px;
color: #DCD9CA;
font-size: 80%;
text-align: justify;
line-height: 20px;
border: 1px solid #000000;
height: 50px;
}
.bottomnav {text-align: center; color: #DCD9CA;}
.bottomnav a {color: #DCD9CA;text-decoration: none;}
.bottomnav a:hover {color: #DCD9CA; text-decoration: none; background-color: #938577;}
.bottomnav a:visited {color: #DCD9CA; text-decoration: none;}

.footer {
font-size: 7pt;
letter-spacing: 2px;
background: #000000;
font-family: Verdana, Arial, sans-serif;
text-align: left;
padding-right: 10px;
padding-top: 5px;
font-weight: bold;
line-height: 20px;
color: #DCD9CA;
}
.feedback{
border: 1px solid #000000;
}
.imageright  {margin: 0px 10px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}

/* Templates in Time */