body {
     max-width: 30em;
     background-color: #000000;
     color: #ffffff;
     font-family: Verdana, Geneva, sans-serif;
     font-size: 100%;
     margin-left: 20%; margin-right: 15%;
     font-color:  #ffffff;
}

header {
     margin-top: 3em;
     margin-bottom: 3em;
     max-width: 100%;
}

@media only screen and (max-width: 550px) {
    .leftnavbar {
     display: none; 
}
    body {
    background-color: black;
    margin-left: 1em; margin-right: 1em;
}

img {
    max-width: 60%;
    height: auto;
}


.grayed {
    display: none; 
}

header {
     margin-top: 2em;
     margin-bottom: 2em;
     max-width: 100%;
}
}

h1 {
    color: #ffffff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
} 

font.a  {
     font-family:  Verdana, Geneva, sans-serif; 
     font-weight: bold; 
     font-style: italic
}


div.leftnavbar {
     font-family:  Arial, Helvetica, sans-serif;    
     font-size: 0.875em;
     font-weight: normal; 
     float: right;
}

a:link {
    color: #ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;

}

a:visited {
    color: #ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    font-weight: bold;
    text-decoration: underline;
}
 
a:active {
    color: #ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    font-weight: bold;
    text-decoration: underline;
}

a.t:link {
     color: #ffffff;
     font-family:  Verdana, Geneva, sans-serif;
     font-weight: bold;
     text-decoration: none;
}

a.t:visited {
     color: #ffffff;
     font-family:  Verdana, Geneva, sans-serif;
     font-weight: bold;
     text-decoration: none;
}

a.t:hover {
     color: #ffffff;
     font-family:  Verdana, Geneva, sans-serif;
     font-weight: bold;
     text-decoration: underline;
}
 
a.t:active {
     color:  #ffffff;
     font-family:  Verdana, Geneva, sans-serif;
     font-weight: bold;
     text-decoration: underline;
}


ul.leftnavbar {
    position: absolute; 
    top: 5em;
    left: 0px;
    width: 9em
    font-family:  Arial, Helvetica, sans-serif;    
    font-weight: normal;  
    list-style-type: none;
    color: #ffffff;
 }

li {
    margin-top: 0.35em;	
    font-size: 1.0em;
}


main {
     font-family:  Verdana, Geneva, sans-serif; 
     font-size: 1em;
     font-weight: normal;  
     max-width: 450px;
     color: #ffffff;
}

.h {
     font-style: italic;
     margin-bottom: 2.5em;
  }

.i {
     font-style: italic
}

.new {
     font-family:  Arial, Helvetica, sans-serif;   
     font-weight: bold;
     color:  #ffffff;
}

.grayed {
    color: #ffffff;
}

.bottom-2 {
     margin-bottom: 3em;
    color: #ffffff;
}

.bottom-3 {
     margin-bottom: 3em;
    color: #ffffff;
}

.bottom-5 {
     margin-bottom: 5em;
    color: #ffffff;
}

.bottom-10 {
     margin-bottom: 10em;
    color: #ffffff;
}

.bottom-15 {
     margin-bottom: 15em;
    color: #ffffff;
}

.bottom-25 {
     margin-bottom: 25em;
    color: #ffffff;
}

.bottom-45 {
     margin-bottom: 45em;
    color: #ffffff;
}

.top-2 {
     margin-top: 2em;
    color: #ffffff;
}



p.bottomlinks {
     font-family:  Arial, Helvetica, sans-serif;    
     font-size: 0.85em;
     font-weight: normal;  
     list-style-type: none;   
     margin-top: 20px;
     padding-right: 10px;
     padding-top: 20px;
     word-spacing: 3px;
     color: #ffffff;

}
    
p.copyright {
     margin-top: 50px;
     margin-bottom: 30px;
     font-family:  Tahoma, Arial, Helvetica, sans-serif;    
     font-size: 0.4em;
     font-weight: light; 
     color: #ffffff;
     font-stretch: narrow;
}