/* Changes the font, background color, color of the text, and adjust the centering of the body */
body {font-family: Aria; background-color: #f5f8ff; color: #222; margin: 20px; line-height: 1.6; }

/* Changes the color of the text for header 1 and aligns it to the center */
h1 {color: #003366; text-align: center; }

/* changes color of text for header 2 */
h2 {color: #0055aa; }

/* changes the list style to squares and adjust centering of list */
nav ul { list-style-type: square; padding-left: 25px;}

/* adds a specfic color to links when not being used */
a {color: #0066cc; text-decoration: none; }

/* while hovering links changes color and adds underline */
a:hover {color: #003366; text-decoration: underline; }

/* changes color when the link has been visited */
a:visited {color: #800080; }