@charset "UTF-8";
body {
	
}
/* ~~this fixed width container surrounds the other divs~~ */
#container {
	width: 96%;
	padding:25px 2%;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */ 

/* ~~ Element/tag selectors ~~ */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ miscellaneous float/clear classes ~~ */

a:hover, a:active, a:focus {
  outline:0px;
}

.navigation {
	background-color: white;
	padding:10px;
	text-align: center;
	color:black;
}

.navigation a {
	
	color:black;
}