body 
{
font-family:  Arial, Helvetica , sans-serif;
font-size: 12px;
Text-align: left;
background-color: transparent;
color: black
}

h1
{
font-family: chicago, Charcoal, Arial, verdana, Helvetica , sans-serif;
font-size: 20px;
Text-align: center;
background-color: #5ECBF4;
color: blue
} 

h2
{
font-family: chicago, charcoal, verdana, Arial, Helvetica , sans-serif;
font-size: 14px;
Text-align: left;
text-indent: 0pt;
background-color: transparent;
color: black; 
margin-bottom: 0px; 

}

h3
{
Text-align: center;
text-indent: 0pt;
font-family: chicago, charcoal, verdana, Arial, Helvetica , sans-serif;
font-size: 14px;
background-color: #5ecbf4;
color: blue;
}

h4 
{
font-family: Bauhaus, Arial, verdana, Helvetica , sans-serif;
font-size: 12px;
Text-align: left;
background-color: transparent;
color: black; 
margin-bottom: 0px; 
margin-top: 0px;
}

p 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
Text-align: left;
background-color: transparent;
color: black
}

.dropcap 
{
font: bold 130% chicago, charcoal, verdana, Arial, Helvetica , sans-serif;
background-color: #5ECBF4;
color: blue;
} 
     


a:link { color: blue; background-color: transparent }
a:visited { color: #6373b5; background-color: transparent }
a:hover { color: #ffff9c; background-color: transparent }
a:active { color: white; background-color: transparent }

/* ------------------------------------ Normal text links -----------------------*/

a:link.text { color: blue; background-color: transparent }

a:visited.text { color: #5ECBF4; background-color: transparent }

a:hover.text { color: green; background-color: transparent }

a:active.text { color: blue; background-color: transparent }


/* CLASSES */


				 /* The following class is for warnings */
.important { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: black; background-color: yellow; text-align: center; }

				 /* The following class is for a blue background */
.background { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: black; background-color: #5ECBF4; text-align: center}


  				   /* The following class is for quotes */
.quote { font-family: Georgia, Bookman Old Style, Times, serif; font-size: 12px; font-style: normal; text-align: left; color: blue }

				 /* The following class is for names after quotes */
.endquote { font-family: Georgia, Bookman Old Style, Times, serif; font-size: 12px; font-style: normal; text-align: right; color: black }


				/* The following class is for notice this information> */
.look { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: maroon; background-color: transparent; text-align: center }


    			  /* The following class is for mcount counter information  */
.counter { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; font-weight: normal; color: white}

				 /* The following class is for information  */
.direction { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; font-weight: normal; color: maroon}

 				/* The following class is for contact information  */
.info { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; font-weight: normal; color: blue}

				 
				  /* The following class is for larger contact information  */
.infosmall { font-family: Helvetica, sans-serif; font-size: 10px; text-align: center; font-weight: normal;}

				
			 /* The following class is for the copyright info  */
.copyinfo { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: black}

				/* The following class is for centering text */
.center { text-align: center }
 
 				/* The following class is for important asteric */
.ast { font-weight: bold; color: red }

 				/* The following class is for strong words */
.strong { font-weight: bold; color: maroon; text-align: center; }

 				/* The following class is for red important and centered */
.centered { font-weight: bold; color: red; text-align: center; }