* { margin: 0;
padding: 0;
border: 0;
}

body {
    font-family: inherit;
    color:black;
    background-color:azure;
    margin-left: 30px;
    margin-right: 30px;
}

.wrapper { width: 85%;
 /* can be percentage or pixel width */
 margin: 30px auto;
 /* 5px top/bottom, auto left/right */
padding: 10px 30px;
border: solid 1px grey;
	    color:#5B5B5B;
line-height: 40px;
}


h2 {
    color:dimgrey;
}

h3 {
    color:cornflowerblue;
}

h1 {
    text-align: center;
    font-family:inherit;
    color:cadetblue;
    line-height: 70px;
}

h4 {
    color:white;
}

ul {
	clear:both;
	padding: 5px 15px;
	margin: 0 -30px;
	list-style-type:none;
	background-color:cadetblue;
	color:whitesmoke;
}

li {
    display: inline;
    list-style-type:upper-alpha;
    margin: 13px;
}

#header {
	width:100%;
}

#main-content {
     width: 80%; float:right;
}

#secondary-content {
    width: 20%; 
	float: left;
}

blockquote {
	margin: 3.5em 1em;
	padding: 5% 10%;
	background-color:cornflowerblue;
	color:white;
    font-style:italic;
    font-family:sans-serif;
}

a:link, a:visited, a:active { 
    color:dimgrey; text-decoration: none; font-weight: bold;
}

a:hover { 
    color:black; text-decoration: underline; font-weight: bold;
}

.current {
    text-decoration: underline; font-weight: bold;
}

#footer{
	width:100%;
	color:cornflowerblue;
    clear: both;
}