html {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    color:#999;
    height:100%;
    width:100%;
  }
body {
    font-size:12px;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    height:100%;
    width:100%;
    background-color: #fff;
    text-align:center;
    vertical-align:middle;
  }

#global {
    display:block;
    position:relative;
    top:50%;
    margin: auto;
    padding:0px;
    width: 800px;
    height:100px;
    background-color: #fff;
    text-align:left;
    overflow:hidden;
  }
       
a {
    text-decoration:none;
    color:#0088cc;
  }  
h1 {
    font-size:25px;
    font-weight:normal;
    display:block;
    text-align:left;
    margin:0px;
    padding:10px;
    padding-bottom:5px;
    vertical-align:middle;
  }  
h1 a:hover {
    font-weight:bold;
  }
#BottomLine {
    display:block;
    text-align:right;
    clear:both;
    background-color:#999;
    padding-right:10px; 
    padding-left:5px;
    color:#fff;
    border-radius: 5px 5px 5px 5px;
  }
#BottomText {
    display:inline;
  }
#BottomText a {
    color:#ffffff;
    text-decoration:none;
  }
.c1, .c2, .c3, .c4 {
    display:inline;
    margin:0px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding:0px;
  }
.c1  {
    border-left: 4px solid #ffffff;
    background-color:#88CC00;
    margin-left:10px;
  }
.c2  {
    background-color:#CC0088;
  }
.c3  {
    background-color:#8800CC;
  }
.c4  {                       
    border-right: 4px solid #ffffff;
    background-color:#0088CC;
  }
.spacer {
    margin:5px;
  }  
#c1  {
    color:#88CC00;
    padding-right:10px; ;
    padding-left:10px;
  }
#c2  {
    color:#CC0088; 
    padding-right:10px
  }
#c3  {
    color:#8800CC; 
    padding-right:10px;
  }
#c4  {                       
    color:#0088CC; 
    padding-right:10px;
  }