body { font-family: sans-serif;}

.C200
     { 
       width: 200px;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
     }

.C400
     { 
       width: 400px;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
     }

.C600
     { 
       width: 600px;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
     }

.C800
     { 
       width: 800px;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
     }

.C1000
     { 
       width: 1000px;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
     }

.C98
     { 
       width: 98%;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
     }

.buttonbar
     { 
       display: block;
       height: 40px;
       border: 1px solid black;
       background-color: #cccccc;
       padding: 5px;
       margin-bottom: 2px;
       /* float: left; */
     }

a
    {
       border: 1px solid black;
       border-radius: 5px;
       background-color: #333333;
       padding: 5px;
       margin: 5px;
       text-decoration: none;
       color: white;
       display: block;
       float: left;
    }

a:hover
    {
       background-color: #999999;
       color: black;
    }

a:active
    {
       background-color: #ffffff;
       color: black;
    }