BODY {
background-color:#FFFFFF;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 15px;
margin-bottom: 20px;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-face-color:#414D70;
scrollbar-3dlight-color:#676A7B; 
scrollbar-highlight-color:#676A7B; 
scrollbar-shadow-color:#676A7B; 
scrollbar-darkshadow-color:#676A7B; 
scrollbar-track-color:#FFFFFF; 
}

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: #676A7B;
text-decoration: none;
font-weight: bold;
line-height: 18px;
}
A:VISITED {
color:#303952;
text-decoration :none;
font-weight: bold;
line-height: 18px;
}
A:HOVER {
color :#FFFFFF; 
background-color:#676A7B;
text-decoration: underline overline;
font-weight: bold;
line-height: 18px;
}
A:ACTIVE {
color :#676A7B;
text-decoration: none;
font-weight: bold;
line-height: 18px;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight : bold;
color :#414D70;
letter-spacing: 2px;
}
H2, H3 {
font-size: 120%;
font-weight: bold;
color:#414D70;
letter-spacing: 2px;
}
H4, H5, H6 {
font-size: 110%;
font-weight: bold;
color:#414D70;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#414D70;
width: 80%;
height: 2px;
}
.logocell {
font-family: Verdana, Arial, sans-serif;
background-color: #B5B7C3;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
height: 60px;
border-left: 1px solid #676A7B;
padding-left: 10px;
}
.hbreak {
background-color: #FFFFFF;
background-image: url('images/break.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
border-left: 1px solid #676A7B;
border-right: 1px solid #676A7B;
height: 10px;
}
.topnav {
font-family: Verdana, Arial, sans-serif;
background-color: #B5B7C3;
background-image: url('images/topnav.jpg'); /* sets the background image */
background-position: center left; /* positions the background image */
background-repeat: no-repeat;
border-right: 1px solid #676A7B;
height: 60px;
padding-right: 20px;
padding-left: 20px;
}
.topnav a:link {color:#676A7B; text-decoration: none;font-weight: bold;}
.topnav a:visited {color:#303952; text-decoration: none; font-weight: bold;}
.topnav a:hover {color:#676A7B;background-color:#FFFFFF; text-decoration: none; font-weight: bold;}
.topnav a:active {color: #676A7B; text-decoration: none;font-weight: bold;}

.maincell {
font-family: Verdana, Arial, sans-serif;
background-color:#676A7B;
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top center; /* positions the background image */
background-repeat: no-repeat;
height: 200px;
border-bottom: 1px solid #676A7B;
border-right: 1px solid #676A7B;
}
.sidenav1 {
font-family: Verdana, Arial, sans-serif;
background-color:#E6E5E6;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
line-height: 0px;
border-bottom: 1px solid #676A7B;
border-left: 1px solid #676A7B;
border-right: 1px solid #676A7B;
height: 200px;
}
.sidenav1 a:link {color:#676A7B; text-decoration: none; background-image: url('images/link_off.jpg');width: 185px; height: 20px;font-weight: bold;display:block;}
.sidenav1 a:visited {color:#303952; text-decoration: none; background-image: url('images/link_off.jpg');width: 185px; height: 20px;font-weight: bold;display:block;}
.sidenav1 a:hover {color:#FFFFFF;text-decoration: none; background-image: url('images/link_on.jpg');width: 185px; height: 20px;font-weight: bold;display:block;}
.sidenav1 a:active {color: #676A7B; text-decoration: none; background-image: url('images/link_off.jpg');width: 185px; height: 20px;font-weight: bold;display:block;}

.sidenav2 {
font-family: Verdana, Arial, sans-serif;
background-color:#E6E5E6;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
border-left: 1px solid #676A7B;
border-right: 1px solid #676A7B;
border-bottom: 1px solid #676A7B;
height: 200px;
line-height: 20px;
padding-right: 10px;
padding-left: 10px;
}
.sidenav2 a:link {color:#676A7B; text-decoration: none;font-weight: bold;}
.sidenav2 a:visited {color:#303952; text-decoration: none;font-weight: bold;}
.sidenav2 a:hover {color:#FFFFFF;background-color: #676A7B; text-decoration: overline underline;font-weight: bold;}
.sidenav2 a:active {color: #676A7B; text-decoration: none;font-weight: bold;}

.textarea {
font-family: Verdana, Arial, sans-serif;
background:#FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background:#FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #676A7B;
border-bottom: 1px solid #676A7B;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.textarea3 {
font-family: Verdana, Arial, sans-serif;
background:#FFFFFF;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-left: 1px solid #676A7B;
border-right: 1px solid #676A7B;
border-bottom: 1px solid #676A7B;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.texttable1 {
font-family: Verdana, Arial, sans-serif;
background:#FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #676A7B;
padding: 10px;
}
.texttable2 {
font-family: Verdana, Arial, sans-serif;
background:#DBDDE3;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #676A7B;
padding: 10px;

}
.bottomnav {
background-color:#676A7B;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
border-bottom: 1px solid #676A7B;
border-left: 1px solid #676A7B;
border-right: 1px solid #676A7B;
}
.bottomnav a:link {color:#DBDDE3; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:hover {color:#676A7B; background-color:#FFFFFF; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:active {color: #DBDDE3; text-decoration: none; font-weight: bold;text-align: center;}

.copyright {
background-color:#C6C7C2;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
border-bottom: 1px solid #676A7B;
border-left: 1px solid #676A7B;

}
.copyright a:link {color:#676A7B; text-decoration: none; font-weight: bold;text-align: center;}
.copyright a:visited {color:#303952; text-decoration: none; font-weight: bold;text-align: center;}
.copyright a:hover {color:#FFFFFF; background-color: #676A7B; text-decoration: none; font-weight: bold;text-align: center;}
.copyright a:active {color:#676A7B; text-decoration: none; font-weight: bold;text-align: center;}



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

/* Templates in Time */