body {
   margin: 0px;
   
   font-family: verdana, arial, sans-serif;
   font-size: 75%;
   background-color: #333333;
   background-image: url(./bgr.gif);
}


#content {
   position: absolute;
   top: 0px;
   left: 20%;
   width: 60%;
   height: 100%;
   color: white;
   background-color: #E7E7E7;
   background-image: url(./bgr_clock.jpg);
   background-repeat: no-repeat;
   background-position: top left;
}


#content .bottom_right {
   position: absolute;
   right: 85px;
   bottom: 60px;
   width: 307px;
   white-space: nowrap;
   text-align: right;
   font-weight: bold;
}


#content h1 {
   font-size: 2.5em;
}


#content .mw_hyphen {
   color: red; 
   font-size: 130%;
   vertical-align: middle;
}



/* MwBox */

.mwbox {
   display:block
}

.mwbox *{
   display: block;
   height: 1px;
   overflow: hidden;
   font-size: .01em;
   background: #3366CC
}

.mwbox1 {
   margin-left:3px;
   margin-right:3px;
   padding-left:1px;
   padding-right:1px;
   border-left:1px solid #99afdb;
   border-right:1px solid #99afdb;
   background:#6086d2;
}

.mwbox2 {
   margin-left:1px;
   margin-right:1px;
   padding-right:1px;
   padding-left:1px;
   border-left:1px solid #d5dae4;
   border-right:1px solid #d5dae4;
   background:#557ed1
}

.mwbox3 {
   margin-left: 1px;
   margin-right: 1px;
   border-left: 1px solid #557ed1;
   border-right: 1px solid #557ed1;
}

.mwbox4 {
  border-left: 1px solid #99afdb;
  border-right: 1px solid #99afdb;
}

.mwbox5 {
  border-left: 1px solid #6086d2;
  border-right: 1px solid #6086d2;
}
  
.mwboxContent {
   background: #3366CC;
   padding: 30px;
}