html, body{
   margin: 0;
   padding: 0;
   text-align: center;
   background-image: url(images/bg.png);
   }

#pagewidth{
   width: 700px;
   text-align: left;
   margin: 0 auto;
   }

#header{
   position: relative;
   height: 250px;
   width: 100%;
   display: block;
   overflow: auto;
   font-size: 0;
   }

#maincol{
   width: 700px;
   float: left;
   position: relative;
   font-size: 18px;
   text-align: justify;
   }

#vertical-line{
   width: 1px;
   height: 100%;
   float: left;
   border: 2px ridge silver ;
   border-radius: 2px;
   }

#footer{
   height: 100px;
   clear: both;
   display: block;
   overflow: auto;
   text-align: right;
   vertical-align: middle;
   }

#noticebox1 {
   text-align: center;
   padding: 1em;
   border: 2px solid #40371c;
   background-color: #FFFFFF;
   font-size: 18px;
   color: #000000;
   border-radius: 12px;
   }

#noticebox2 {
   text-align: center;
   padding: 1em;
   border: 2px solid #ff0000;
   background-color: #FFFFFF;
   font-size: 18px;
   color: #000000;
   border-radius: 12px;
   }

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }

.clearfix{
   display: inline-block;
   }