BODY {
background-color:#00306E;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 20px;
margin-bottom: 20px;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-face-color:#053F7E; 
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#00306E; 
}
P, TD, LI, UL, Table {
font-size: 100%;
}
/* this group sets the normal link colors */
A:LINK {
color: #205597;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
A:VISITED {
color: #06284A;
text-decoration :none;
font-weight: bold;
line-height: 18 px;
}
A:HOVER {
color : #00306E;
background color:#B4CDEA;
text-decoration: underline overline;
font-weight: bold;
line-height: 18 px;
}
A:ACTIVE {
color : #205597;
text-decoration: none;
font-weight: bold;
line-height: 18 px;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight : bold;
color :#00306E;
letter-spacing: 2;
}
H2, H3, H4, H5, H6 {
font-size: 110%;
font-weight: bold;
color: #00306E;
letter-spacing: 2;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #00306E;
width: 80%;
height: 2px;
}
.logocell {
background-color: #FFFFFF;
background-image: url('images/logosample.jpg'); /* sets the background image */
background-position: center; /* positions the background image */
background-repeat: no-repeat;
height: 62px;
border-right: 1px solid #053F7E;
border-top: 1px solid #053F7E;
border-left: 1px solid #053F7E;
}
.maincell {
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 62px;

}
.textarea {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('images/text.jpg'); /* sets the background image */
background-position: bottom center; /* positions the background image */
background-repeat: no-repeat;
border: 1px solid  #053F7E;
font-size: 100%;
text-align: justify;
line-height: 20px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 20px;
}
.textarea2 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
padding-right: 10px;
}
.sidebar {
font-family: Verdana, Arial, sans-serif;
background-color: #FFFFFF;
font-size: 100%;
text-align: center;
padding-top: 5px;
border-right: 1px solid #053F7E;
border-top: 1px solid #053F7E;
border-bottom: 1px solid #053F7E;
width: 150px;
}

.topnav {
background-color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
text-align: center;
height: 20px;
border: 1px solid #053F7E;
}

.copyright {
background-color: #FFFFFF;
font-size: 7pt;
letter-spacing: 2;
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 #053F7E;
border-right: 1px solid #053F7E;
border-left: 1px solid #053F7E;
}
.imageright  {margin: 0px 10px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}

/* Templates in Time */