body 
{	background-color: rgb(21, 21, 21);
    color: rgb(255, 255, 255);
	padding: 20px 0 0 50px;
	color: white;
	width: 80%;
	margin: auto;
	text-align: left;
	font: normal 16px 'Maven Pro', Arial, Helvetica, sans-seriff;
}

A:link 
{	color: white 
	}

A:visited 
{ 	color: yellow 
	}
	
A:active 
{	color: pink 
	}

select 
{	background-color: whitesmoke;
    }

  .date { font-size: 12px;
    background-color: rgb(255, 255, 255);
    font-family: Verdana,Courier New,Courier;
    color: rgb(102, 102, 51);
    line-height: 11pt;
    }

  .body { font-size: 15px;
    font-family: Verdana,Courier New,Courier,serif;
    line-height: 14pt;
    color: rgb(255, 255, 255);
    
    }

.copyright { font-size: 11px;
    font-family: Verdana,Courier New,Courier,serif;
    color: rgb(240, 240, 240);
    }

.header { font-size: 15px;
    font-weight: bold;
    font-family: Verdana,Courier,serif;
    color: brown;
    }

.name { font-size: 24px;
    font-family: Verdana,Courier,serif;
    color: rgb(255, 255, 255);
    }

.caption { font-size: 18px;
    font-family: Century Gothic,Futura,Courier,serif;
    color: rgb(51, 153, 102);
    }

br { line-height: 8pt;
    }

#header { margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10px;
    
    font-family: Verdana,Courier New,Courier,serif;
font-size: 35px;    
    }

#col-1 { float: left;
    display: inline;
    margin-left: 10%;
    width: 50%;
    clear: both;
    }

#col-2 { float: left;
    display: inline;
    margin-left: 5%;
    margin-right: 10%;
    width: 25%;
    }

#footer 
{	margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
    clear: both;
    }