body {
	background: #000;
}

.container {
	/*margin: 100px 0 0 100px;*/
	margin: 100px auto;
	width: 700px;
}

  .haccordion .header, .haccordion .content{
   float: left;
  }
  
  .haccordion .header{
   width: 40px;
   height: 300px;
   background: #ccc;
   color: #fff;
   cursor: pointer;
   border: 2px solid #FFF;
   margin: 1px;
  }
  
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;
   color: #333;
   background: #fff;
   height: 290px;
  }
  
  .haccordion .content p{
	margin: 0 10px 10px 10px;
  	font-size: 13px;
	font-family: verdana; 
	text-align: justify;
  }
  
.active {
	border: 3px dotted #666;
	margin: 5px
}

.activeHead {
	margin-top: 10px;
	margin: 50px;
	padding: 50px;
}

h1 {
	color: #666;
	font-size: 26px;
	font-family: tahoma, verdana;
	font-weight: bold;
	padding: 5px;
	margin:5px;
	text-decoration: underline;
	/*background: #efefef;
	border: 3px dotted #ccc;*/
}

a:link, a:active, a:visited {
	font-size: 13px;
	font-family: verdana;
	color: #0099cc;
    text-decoration: none;
}

a:hover {
	font-size: 13px;
	font-family: verdana;
	color: #d20000;
    text-decoration: none;
}