body, html {
  margin:0;
  padding:0;
}

@font-face {
  font-style:bold;
  font-weight:bold;
  font-family:'Aachen';
  src:url('assets/font/aachen-bold.woff2') format('woff2');
}

body {
  margin:0;
  padding:0;
  color:#ffffff;
  font-size:14px;
  text-align:center;
  font-family:"Trebuchet MS", sans-serif;
  background:#eeeeee url("assets/bg.gif");
}

#container {
  padding:0;
  width:800px;
  margin:0 auto;
  text-align:left;
  background:#000000;
} 

#sidebar {
  float:left;
  width:180px;
  padding:10px;
  color:#ffffff;
  background:#000000;
} 

#content {
  width:550px;
  float:right;
  text-align:left;
  padding:15px 20px;
  border-left:1px solid #ffffff;
}

a:link, a:visited, a:active {
  color:#9e2a8d;
  text-decoration:none;
}

a:hover {
  color:#ffffff;
  text-decoration:none;
}

#footer {
  clear:both; 
}

.leftalign {
  float:left;
}

.rightalign {
  float:right;
}

a.side:link, a.side:visited, a.side:active {
  padding:2px;
  color:#ffffff;
  display:block;
  margin:5px 2px;
  font-size:12px;
  text-align:center;
  background:#9e2a8d;
  text-decoration:none;
}

a.side:hover {
  color:#9e2a8d;
  background:#ffffff;
  text-decoration:none;
}

h1 {
  margin:0;
  color:#9e2a8d;
  font-size:30px;
  font-family:"Aachen", serif;
  border-bottom:2px solid #9e2a8d;
}

h2 {
  color:#9e2a8d;
  font-size:15px;
  margin:8px 0px 0px 5px;
  text-transform:uppercase;
  font-family:"Aachen", serif;
}

h3 {
  color:#9e2a8d;
  font-size:16px;
  text-align:right;
  line-spacing:2px;
  margin:10px 0px 0px 0px;
  font-family:"Aachen", serif;
  border-bottom:2px dashed #9e2a8d;
}

h4 {
  color:#ffffff;
  font-size:15px;
  line-spacing:2px;
  margin-bottom:-8px;
  margin:10px 0px 0px 0px;
  border-bottom:1px dashed #ffffff;
}

p {
  text-align:justify;
  text-justify:inter-word;
}

#nav {
  margin:0;
  padding:0;
  float:left;
  width:800px;
  color:#9e2a8d;
  font-size:18px;
  list-style:none;
  background:#ffffff;
  letter-spacing:1px;
}

#nav li {
  margin:0;
  float:left;
  width:auto;
}

#nav li a {
  width:200px;
  color:#9e2a8d;
  display:block;
  padding:2px 0px;
  text-align:center;
  text-decoration:none;
}

#nav li a:hover {
  color:#ffffff;
  background:#9e2a8d;
}

#title {
  margin:0;
  width:800px;
  height:75px;
  color:#ffffff;
  font-size:50px;
  padding:5px 0px;
  text-align:center;
  background-color:#9e2a8d;
  font-family:"Aachen", serif;
}

.outlink:after {
  content:"⤤";
  margin-left:2px;
}

::selection {
  color:#ffffff;
  background-color:#9e2a8d;
}

::-webkit-scrollbar {
  color:#9e2a8d;
}

::-webkit-scrollbar-track {
  background:#000000;
}

::-webkit-scrollbar-thumb {
  background:#9e2a8d;
}

::-webkit-scrollbar-thumb:hover {
  background:#ffffff;
}

::-webkit-resizer {
  background:#9e2a8d;
}