#trainingcontent{
    width:1000px;
    float:left;
}
#trainingcontent #titlebar{
    float:left;
    width:100%;
    height:20px;
    background-color: darkseagreen;
    text-align:center;
}

#trainingcontent #titlebar #title{
    
    margin-right:10px;
    color: white;
    font-weight: bold;
    margin-right:auto;
    margin-left:auto;
      
}
.trainingtablewrapper{
    width:300px;
    float:left;
     margin-top:10px;
     margin-left:10px;
}
.trainingtable{
    width:100%;
    float:left;
     margin-top:10px;
     margin-left:10px;
}
.traininglabel{
    width:100%;
    float:left;
     margin-top:10px;
     margin-left:10px;
     font-weight: bold;
}
.trainingtable tr{
    padding:2px;

}
.trainingtable td{
    padding:5px 5px;
    font-size:25px;
    border:thin black solid;
}
.trainingtable th{

    font-size:25px;
    font-weight:bold;
    background-color:darkseagreen;
    height:20px;
    border:thin black solid;
    text-align: center;
    padding:15px 5px ;
    color:#ffffff;
    
}

#trainpdfwrapper{
    float:left;
    width:980px;
    margin-left:10px;
margin-top:10px;
max-height:650px;
 border:thin black solid;
 overflow: auto; -webkit-overflow-scrolling: touch; 
}
#trainpdf{
    float:left;
    margin-left:auto;
    margin-right:auto;
    height:auto;
width:100%;
    
}
#trainul{
    float:left;
    margin-left:auto;
    margin-right:auto;
    height:auto;
width:100%;
    font-size:20px;
    list-style: none
}
#trainul li{
    float:left;
    margin-left:auto;
    margin-right:auto;
    height:auto;
width:100%;
    
}
#trainul  li img{
    float:left;
    margin-left:auto;
    margin-right:auto;
    height:auto;
width:100%;
    
}