body {
background-color: #ffffff; 
letter-spacing: 0.1em;
line-height: 1.3em;
}

a {
text-decoration: none;
}

a:hover {
color: blue;
font-weight: bold;
text-decoration: underline;
}

a:visited {
color: green;
}


h1 {color: #FFFFFF; 
background-color: #006600; 
margin-right auto; 
padding : 30px;
margin: 0px;
/*margin-right: 15%;*/
margin-bottom: 5px;
font-size: large;
line-height: 110%;
} 

h2 {color: #FFFFFF; 
background-color: blue;
/* background-color: #ff6600; */ 
margin-right auto;  
padding : 20px;
margin: 0px;
margin-top: 5px;
font-size: medium;
} 

h3 {
/* color: #FFFFFF; */
/* background-color: blue; */
/* background-color: #ff6600; */ 
/* margin-right auto; */ 
padding : 5px;
margin: 2px;
font-size: medium;
line-height: 110%;
border-top: 3px solid blue;
border-bottom: 3px solid blue;
} 


.o1 
{border: solid;
   border-color: green;
   padding : 40px;
   margin: 30px;
}

.dotp
{border: dotted;
 border-color: blue;
 padding : 20px;
 margin: 30px;
}

.dotp2
{border: dotted;
 border-color: blue;
 padding : 10px;
 margin-left: 30px;
 margin-top: 40px;
 margin-bottom: 40px;
 margin-right: 40%;
}

.oimage {
float: left;
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
}

.oimageright {
float: right;
}

.oimageclear{
clear: both;
}

.oimage2 {
float: left;
margin-top: 1em;
margin-right: 4em;
margin-left: 3em;
margin-bottom: 1em;
}

.oimage2clear{
clear: both;
}

.image1{
margin: 10px;
}

.c1{
color:  #006600;
}

.c2{
color: black;
font-size: small;
letter-spacing: 0.0em;
}