body     {
       font-family:Arial, Helvetica, sans-serif;
       color:#000000;
       padding: 5px 20px;
       max-width:1024px;
       margin:0 auto;
      }

a:link		 { color:royalblue; }
a:visited 	{ color:rebeccapurple; }
a:active	 { color:crimson; }
a:hover   	{ color:crimson; }
a:visited:hover { color:crimson; }

.center { text-align:center; }

.binder { width: 475px; height: 350px; }
	
@media screen and (max-width:475px){/* viewport up to 475px */
	.binder { width: 100%; height: 100%; }
}

H1    {
       font-family:Arial,Helvetica, sans-serif;
       color:#000000;
       font-size: 20px;
      }

H2    {
       font-family:Arial,Helvetica, sans-serif;
       color:#000000;
       font-size: 18px;
      }

H3    {
       font-family:Arial,Helvetica, sans-serif;
       color:#000000;
       font-size: 16px;
      }

H4    {
       font-family:Arial,Helvetica, sans-serif;
       color:#000000;
       font-size: 15px;
      }

P     {
       font-family:Arial, Helvetica, sans-serif;
       color:#000000;
       font-size: 14px;
      }

td     {
       font-family:Arial, Helvetica, sans-serif;
       color:#000000;
       font-size: 14px;
      }

li    {
       font-family:Arial, Helvetica, sans-serif;
       color:#000000;
       font-size: 14px;
      }
      
blockquote	 {
       		font-family:Arial, Helvetica, sans-serif;
       		color:#000000;
	        font-size: 14px;
      		}

pre    {
       font-family:Courier,Courier New;
       color:#000000;
       font-size:10px;
       }      

.menu   {
       	font-family:Arial,Helvetica;
       	color:#000000;
       	font-size:14px;
      	}