.sidebar {
font-family:Arial;
margin:0;
border-top: 0;
border-left: 0;
border-right: 6px solid orange;
border-bottom: 6px solid orange;
padding:3px;
background-color:#fff;
}

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

.sidebar3 {
font-family:Arial;
float:left;
text-align: center;
margin:0;
border-top: 0;
border-left: 0;
border-right: 6px solid orange;
border-bottom: 6px solid orange;
padding:5px;
background-color: #fff;
}

.sidebar4 {
font-family:Arial;
float:right;
text-align: left;
margin:0;
border-top: 0;
border-left: 0;
border-right: 6px solid #ccc;
border-bottom: 6px solid #999;
padding:3px;
background-color: #fff;
}

.sidebar5 {
font-family:Arial;
float:left;
text-align: left;
margin:0;
border-top: 0;
border-left: 6px solid #ccc;
border-right: 0;
border-bottom: 6px solid #999;
padding:3px;
background-color:#fff;
}

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

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

.note3 {
font-size: 110%;
color:blue;
float: center;
margin-top:0;
margin-right:10%;
margin-left:10%;
padding:10px;
border: 1px dashed navy;
}

.note4 {
font-size: 110%;
color:green;
float: center;
margin-top:0;
margin-right:1%;
margin-left:1%;
padding:10px;
border: 1px solid navy;
background-color:#fffcc;
}

.note5 {
font-size: 110%;
color:purple;
float: center;
margin-top:0;
margin-right:1;
margin-left:1;
padding:3px;
border: 1px solid purple;
background-color:#fffcc;
}

.note6 {
font-size: 110%;
color:red;
float: center;
margin-top:0;
margin-right:1%;
margin-left:1%;
padding:10px;
border: 1px solid navy;
background-color:#fffccc;
}

p {
  align:center;
  color:purple;
  font-size: 1em;
  text-align:justify;
  line-height:150%;
  margin-top:0;
  margin-left:5%;
  margin-right:5%;
  background-color:#ffffcc;
}

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

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


hr {
color:orange;
}

.links 
a:link { color: #0000ff; }
a:visited { color: #cc6600; }
a:hover { color: #0099ff; }
a:active { color: #ff0000; }

a.external:link { color: #663300; }
a.external:visited {color: #9900ff; }
a.external:hover ( color: #ff99ff; }
a.external:active {color: #ff0066; }

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
background-color: transparent;
text-decoration:
color: purple;
}

a:active {
text-decoration: none;
}

a.button   {
background: #fff;
color:orange;
font-weight: bold;
border-width: 7px;
border-style: dashed;
border-top-color:yellow;
border-right-color: yellow;
border-bottom-color: yellow;
border-left-color: green;
}