BODY {
background-color:#f3f4ff;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 30px;
margin-bottom: 20px;
}

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: #353b77;
text-decoration: none;
font-weight: bold;
}
A:VISITED {
color: #353b77;
text-decoration :none;
font-weight: bold;
}
A:HOVER {
color :#272B55;
text-decoration: underline overline;
font-weight: bold;
}
A:ACTIVE {
color : #353b77;
text-decoration: none;
font-weight: bold;
}
/* this grouping sets the heading colors and sizes */

h1 {
	color: #353b77;
	font: normal 26px Georgia, Georgia, serif;
	margin: 0 0 20px 0;}

h2 {
	color: #182d86;
	font: normal 20px Verdana, Arial, sans-serif;
	margin: 5px 0;}

h3 {
	color: #49766f;
	font: normal 20px Verdana, Arial, sans-serif;
	margin: 5px 0;}

h4 {color: #4d479d;
	font: normal 18px "Comic Sans MS", "Trebuchet MS", sans-serif;
	margin: 5px 0;}

h5 {color: #b8cd82;
	font: normal 16px "Comic Sans MS", "Trebuchet MS", sans-serif;
	margin: 5px 0;}

h6 {color: #353b77;
	font: bold 12px Verdana, "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	margin: 5px 0;}
}
/* this class sets the properties for the horizontal rule bar */
hr {
color:#353b77;
width: 80%;
height: 1px;
}
.toparea {
font-family: Verdana, Arial, sans-serif;
background-color: #353b77;
color: #353b77;
background-image: url('images/back.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
height: 64px;
border-top: 1px solid #353b77;
border-right: 1px solid #353b77;
}
.topnav {
font-family: Verdana, Arial, sans-serif;
background-color: #353b77;
height: 61px;
border-right: 1px solid #353b77;
border-bottom: 1px solid #353b77;
}
.logocell {
font-family: Verdana, Arial, sans-serif;
height: 125px;
background-image: url('images/logosample.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
border: 1px solid #353b77;

}
.topnav a:link {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;padding:0px 0px 0px 0px;display:block;}
.topnav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;padding:0px 0px 0px 0px;display:block;}
.topnav a:hover {color: #353b77; text-decoration: none;font-weight: bold;text-align: center;background-image: url('images/link_on.jpg');height:60px; padding:0px 0px 0px 0px;display:block;}
.topnav a:active {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;padding:0px 0px 0px 0px;display:block;}

.swish {
font-family: Verdana, Arial, sans-serif;
background-color: #D2D2FFF;
height: 200px;
border-right: 1px solid #353b77;
border-left: 1px solid #353b77;
}
.maincell {
font-family: Verdana, Arial, sans-serif;
background-color: #FFFFFF;
background-image: url('images/mainimage.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
height: 200px;
border-right: 1px solid #353b77;
border-left: 1px solid #353b77;
border-bottom: 1px solid #353b77;
}
.sidenav {
background-color:#757ec3;
border-top: 1px solid #353b77;
border-left: 1px solid #353b77;
border-bottom: 1px solid #353b77;
padding-top: 5px;
}
.sidenav a:link {color:#FFFFFF; text-decoration: none; font-weight: bold;text-align: center;padding:3px 0px 0px 0px;display:block;}
.sidenav a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;text-align: center;padding:3px 0px 0px 0px;display:block;}
.sidenav a:hover {color:#353b77; text-decoration: none; font-weight: bold; background-image: url('images/sidelink_on.jpg');height: 20px; padding:3px 0px 0px 0px;text-align: center;display:block;}
.sidenav a:active {color: #000000; text-decoration: none; font-weight: bold;text-align: center; padding:3px 0px 0px 0px;display:block;}

.textarea {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('images/text.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #353b77;
padding-left: 25px;
padding-top: 2px;
padding-right: 20px;
padding-bottom: 20px;

}
.layout3text {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('images/text.jpg'); /* sets the background image */
background-position: top left; /* positions the background image */
background-repeat: no-repeat;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #353b77;
border-left: 1px solid #353b77;
border-right: 1px dashed #000000;
border-bottom: 1px solid #353b77;
padding-left: 25px;
padding-top: 2px;
padding-right: 20px;
padding-bottom: 20px;
}
.layout4text {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('images/text2.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: no-repeat;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #353b77;
border-right: 1px solid #353b77;
border-bottom: 1px solid #353b77;
padding-left: 25px;
padding-top: 2px;
padding-right: 20px;
padding-bottom: 20px;

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

.copyright {
background-color:#353b77;
color: #d2d2ff;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
padding: 10px;
font-weight: bold;
border-right: 1px solid #353b77;
border-left: 1px solid #353b77;
border-bottom: 1px solid #353b77;
}
.imageright  {margin: 0px 0px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}

/* Templates in Time */