BODY {
background-color:#000;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 15px;
}

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: #287877;
text-decoration :none;
font-weight: bold;
}
A:VISITED {
color: #287877;
text-decoration :none;
font-weight: bold;
}
A:HOVER {
color :#287877; 
background-color: #d4f2f2;
text-decoration: underline overline;
font-weight: bold;
}
A:ACTIVE {
color: #287877;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */
H1 {
font: normal 30px Georgia, Georgia, serif;
	color: #287877;
             letter-spacing: 2px;
}
H2 {
font: normal 20px Verdana, Arial, sans-serif;
	color: #3fbfbe;
             letter-spacing: 2px;
}
H3 {
font: normal 20px Verdana, Arial, sans-serif;
	color:#fe8686;
             letter-spacing: 2px;
}
H4 {
font: normal 18px "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #967145;
             letter-spacing: 2px;
}
H5 {
font: normal 18px "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #feb8b8;
             letter-spacing: 2px;
}
H6 {
font: normal 16px "Comic Sans MS", "Trebuchet MS", sans-serif;
	color:#3fbfbe;
             letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#3fbfbe;
width: 80%;
height: 2px;
}
.logocell1 {
font-family: Verdana, Arial, sans-serif;
background-color: #fff;
background-image: url('images/logo.jpg'); /* sets the background image */
background-repeat: no-repeat;
width: 750px;
height: 100px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.logocell2 {
font-family: Verdana, Arial, sans-serif;
background-color: #fff;
background-image: url('images/logo2.jpg'); /* sets the background image */
background-repeat: no-repeat;
background-position: top left; /* positions the background image */
width: 750px;
height: 100px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.logocell3 {
font-family: Verdana, Arial, sans-serif;
background-color: #fff;
background-image: url('images/logo3.jpg'); /* sets the background image */
background-repeat: no-repeat;
width: 750px;
height: 100px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #3fbfbd;
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 400px;
width: 230px;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.textarea1 {
font-family: Verdana, Arial, sans-serif;
background:#fff;
color: #000000;
font-size: 100%;
text-align: justify;
vertical-align:top;
line-height: 20px;
padding: 5px 10px 5px 10px;
width: 380px;
height: 400px;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background:#fff;
background-image: url('images/mainback.jpg'); /* sets the background image */
background-position: bottom right; /* positions the background image */
background-repeat: no-repeat;
color: #000000;
font-size: 100%;
text-align: justify;
vertical-align:top;
line-height: 20px;
border-right: 1px solid #000;
border-left: 1px solid #000;
padding: 5px 10px 5px 10px;
width: 610px;
}
.textarea3 {
font-family: Verdana, Arial, sans-serif;
background:#fff;
background-image: url('images/mainback.jpg'); /* sets the background image */
background-position: bottom right; /* positions the background image */
background-repeat: no-repeat;
color: #000000;
font-size: 100%;
text-align: justify;
vertical-align:top;
line-height: 20px;
border-right: 1px solid #000;
border-left: 1px solid #000;
padding: 5px 10px 5px 10px;
width: 720px;
height: 400px;
}
.sidebar {
background-color: #d4f2f2;
color: #000;
font-family: Verdana, Arial, sans-serif;
line-height: 28px;
width: 140px;
vertical-align:top;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #000;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #000;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #000;  background-color: #feb8b8;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #000;}

.bottomnav {
background-color:#feb8b8;
padding-top: 2px;
padding-bottom: 2px;
color: #000;
font-size: 80%;
text-align: center;
line-height: 20px;
border: 1px solid #000;
}
.bottomnav {font: bold 12px sans-serif; color: #287877;}
.bottomnav a {color: #287877; display: inline; width: 80px; padding: 2px 0px 2px 0px; font: bold 12px sans-serif; ;}
.bottomnav a:hover {color: #287877;  text-decoration: none; background-color: #d4f2f2;}
.bottomnav a:visited {color: #287877; text-decoration: none;}

.footer {
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: right;
padding-right: 10px;
padding-top: 5px;
font-weight: bold;
line-height: 20px;
color: #fff;
}
.feedback{
background-color: #ffe9e9;
color: #6D532B;
border: 1px solid #000;

}
.imageright  {margin: 0px 10px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}

/* Templates in Time */