body {
background-color:  #C6E2FF ;
background-attachment: fixed;
}

div.frame {
margin-left: 2%;
Margin-right: 2%;
margin-top: 2%;
border: 2px ridge #27408B;
}

p {
margin-left: 0.4in;
font-family: arial, helvetica, sans-serif;
font-size: 12pt;
margin-right: 0.4in;
}

li {
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
color: purple;
margin-left: 5%
}

h1, h2, h3 {
font-family: arial, helvetica, sans-serif;
color: blue;
margin: 5%;
font-weight: bold; 
font-style: italic;
}

h1 {
text-align: center;
letter-spacing: 0.2em;
text-decoration: underline;
}

a:link {color: blue; text-decoration: underline;}
a:visited {color: purple; text-decoration: none;}
a:hover {color: red; font-weight: bold; text-decoration: underline;}
a:active {color: blue; text-decoration:bold;}


img.left { 
margin: 0.9em;
border-style: dashed;
border-color: blue;
}

img.right { float: right;
margin: 0.9em;
border-style: dashed;
}



div.footer {
float: center;
margin: 3%;
margin-left: 45%;
}

div#main {
float: left;
margin: 3%;
padding: 10%;
}