body {
  background-color:#000;
  font-family: Arial, "Lucida Grande", sans-serif;
  font-size:.7em;
}

img {
  border:0;
}

.sidebar {
float:left;
text-align: center;
vertical-align:top;
margin:0;
border-top: 0;
border-left: 0;
border-right: 6px dashed #fff;
border-bottom: 6px dashed #fff;
padding:3px;
background-color: #fff;
}

.sidebar2 {
font-family:Arial;
float:right;
text-align: center;
margin:0;
border-top: 0;
border-left: 3px dashed #fff;
border-right: 0;
border-bottom: 3px dashed #fff;
padding:3px;
background-color:#fff;
}

.note {
font-size: 130%;
color:navy;
float: center;
margin-top:0;
margin-left: 30%;
margin-right: 30%;
padding:10px;
border: 1px solid green;
background-color:#fff;
}

.note2 {
font-size: 110%;
color:blue;
float: center;
margin-top:0;
margin-left: 10%;
margin-right: 10%;
padding:10px;
border: 1px dashed gold;
border-top:0;
background-color:#ffc;
}

p {
  align:center;
  color:navy;
  font-size: 1em;
  text-align:justify;
  line-height:150%;
  margin-top:0;
  background-color:#ffc;
}

ul {
list-style-type: square;
text-align:left;
color:red;
}

ol {
list-style-type: circle;
text-align:left;
color:green;
}

hr {
color:#fff;
}