@CHARSET "UTF-8";
body {
	background-color: #f0f9fd;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	width: 600px;
	margin:0 auto; /*auto margin to center*/
}
header {
	background-color: #f0f9fd;
	top: 0px; left: auto; /*auto margin to center*/
	width: 100%;
	z-index: 1000; /*above slide show*/
}
table {
	margin-top: 20px;
	border-spacing: 10px;
}
td {
	width: 200px;
	padding: 10px;
	vertical-align: top;
	background-color: #ecf8fd;
	border-radius: 7px;
}
nav, article, footer {
	background-color: #ffffff;
	margin: 20px; /*outside of border*/
	padding: 10px; /*inside of border*/
	width: 560px;
	border-radius: 7px;
	box-shadow: 5px 5px 5px #888888;
}
aside {
	background-color: #ffffff;
	position: fixed;
	margin: 20px; /*outside of border*/
	padding: 10px; /*inside of border*/
	width: 80px;
	border-radius: 7px;
	box-shadow: 5px 5px 5px #888888;
	z-index:-1; /*below article*/
}
@media (max-width: 900px) {
  aside {display: none;}
}

#aside01 {
	width: 160px;
	top: 0px; left: 0px; 
}
#aside02 {
	top: 0px; right: 0px; 
}

#aside03 {
	top: 120px; right: 0px; 
}
H1, H2 {
	font-size: 14px;
}
H2 {
	font-weight: 700;
}
ul{
	padding: 0px;
}
li {
	display: inline;
 	background-color: #ffffff;
	margin: 5px;
 	padding: 7px;
	border-radius: 7px;

}
li:HOVER {
	background-color: #f0f9fd;
}
a, a:VISITED {
	text-decoration:none;
	color: #400048;
	font-size: 14px;
	font-weight: 700;
}
/*BUG*/