body {
  background-color:#000000;
  margin:0px;
  color:#929a9e;
}

body, td, div, input, textarea {
	font-family:arial;
	font-size:14px;
}

.content {
  text-align:justify;
}


/* HEADER */

#header {
  display:block;
  background-color:#2d3844;
  padding:50px 0;
  text-align:center;
}

/* NAVIGATION */

#navbar {
  width:100%;
  overflow:hidden;
  background-color:#333;
  margin: 0px auto;
}

#navbar a {
  float:left;
  display:block;
  color: #f2f2f2;
  text-align: center;
  border-left: 1px solid gray;
  padding: 14px 16px;
  text-decoration: none;
}

#nav_contents{
  max-width:900px;
  margin:auto;
  align-items:center;
}

/* CONTENT */

#content_wrap{
  width:625px;
  padding:0px;
  border: 2px solid black;
}

#page_wrap {
  max-width:900px;
  text-align:left;
  overflow:hidden;
  margin:0 auto;
  border: 1px solid black;
  background-color:#181b1f;
}

/* SIDEBAR */

#sidebar {
  width:175px;
  height:350px;
  margin:0px;
  text-align:center;
  border: 2px solid black;
}

.sidebar_content{
  border:1px solid black;
  margin: 0px 0px 10px 0px;
}

.sidebar_content .sidebar_header, .sidebar_content .sidebar_footer {
  background:#435971;
  color:#CEE0EC;
}

.sidebar_content .sidebar_header:hover, .sidebar_content .sidebar_footer:hover {
  background-color:#59728e;
}

.sidebar_header{
  padding:15px;
  font-size:17px;
}

.sidebar_article {
  text-align:justify;
  padding: 5px;
  
}

.sidebar_footer{
  border: 1px solid black;
  padding: 3px;
}

/* FOOTER */

#footer{
  background-color:#2d3844;
  display:block;
  margin-top:8px;
  padding:18px 0;
  text-align:center;
  box-sizing:inherit;
}