html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%; /*Makes the base font size of the page 10 px, but uses a percentage along with em value with the text styles (see below), allowing more flexibility*/
}


/********Layout Structure********/


#wrap {
	width: 861px;
	position: relative;
	margin: 0 auto;
}

	#skiptocontent {
		position: absolute; 
		left: 0; 
		top: -500px; 
		width: 1px; 
		height: 1px; 
		overflow: hidden;
	}

	div#container {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	
		header {
			width: 65%;
			clear: both;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			
			/*flexbox styles*/
			/*refer to this handy guide: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
			display: flex;
			justify-content: space-evenly;
			align-items: flex-start;
		}
			
			header_left {
				width: 25%;
			}
			
			header_center {
				width: 25%;
			}
			
			header_right {
				width: 25%;
			}
						
				header ul {
					border-top: 1.5px solid black;
					margin-top: 10px;
				}
				
					header ul li {
						font-weight: bold;
						font-size: 1.6em;
						text-align: center;
						margin: 16px 0 0 0;
						padding: 0;
						list-style-type: none;
					}
					
						header ul li:first-child {
							margin-top: 13px;
						}
					
		div#content {
			width: 100%;
			float: left;
			margin-top: 40px;
		}
		
		footer {
			width: 100%;
			float: left;
			clear: both;
			text-align: center;
			border-top: 1.5px solid black;
			margin-top: 40px;
			margin-bottom: 20px;
		}
		
			footer p {
				margin-top: 10px;
			}


/********Text and Navigation Styles********/


h2 {
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 20px;
}

h3 {
	font-weight: bold;
	font-size: 1.8em;
	margin: 30px 0 15px 0;
}

p {
	font-size: 1.6em;
}

div#content ul {
	font-size: 1.6em;
	margin-left: 20px;
	margin-bottom: 25px;
	line-height: 180%;
}
	
	div#content ul li {
		font-size: 100%;
	}
		
		div#content ul ul {
			font-size: 100%;
			margin-left: 40px;
		}
		
		div#content li li {
			font-size: 100%;
		}
		
span.file_ext {
	color: #b80606;
}


/********Links/ Pseudo Selectors********/


header ul li a:link {
	color: black;
	text-decoration: none; /*no underline*/
}

/* visited link */
header ul li a:visited {
	color: black;
	text-decoration: none; /*no underline*/
}

/* mouse over link */
header ul li a:hover {
	color: #0a71b6;
	text-decoration: none; /*no underline*/
	/*text-shadow: 1px 0 30px #fff;*/
	text-shadow: #fff 0 0 5px, #fff 0 0 15px, #fff 0 0 30px;
}

/* selected link */
header ul li a:active {
	color: #0a71b6;
	text-decoration: none; /*no underline*/
	/*text-shadow: 1px 0 30px #fff;*/
	text-shadow: #fff 0 0 5px, #fff 0 0 15px, #fff 0 0 30px;
}


#content a:link {
	color: #0a71b6;
}

/* visited link */
#content a:visited {
	color: #663399;
}

/* mouse over link */
#content a:hover {
	color: #663399;
}

/* selected link */
#content a:active {
	color: #663399;
}