/*
I worked on this over the course of a few weeks, and made a lot of changes. That being said, there are some unconventional operations I carried out in this sheet. there are some links to things that are no longer up, and there are some files stored that did not get used. That is the way it goes!
*/
#main_content {
  border: solid 4px #000000;
 
} 

#add_content {
  border: solid 4px #000000; 
  
}

#nav {
  border: solid 4px #000000; 
  
}

#footer {
  border: solid 4px #000000; 
  
}


@font-face {
    font-family: 'procionoregular';
    src: url('fonts/prociono-regular-webfont.eot');
    src: url('fonts/prociono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/prociono-regular-webfont.woff') format('woff'),
         url('fonts/prociono-regular-webfont.ttf') format('truetype'),
         url('fonts/prociono-regular-webfont.svg#procionoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'GondolaSDRegular';
    src: url('fonts/gondola_SD-webfont.eot');
    src: url('fonts/gondola_SD-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gondola_SD-webfont.woff') format('woff'),
         url('fonts/gondola_SD-webfont.ttf') format('truetype'),
         url('fonts/gondola_SD-webfont.svg#GondolaSDRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: "Comic Sans MS", cursive;
	background-image:url(images/background.jpg);
	background-position:top left;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#89b3c2;
	
}

#wrapper {
	padding-top:5px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
 
}

h2 {
	color: #6d929b;
	font-family: 'procionoregular', Arial, sans-serif;
	
}

#header_title {
	margin-bottom:20px;
	background-image: url(images/header_background.jpg);
	background-position:center;
	border: solid 2px #000000;
	border-radius:50px 50px;
	height:129px;
	
}

#header {

}



#header_title h1 {
	font-family: 'GondolaSDRegular', Arial, sans-serif;
	color:#ffffff;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
	
	
}

#header_title h2 {
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	padding-left:100px;
	padding-top:0px;
	margin-top:0px;
}

#nav {
	text-align:center;
	margin-bottom:10px;
	background-image:url(images/nav_background.png);
	border: solid 2px #000000;
	border-radius:25px;
  
}

div.content {
	margin-left:5px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	border:double 2px #b7afa3

}
div.nav a:link {
	font-size:18px;
	font-weight:bold;
	color: #d9d4ae;
	text-decoration: underline;

}

div.nav a:active {
	font-size:18px;
	font-weight:bold;
	color: #575234;
	text-decoration: underline;

}

					div.nav a:hover {
	 font-size:18px;
	font-weight:bold;
						color: #d3e1e4;
							text-decoration: overline;

}

div.nav a:visited {
	font-size:18px;
	font-weight:bold;
	color: #c9cace;
	text-decoration: underline;

}

div.nav li {
	font-size:18px;
	display:inline;
	margin-left:10px;
	margin-right:10px;

}


div.main_content a:link {
	color: #003366;
	text-decoration: underline;

}

div.main_content a:active {
	color: #c0c0c0;
	text-decoration: underline;

}

div.main_content a:hover {
	color: #6699cc;
	text-decoration: none;

}

div.main_content a:visited {
	color: #000044;
	text-decoration: underline;

}


#main_content {
	border: solid 4px #000000;
	background-color: #f5fafa;
	height:600px;
	overflow:auto;
 
}

#sources {
	margin-top:5px;
	border: solid 4px #000000;
	background-color:#f5fafa;
}

#footer {
	border: solid 4px #000000;
	background-color:#6d929b;
	text-align:center;
	margin:10px 0 auto;
	border-radius:50px;
	color:#ffffff;
  
}