body
{ 
       color: black;
       font-size: 12px; 
       background-color: #4a006f;
       font-family: Arial,Verdana,Sans-Serif;
       margin: 15px;
       left: 0;
       right: 0;
       top: 15px;
       text-align: center;
              
}          
          
 
h1
{
	color: #4a006f;
        font-size: 26px;
        font-style: italic;
        line-height: 100%;
        text-align: center; top: -25; position: relative;  
        font-family: times new roman;
        background-color: transparent; 
}

h2
{
	color: #4a006f;
        font-size: 20px;
        font-style: italic;
        line-height: 50%; 
        text-align: center;
        font-family: times new roman;
        background-color: transparent; 

}
h3
{
	color: #4a006f;
        font-size: 18px;
        font-style: italic;
        text-align: center;
        font-family: times new roman;
        background-color: transparent; 

}
.white        { background-color: white;  }
.myfont {
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent;
        color: black;
        text-align: justify;
       
}


.myfont a
{
      
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: black;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        text-indent: 0px;
        
       

}

.myfont a:hover
{
        
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: blue;
        text-align: center; 
        text-decoration: underline;
        font-weight: bold;
        text-indent: 0px;
       

}
.bottomx 
{
        
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: #ffffff; 
        color: black;
        text-align: center;
        text-decoration: none;
        line-height: 130%;
        font-weight: bold;
        
       
}
.bottomx a
{
        
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: #ffffff; 
        color: purple;
        text-align: center;
        text-decoration: none;
        line-height: 130%;
        
       
}
.bottomx a:hover
{
       
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: #ffffff; 
        color: blue;
        text-align: center;
        text-decoration: underline;
        
       
}
  
.boxborder
{ 
               color: purple;
               font-size: 16px; 
               font-family: Arial,Verdana,Sans-Serif;
               text-align: left;
               text-indent:  0px;
               line-height: 130%;
               border: solid;
               border-width: 1px;
               border-color: purple;
               margin: 20px;
               left: 20px;
               top: 0; 
               right: 0;
               background-color: #eccaf0;
       }  
 

.topbox
{      
        font-size: 28px; 
        background-color: #ffffff;
        text-align: left; 
        padding: 0;
        color: #4a006f;
        font-style: italic;
        line-height: 90%;
        font-family: times new roman;
        font-weight: bold;
       
        
}
.nav 
{      
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: #ffffff;
        color: black;
        text-align: left; 
        padding: 0;
        
        
}
table.nav a
{
        display: block; 
        padding: 4px 0;
        font-size: 14px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: #ffffff; 
        color: black;
        text-align: left;
        text-decoration: none;
        text-indent: 5px;
        
       

}

.nav a:hover
{
        display: block;
        padding: 4px 0;
        font-size: 14px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: blue;
        text-decoration: underline;
        text-align: left;
       

}
.box
{       
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent;
        color: black;
        text-align: justify;
        margin: 0;
        left: 0;
        top: 0; 

}
table.box a
{
        display: block;
        padding: 7px 0;
        font-size: 16px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: black;
       

}

.cards
{
       
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: white; 
        color: black;
        border-style: solid;
        border-color: #cccccc;
        border-width: 3px; 
        text-align: center;
        margin: 0px;
        left: 0px;
        
       

}
.poems
{
        display: block;
        padding: 7px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: #000000;
        text-align: center;
        margin: 20px;
        left: 20px;
        top: 0; 
        right: 0;
       

}
.scrunch
{
       
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: black;
        text-align: justify;
        font-weight: normal;
        text-indent: 0px;
        
        

}
table.scrunch a
{
      
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: #ffffff; 
        color: black;
        text-align: left;
        text-decoration: none;
        font-weight: bold;
        text-indent: 0px;
        
       

}

.scrunch a:hover
{
        
        padding: 0px 0;
        font-size: 12px; 
        font-family: Arial,Verdana,Sans-Serif;
        background-color: transparent; 
        color: blue;
        text-align: left; 
        text-decoration: underline;
        font-weight: bold;
        text-indent: 0px;
       

}
.links     { 
               color: black;
               font-size: 12px; 
               font-family: Arial,Verdana,Sans-Serif;
               margin: 0;
               left: 0;
               right: 0;
               top: 0;
               text-align: left;
               text-decoration: none;
              
       }   
.links a    { 
               color: blue;
               font-size: 14px; 
               font-family: Arial,Verdana,Sans-Serif;
               margin: 0;
               left: 0;
               right: 0;
               top: 0;
               text-align: left;
               text-decoration: underline;
               
       }               
            
.links a:hover    { 
               color: blue;
               font-size: 14px; 
               font-family: Arial,Verdana,Sans-Serif;
               margin: 0;
               left: 0;
               right: 0;
               top: 0;
               text-align: left;
               text-decoration: underline;
       }