#mainBox{
    background: #EEE;
    height: 100%;
    width: 1180px;
    padding: 10px;
    display: inline-block;
    font-size: 12ptx;
}

#mainBox UL{
    width: 1200px;
    font-size: 12pt;
    text-align: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}


#mainBox UL LI.left{
    width: 500px;
    margin: 0 10px 0 0;
    text-align: left;
    vertical-align: middle;
    border: 0 5px 0 0;
    padding: 0 5px 0 0;
    display: inline-block;
    position: relative;
}    

#mainBox UL LI.right{
    width: 580px;
    margin: 0 0 0 10px;
    border: 0 0 0 5px;
    background: #CFC;
    text-align: center;
    vertical-align: middle;
    padding: 0 0 0 5px;
    display: inline-block;
    list-style-type: none;
    position: relative;
}    


TABLE, TH, TD{
    border: 1px solid black;
}

TABLE{
    border-collapse: collapse;
}

TH{
    height: 50px;
}

TD{
    padding: 5px 15px 5px; 5px;
}

TR.row{
    font-size: 15pt;
    height: 50px;
}

TR:nth-child(even){  background: #CCC  }
TR:nth-child(odd) {  background: #FFF  }

.red{
    color: red;
    font-weight: bold;
}

.green{
    color: green;
    font-weight: bold;
}

.blue{
    color: blue;
    font-weight: bold;
}

.red:hover, .green:hover, .blue:hover{
    font-size: larger;
}