body {
background-color: #DDD;
font: normal 80%  "Raleway","Trebuchet MS", "Helvetica", sans-serif;
margin:0;
text-align:center;
}
#cont{
margin:auto;
width:100%;
text-align:left;
}
a:link,a:visited {
color: green;
text-decoration: none;
}
a:hover {
color: #666;
}
h1 {
background-color:#fff;
padding:20px;
color:#00AEEF;
text-align:center;
font-size:2em;
margin:0px;
}
h3 {
font-size:1.2em;
background-color:#B8DCE9;
margin:0px;
padding:10px;
}
h3 a {
float:right;
font-weight:normal;
display:block;
}
th {
text-align:center;
background-color:#00AEEF;
color:#fff;
padding:4px;
font-weight:normal;
font-size:1.2em;
}
td {
font-size:1.2em;
padding:3px;
text-align:left;
}
tr {background: #fff}
tr:nth-child(odd) {background: #f0f0f0}
#footer {
background-color:#f2f2f2;
padding:10px;
}
.pager,.pager a {
background-color:#00AEEF;
color:#fff;
padding:3px;
}
.lhead {
background-color:#fff;
padding:3px;
font-weight:bold;
font-size:1.2em;
}
.lpart {
background-color:#f0f0f0;
padding:0px;
}
.lpage {
font:normal 1.0em Raleway;width:50%;
}
.lcount {
background-color:#00AEEF;
color:#fff;
padding:2px;
margin:2px;
font:bold 12px Raleway;
}
a.aemphasis {
color:#009;
font-weight:bold;
}
table{
width:70%;
margin:0 auto;
}
th, td {
    padding: 15px;
    text-align: center;
}
tr{
    width:40%;
}

tr:hover {background-color: #bfbfbf}
@media only screen and (max-width : 768px){
    table.ltable {
    -webkit-column-count:2 ;
    -moz-column-count:2 ;
    column-count:2;
    }

}
 @media only screen and (min-width : 768px){
     table.ltable {
    -webkit-column-count:2 ;
    -moz-column-count:2 ;
    column-count:2;
    }
 }