body {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 font-family: Arial,Verdana;
 background-color:#fff;
}
.clearDiv {
 clear: both;
 float: none;
}
#content,#footer {
 margin: 0 auto;
 width: 100%; 
}
#content {
 min-height: 320px;
}
#header {
 width: 100%; 
 margin: 0 auto;
 padding: 0;
}
#logoholder {
 width: 50%;
 float: left;
}
#logoholder img {
 width: 100%;
 height: auto;
}
#loginholder {
 width: 50%;
 float: left;
 text-align: right;
}
#menubarholder {
 width: 100%;
 background-color: #c10000; /* #00c100 */
}
#menubar {
 width: 100%;
 background-color: #009100; /* #009100 */
 color: white;
 padding: 2px 0 6px 0;
}
#bellow-menubar {
 width: 100%;
 background-color: #000; 
 color: white;
}
#menubar a {
 padding: 2px 4px;
 text-decoration: none;
 color: #fff;
}
#loginholder a {
 text-decoration: none;
 color: #fff;
 background-color: #393939;
 margin: 5px;
 padding: 2px;
 border-radius: 3px;
}
div.clearDiv {
 clear: both;
 float: none;
}
#footer {
 background-color: #006300;
 color: white;
 text-align: center;
} 
.comm {
 margin-top: 4px;
 border-bottom: 1px dashed teal;
}
.comm-pic-holder {
 width: 100%;
}
.comm-info-holder {
 width: 100%;
}
p {
 padding: 2px 4px;
}
h3 {
 padding: 2px 4px;
 color: teal;
}
.address-info  {
 display: block;
 text-decoration: none;
 background-color: orange;
 color: white;
 padding: 2px;
 border-radius: 2px;
 width: 100px;
 text-align: center;
 margin: 0 0 5px 5px;
}
.labels {
 color: green;
 font-weight: normal;
 font-family: verdana;
}
p {
text-align: justify;
}
#author {
 display:block;
 width: 100%;
 background-color: #000;
 color: #fff;
 font-size:0.8em;
}
#notification {
 position: fixed;
 background-color: #00FF00;
 color: #000;
 padding: 2px;
 margin:0;
 border-radius: 3px;
 right:5%;
 /*bottom: 200px;
   right: 15%;
   width: 300px;
   border: 3px solid #73AD21;*/
}
p.about {
 background-color:black;
 color:white;
}
.address-info {
 -webkit-animation-name: animatestop;
 -webkit-animation-duration: 0.7s;
 animation-name: animatestop;
 animation-duration: 0.7s;
}
/*Add Animation*/
@-webkit-keyframes animatestop {
 from {top:-300px;opacity:0}
 to{top:0;opacity:1}
}
@keyframes animatestop {
 from {top:-300px;opacity:0}
 to{top:0;opacity:1}
}
.circle-text {
display: table-cell;
height: 200px; /*change this and the width
for the size of your initial circle*/
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #0066ff;
color: #fff;
font: 0.5em "josefin sans", arial; /*change this
}