.topnav {
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-size:10px; 
color:#335777;
font-weight:bold;
text-decoration:none;
}

.topnav A:link,.topnav A:visited,.topnav A:active{
color:#335777;
text-decoration:none;
}

.topnav A:hover{
color:#335777;
text-decoration:underline;
}	

.topnavon {
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-size:10px; 
color:#5c5e50;
font-weight:bold;
text-decoration:none;
}

.topnavon A:link,.topnavon A:visited,.topnavon A:active{
color:#FFFFFF;
text-decoration:none;
}

.topnavon A:hover{
color:#FFFFFF;
text-decoration:underline;
}

.heading {
font-family:Verdana, Arial, sans-serif; 
font-size:16px; 
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
margin-left:25px;
background-color:#ffffff;
}

.subhead {
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-size:12px; 
color:#003366;
text-decoration:none;
}

.osubhead {
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-size:13px; 
color:#F7A21D;
text-decoration:none;
}

.maintext {
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-size:11px; 
color:#5B6F76;
text-decoration:none;
}

.maintext A:link,.maintext A:visited,.maintext A:active{
color:#9A012F;
text-decoration:underline;
}


.maintext A:hover{
color:#ffd008;
text-decoration:underline;
}

.firstparagraph {
font-family:Verdana, Helvetica, Arial, sans-serif; 
font-size:13px; 
color:#F7A21D;
text-decoration:none;
}

.firstparagraph:first-letter { 
font-weight:bold;
font-size: 20pt; 
left: 0px;  
position: absolute; 
}
	
A:link,.topnavon A:visited,.topnavon A:active{
color:#003366;
text-decoration:bold;
}

//video interactive

#myvar {
border:1px solid #ccc;
background:#f2f2f2;
padding:20px;
}
#wrapper {
text-align:left;
margin:0 auto;
width:500px;
min-height:100px;
border:1px solid #ccc;
padding:30px;
}

a {
color:blue;
cursor:pointer;
}


       div.b{
       font-family: Arial;
       font-size: 15px;
       color: black;
       font-weight: light;
       background-color: white;
      border : none;
       margin: -5px -5px -5px -5px;
       white-space : none;
       }
       div.top{
       font-family: Arial;
       font-size: 15px;
       color: black;
       font-weight: light;
       background-color: white;
      border : none;
       margin: -5px -5px -5px -5px; 
       white-space : none;
       }
       div.center {
       font-family: Arial;
       font-size: 12px;
       color: black;
      border : none;
       margin: -5px -5px -5px -5px;
       white-space : none;
       }
       p.goal{
       font-family: Arial;
       font-size: 11px;
       color: black;
       }
       p.deli{
       font-family: Arial;
       font-size: 11px;
       color: black;
       }

font.d{
       font-family: Arial;
       font-size: 16px;
       font-weight: bold;
       }
       font.e{
       font-family: Arial;
       font-size: 12px;
       font-weight: 500;
       color: Gray;
       font-style : italic;
       }
       h3{
       font-family: Arial;
       font-size: 24px;
       }
       h4{
       font-family: Arial;
       font-size: 12px;
       color: black;
       text-decoration: underline;
       }
       h5{
       font-family: Arial;
       font-size: 12px;
       color: black;
       text-decoration: underline;
       }
       h1{
       font-family: Arial;
       font-size: 26px;
       font-weight: bold;
       }
       font.b{
       font-family: Arial;
       font-size: 14px;
       font-weight: bold;
       }
       font.c{
       font-family: Arial;
       font-size: 16px;
       font-weight: bold;
       text-decoration: underline;
       }