BODY {
background-color: #000000;
background-image: url('images/background.jpg'); /* 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: 100%; 
background-color: #ffffff;
color: #000; 
text-align: left; 
margin: 1.2px 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: #323536;
text-decoration: none;
font-weight: bold;
}
A:VISITED {
color: #323536;
text-decoration :none;
font-weight: bold;
}
A:HOVER {
color: #323536; 
background-color: #febd01;
text-decoration: underline overline;
font-weight: bold;
}
A:ACTIVE {
color: #323536;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight: bold;
color:#febd01;
letter-spacing: 2px;
}
H2 {
font-size: 125%;
font-weight: bold;
color: #ff9421;
letter-spacing: 2px;
}
H3 {
font-size: 120%;
font-weight: bold;
color:#febd01;
letter-spacing: 2px;
}
H4 {
font-size: 110%;
font-weight: bold;
color: #000000;
letter-spacing: 2px;
}
H5 {
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 2px;
}
H6 {
font-size: 90%;
font-weight: bold;
color:#febd01;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#18015c;
width: 80%;
height: 2px;
}
.spacer {
background-color: #febd01;
height: 5px;
}
.maincell {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: no-repeat;
background-color: #ffffff;
width: 375px;
height: 200px;
border-bottom: 1px solid #18015c;
}
.logocell {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/logosample.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: no-repeat;
background-color: #ffffff;
border-bottom: 1px solid #18015c;
height: 20%;
width: 100%;
}
.topnav {
background-color: #453d48;
color: #000000;
font-family: Verdana, Arial, sans-serif;
height: 30px;
vertical-align:middle;
border-bottom: 1px solid #18015c;
}
.topnav p {margin:0; padding:0;}

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

.rollover a:visited {
color: #c0c0c0; 
text-decoration: none;
}
.decosidebar {
background-image: url('images/back2.gif'); /* sets the background image */
background-position: top right; /* positions the background image */
background-color: #febd01;
border-left: 1px solid #18015c;
height: 25px;
width: 250px;
}
.decotext {
background-image: url('images/back3.gif'); /* sets the background image */
background-position: top right; /* positions the background image */
background-color: #febd01;
border-right: 1px solid #18015c;
height: 25px;
width: 250px;
}
.sidebar {
background-color:#0b0a08;
color: #c0c0c0;
font-family: Verdana, Arial, sans-serif;
line-height: 15px;
border-top: 1px solid #18015c;
width: 15%;
vertical-align:top;
padding-top: 1%;
padding-right: .5%;
padding-left: .5%;
}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #c0c0c0;}
.sidebar a:active {display: block; text-align: center; text-decoration: underline;  color: #c0c0c0;}
.sidebar a:hover {display: block; text-align: center; text-decoration: underline; color: #FFCC00; background-color: #808080;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: bold; color: #FFCC00;}

.textarea {
font-family: Verdana, Arial, sans-serif;
background-color: #6b7173;
color: #ffffff;
font-size: 100%;
text-align: center;
line-height: 20px;
border-top: 1% solid #18015c;
border-right: 1% solid #18015c;
border-bottom: 1% solid #18015c;
border-left: 1% solid #18015c;
padding: 3%;
padding-bottom: .5%;
width: 60%;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background-color: #6b7173;
color: #ffffff;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #6b7173;
border-bottom: 1px solid #6b7173;
border-left: 1px solid #6b7173;
padding: 0%;
padding-bottom: 3%;
width: 60%;
}
.decobottombar {
background-image: url('images/back2.gif'); /* sets the background image */
background-position: top right; /* positions the background image */
background-color: #bcab56;
border-left: 1px solid #18015c;
border-right: 1px solid #18015c;
border-bottom: 1px solid #18015c;
height: 25px;
width: 250px;
}
.copyright {
background-color:#6b7173;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
color: #000000;
font-size: 80%;
text-align: center;
line-height: 20px;
border-right: 1px solid #18015c;
border-left: 1px solid #18015c;
}
.bottombar {
background-image: url('images/back-bottom.gif'); /* sets the background image */
background-position: top right; /* positions the background image *
height: 25px;
}
.imageright  {margin: 5px 5px 0px 2px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}

/* Templates in Time */