body{
 font-family:      Ariel,Helvetica,sans-serif;
 color:            #000000;
 background-color: #CCCCCC;
}
table.main{
 background-color: #999999;
 color:            #000000;
 width:            770px;
 position:         absolute;
 left:             50%;
 margin-left:      -385px;
}
table img {
 display:          block;
}
td.title{
 padding-left:     15px;
 font-weight:      900;
 font-size:        2em;
}
td.subtitle{
 padding-left:     15px;
 padding-right:    15px;
 font-weight:      bolder;
 font-size:        1em;
 text-align:       justify;
}
td.year{
 text-align:       center;
 font-weight:      bolder;
 font-size:        2em;
 padding:          5px 0px 0px 0px;
 background-color: #999999;
 color:            #FFFFFF;
}
td.sem{
 text-align:       center;
 font-size:        1.2em;
 font-weight:      bolder;
 padding:          0px 0px 5px 0px;
 background-color: #999999;
 color:            #000000;
 width:            50%;
}
td.error{
 width:            39px;
 height:           23px;
 padding:          0px 5px 0px 5px;
}
select.droplist{
 width:            331px;
 font-size:        0.6em;
}
td.result{
 text-align:       right;
 font-size:        1.2em;
 font-weight:      bolder;
 width:            331px;
 padding:          5px 0px 0px 0px;
}
.cellButton{
 font-size:        larger;
 font-weight:      bolder;
 text-align:       center;
 background-color: #999999;
 color:            #000000;
 border:           #ffffff 1px solid;
 cursor:           pointer;
}
.cellButton2{
 font-size:        larger;
 font-weight:      bolder;
 text-align:       center;
 background-color: #000000;
 color:            #ffffff;
 border:           #ffffff 1px solid;
 cursor:           pointer;
}
#image002{
 position:         absolute;
 left:             50%;
 top:              50%;
 margin-top:       -250px;
 margin-left:      -350px;
 width:            700px;
 height:           500px;
}