#header
{
	margin: 20px auto;
	text-align: left;
	color: darkblue;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
/* 	text-shadow: 4px 4px 4px #aaa; */
}
main
{
/*
	padding: 15px;
	width: 880px;
*/
	padding: 15px;
	width: 970px;
	background-color: white;
	min-height: 620px;
	float: left;
}
#mainitem1
{
	text-align: left;
	float: left;
	padding: 10px auto;
	width: 220px;
}
#mainitem2
{
	text-align: left;
	float: left;
	padding: 10px;
	width: 710px;
}
#mainitem3
{
	text-align: left;
	float: left;
	padding: 10px;
	width: 370px;
}
#mainitem4
{
	text-align: left;
	float: left;
	padding: 10px;
	width: 560px;
}
.mainhr
{
	clear: both;
}
aside
{
/*
	padding: 15px;
	width: 60px;
*/
	padding: 0;
	width: 0;
	color: #A050B0;
	background-color: white;
	min-height: 620px;
	float: left;
}
nav
{
	text-align: center;
/*	background-color: #ECDDF0; */
	background-image: url("images/bb2.png");
	padding: 10px;
	box-shadow: 10px 10px 5px grey;
	z-index: 100;
	margin: 20px auto;
}
.option
{
	float: left;
	min-width: 50px;
	height: 25px;
	color: darkviolet;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	border-right: 2px solid #444444;
	text-decoration: none;
}

.option:hover
{
	color: white;
	background-color: #8B5C96;
	cursor: pointer;
}

body
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: black;
	background-image: url("images/bb4.png");
	background-repeat: no-repeat;
	background-size: cover;
/*	background-color: white; */
	font-family: 'Lato', sans-serif; 
}
footer
{
	text-align: left;
	color: white;
	background-color: #8B5C96;
	padding: 5px;
	z-index: 100;
	clear: both;
}
li
{
	padding: 0px 0px 0px 10px;
}
ol > li
{
	margin: 10px auto;
}
h1
{
	font-size: 150%;
	color: darkblue;
/*	text-shadow: 4px 4px 4px #aaa;  */
}

h2, h3
{
	font-size: 100%;
	color: darkblue;
}

ul.hyphen {
	list-style-type: none;
}

ul.hyphen > li {
	padding: 0px 0px 0px 5px;
	text-indent: -40px;
}

ul.hyphen > li:before {
	content: '\2014     ';
	text-indent: -40px;
}