BODY {
background-color: #000C5D;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 15px;
margin-bottom: 20px;
scrollbar-arrow-color: #FFFFFF; 
scrollbar-face-color: #0131A0;
scrollbar-3dlight-color: #000000; 
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #000C5D; 
}
.body1 {
background-color: #000C5D;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 10px;
margin-bottom: 20px;
scrollbar-arrow-color: #FFFFFF; 
scrollbar-face-color: #0131A0;
scrollbar-3dlight-color: #000000; 
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #000C5D; 
}
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: #003479;
text-decoration: none;
font-weight: bold;

}
A:VISITED {
color: #017CCA;
text-decoration :none;
font-weight: bold;

}
A:HOVER {
color: #FFFFFF; 
background-color: #0131A0;
text-decoration: underline overline;
font-weight: bold;

}
A:ACTIVE {
color: #003479;
text-decoration: none;
font-weight: bold;

}
/* this grouping sets the heading colors and sizes */
H1 {
font-size: 130%;
font-weight: bold;
color: #0131A0;
letter-spacing: 2px;
}
H2 {
font-size: 120%;
font-weight: bold;
color: #0131A0;
letter-spacing: 2px;
}
H3 {
font-size: 120%;
font-weight: bold;
color: #4EACF3;
letter-spacing: 2px;
}
H4 {
font-size: 110%;
font-weight: bold;
color: #0E5717;
letter-spacing: 2px;
}
H5 {
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 2px;
}
H6 {
font-size: 90%;
font-weight: bold;
color: #001A61;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #000C5D;
width: 80%;
height: 2px;
}

.wrapper:{
width: 780px;
}

.logocell1 {
font-family: Verdana, Arial, sans-serif;
background-color: #0131A0;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
width: 200px;
border-left: 1px solid #001A61;
border-right: 1px solid #001A61;
text-align: center;
font-size: 24px;
color: #FFF;
height:50px;
}

.logocell2 {
font-family: Verdana, Arial, sans-serif;
text-align: center;
background-color: #0131A0;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 150px;
width: 200px;
border-left: 1px solid #001A61;
border-right: 1px solid #001A61;
font-size: 24px;
color: #FFF;
}
.hbar1 {
background-color: #001A61;
background-image: url('images/hbar1.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
border-left: 1px solid #001A61;
border-right: 1px solid #001A61;
height: 20px;
}
.hbar2 {
background-color: #001A61;
background-image: url('images/hbar2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
border-left: 1px solid #001A61;
border-right: 1px solid #001A61;
height: 20px;
}
.topnav {
font-family: Verdana, Arial, sans-serif;
background-color: #000C5D;
border-bottom: 1px solid #001A61;
height: 20px;
padding-right: 20px;
padding-left: 20px;
}
.topnav a:link {color: #FFFFFF; text-decoration: none;font-weight: bold;}
.topnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.topnav a:hover {color: #4EACF3;background-color: #001A61; text-decoration: none; font-weight: bold;}
.topnav a:active {color: #FFFFFF; text-decoration: none;font-weight: bold;}

.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #000C5D;
height: 410px;
width: 580px;
border-bottom: 1px solid #001A61;
border-right: 1px solid #001A61;
}
.maincell2 {
font-family: Verdana, Arial, sans-serif;
background-color: #000C5D;
background-image: url('images/mainimage2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 150px;
width: 580px;
}
.sidenav1 {
font-family: Verdana, Arial, sans-serif;
background-color: #003479;
background-image: url('images/back2.jpg'); /* sets the background image */
height: 200px;
width: 200px;
border-bottom: 1px solid#001A61;
border-left: 1px solid #001A61;
border-right: 1px solid #001A61;
vertical-align:top;
}
.sidenav1 p {margin:0px; padding:0px;}

.rollover   {
text-align: center; 
color: #FFFFFF;
}

.rollover a {
display: block; 
width: 201px; 
padding: 6px 0px 8px 0px; 
font: bold 12px sans-serif; 
color: #FFFFFF; 
background: url("images/buttongroup.jpg") 0 0 no-repeat
}

.rollover a:hover {
background-position: 0 -30px; 
color: #FFFFFF; 
text-decoration: none;}

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

.sidenav2 {
font-family: Verdana, Arial, sans-serif;
background-color: #003479;
background-image: url('images/back3.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
line-height: 20px;
border-top: 1px solid #001A61;
border-right: 1px solid #001A61;
border-left: 1px solid #001A61;
width: 200px;
padding: 10px;
}

.rollover2   {text-align: center; color: #FFFFFF;}
.rollover2 a {display: block; width: 141px; padding: 6px 0px 6px 0px;font: bold 12px sans-serif; color: #FFFFFF; background: url("images/buttongroup2.jpg") 0 0 no-repeat}
.rollover2 a:hover {background-position: 0 -30px; color: #FFFFFF; text-decoration: none;}
.rollover2 a:visited {color: #FFFFFF;  text-decoration: none;}

.spacersidenav {
background-color: #003479;
background-image: url('images/back3.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: repeat-y;
border-right: 1px solid #001A61;
height: 1px;
width: 200px;
}
.textarea {
font-family: Verdana, Arial, sans-serif;
background:#FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #001A61;
border-left: 1px solid #001A61;
padding: 10px;
width: 550px;
}
.spacertext {
height: 1px;
width: 550px;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background: #000C5D;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #0131A0;
padding: 5px;
}
.textarea3 {
font-family: Verdana, Arial, sans-serif;
background:#FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #0131A0;
padding: 5px;
}
.bottomnav {
background-image: url('images/bottom.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: no-repeat;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding: 5px;
font-weight: bold;
border-top: 1px solid #0131A0;
}
.bottomnav a:link {color: #FFFFFF; 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: #4EACF3;background-color: #001A61; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:active {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;}

.footer {
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: right;
padding-right: 10px;
padding-top: 5px;
}

.imageright  {margin: 0px 10px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}
/* Templates in Time */