BODY {
background-color: #41408E;
background-image: url(images/back.jpg); /* sets the background image */
background-position: top center; /* positions the background image */
background-repeat: repeat-x;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 15px;
margin-bottom: 20px;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-face-color: #EFD441;
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color: #41408E; 
}

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: #020167; text-decoration: none; font-weight: bold;}
A:VISITED {color: #020167; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #000066; text-decoration: underline overline; font-weight: bold;}
A:ACTIVE  {color: #020167; text-decoration: none; font-weight: bold;}

/* this grouping sets the heading colors and sizes */

H1 {font-size: 130%; font-weight: bold; color: #020167; letter-spacing: 2px;}
H2 {font-size: 130%; font-weight: bold; color: #040468; letter-spacing: 2px;}
H3 {font-size: 110%; font-weight: bold; color: #403F8D; letter-spacing: 2px;}
H4 {font-size: 110%; font-weight: bold; color: #135491; letter-spacing: 2px;}
H5 {font-size: 90%; font-weight: bold; color: #814544; letter-spacing: 2px;}
H6 {font-size: 80%; font-weight: bold; color: #040468; letter-spacing: 2px;}

/* this class sets the properties for the horizontal rule bar */

hr {color: #3C8A7C; width: 80%; height: 2px;}

.logocell {
font-family: Verdana, Arial, sans-serif;
background-image: url('images/logo.jpg'); /* sets the background image */
background-position: left; /* positions the background image */
background-repeat: no-repeat;
color: #040468;
font-weight: bold;
font-size: 16pt;
background-color: #EFD441;
border-top: 1px solid #020167;
border-left: 1px solid #020167;
border-bottom: 1px solid #020167;
height: 60px;
padding-left: 60px;

}
.globalnav {
font-family: Verdana, Arial, sans-serif;
text-align: right;
color: #FFFFFF;
height: 20px;
padding-right: 10px;
}
.globalnav a:link    {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.globalnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.globalnav a:hover   {color: #F8CEB6; text-decoration: none; font-weight: bold;}
.globalnav a:active  {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #020167;
background-image: url('images/mainimage2.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 200px;
border: 1px solid #020167;
}

.topnav {
font-family: Verdana, Arial, sans-serif;
text-align: center;
background-color: #EFD441;
color: #040468;
border-right: 1px solid #020167;
border-left: 1px solid #020167;
border-bottom: 1px solid #020167;
height: 20px;
padding-right: 20px;
padding-left: 20px;
}

.topnav a:link    {color: #040468; text-decoration: none; font-weight: bold;}
.topnav a:visited {color: #040468; text-decoration: none; font-weight: bold;}
.topnav a:hover   {color: #020167; text-decoration: none; font-weight: bold;}
.topnav a:active  {color: #040468; text-decoration: none; font-weight: bold;}

.textarea1 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('images/back2.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-top: 1px solid #020167;
border-left: 1px solid #020167;
padding-left: 5px;
padding-right: 5px;
width: 305px;
}

.textarea2 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #020167;
border-left: 1px solid #020167;
padding-left: 5px;
padding-right: 5px;
width: 305px;
}

.textarea3 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #020167;
border-bottom: 1px solid #020167;
border-left: 1px solid #020167;
padding: 5px;
width: 620px;
}
.textarea4 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-right: 1px solid #020167;
border-bottom: 1px solid #020167;
border-left: 1px solid #020167;
padding: 5px;
width: 780px;
}
.spacer {
background: #344418;
height: 1px;
border-left: 1px solid #020167;
border-top: 1px solid #020167;
}
.spacer2 {
background: #344418;
height: 1px;
border-right: 1px solid #020167;
border-top: 1px solid #020167;
}
.sidenav {
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
background-color: #EFD441;
background-image: url('images/icon_sm.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
text-align: center;
line-height: 20px;
border-bottom: 1px solid #020167;
border-left: 1px solid #020167;
border-right: 1px solid #020167;
width: 150px;
padding-right: 2px;
padding-left: 2px;
padding-top: 3px;
}
.rollover   {text-align: center; color: #1C1B78;}
.rollover a {display: block; width: 175px; padding: 2px 0px 2px 0px; font: bold 12px sans-serif; color: #1C1B78;}
.rollover a:hover {color: #EFD441; text-decoration: none; background-color: #1C1B78;}
.rollover a:visited {color: #1C1B78; text-decoration: none;}

.bottomnav {
background-color: #EFD441;
color: #040468;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #020167;
border-left: 1px solid #020167;
border-right: 1px solid #020167;
}

.bottomnav a:link    {color: #040468; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:visited {color: #040468; text-decoration: none; font-weight: bold;text-align: center;}
.bottomnav a:hover   {color: #EFD441; background-color: #1C1B78; text-decoration: none; font-weight: bold; text-align: center;}
.bottomnav a:active  {color: #040468; 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 */