#wrapper {width:800px; margin:0px auto;background-color:white}



#top {background-color:black;width:70%; padding:20px; overflow:hidden;
border-bottom:3px teal solid}
p {
    font-family: Georgia, "Times New Roman",Times, serif;
    font-size: 1.2em;
}
h1 {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 2em;
}

.typewriter {font-family: "Courier New", Courier, monospace;}

#rightside {padding:20px;margin-left:675px;}
#rightside h2 {margin:20px 0 10px 0;}
#rightside p {margin:8px; line-height:160%;}

#content {float:left; width: 650px;padding:20px;}
#content h1 {margin:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid;padding:20px 0;}
#content p {margin:16px;line-height:160%;}
#content h2 {margin:20px 0 0 0 ;}
#content img {padding:8px; border:1px #888888 solid;margin:8px;}


#footer {clear:both; background-color:#000000; padding:10px0;}
#footer p {text-align: center;color:#ffffff;}
#subbanner {width:100%;background-color:#555555;padding:15px 0;overflow:hidden;}
#subbanner h3 {color:#ffffff;font-size:16px;font-weight:bold;text-align:center;line-height:180%;}

#topnav	{
	background-color: #808080;} 
#topnav ul{width:95%;float:left;margin:0px;background-color: gray;
border-bottom:3px #cccccc solid;}

#topnav ul li{display:inline;}
#topnav ul li a{float:left;padding:10px 20px}


#topnav a:link{color:orange;}
#topnav a:visited{color:orange;}
#topnav a:active{color:orange;}
#topnav a:hover{color:red;}
#topnav a:focus{color:orange;}

#social-media {float:right;margin:0 10px 0 0;}
#social-media p {color:#ffffff;fontsize:11px;margin:4px 10px 0px}
#social-media img {width:24px;height:24px;}
#social-media ul li{float:right;}

#logo {margin:0 0 0 10px;  } 
#logo {float:left;