.twitterlink { 	background-image: url("files/twitter_64.png"); width: 32px; height: 32px; background-size: 32px; opacity: 0.8; }
.facebooklink {  background-image: url("files/fb_32.png"); width: 32px; height: 32px; opacity: 0.8; }

.header { margin-bottom: 1.5em; padding-bottom: 1.25em; min-height: 3.1em; border-bottom: 2px solid #FF3300; }
.header a:hover, .footer a:hover { border: none; }
.header:after { content: ''; clear: both; display: block; }
.logo { margin-top: 0.3em; }
.logo-a { background-color: #FF3300; color: white; padding: 0.2em 0.2em; font-size: 1.4em; }
.logo-a:hover { color: white; }
ul.menu { padding-left: 0 !important; padding-top: 0.5em; }
/* .menu { float: right; padding: 0; margin: 0; }*/
.menu li { display: inline-block; padding: 0.3em 0 0.3em 1.5em; font-size: 17px; vertical-align: middle; }
.menu a { font-weight: 600; }
.main { min-height: 18em; padding-bottom: 3em; border-bottom: 2px solid #FF3300; }
.main a { border-bottom: 2px solid #D1D1D1; }
.main p, .main ul { margin-top: 0; margin-bottom: 0.5em; }
.main ul { padding-left: 1em; }
.article { margin-bottom: 4em; font-size: 0.9em; line-height: 1.4em; }
.articleinfo { color: #AAA; margin-bottom: 1em; font-size: 0.9em; }
.articletitle { margin-bottom: 0; }
.footer { padding: 1em 0 2em; font-size: .75em; color: #333; }
.footer .left { float: left; }
.footer .right { float: right; }

* { margin: 0; }
html { height: 100%; font-family: sans-serif; font-size: 1.25em; }
body { margin: 0 auto; padding: 2em 3em 1em 3em; max-width: 46em; line-height: 1.5em; color: #333; overflow-y:scroll; }
a { color: black; text-decoration: none; transition: color .2s, background .2s, border .2s; }
a:hover  { border-bottom: 2px solid black; color: #FF3300; }
img { max-width: 100%; }
h1 { font-size: 2em; font-weight: 300; margin-bottom: .5em; line-height: 1.25em; color: #FF3300; }
h2 { font-size: 1.95em; font-weight: 300; margin-bottom: .5em; line-height: 1.25em; }
h3 { font-size: 1.4em; font-weight: 400; margin-bottom: .5em; line-height: 1.25em; }
h4 { font-size: 1.2em; font-weight: 600; margin-bottom: .5em; line-height: 1.25em; }
blockquote { background: none; border-left: 3px solid #777; color: #777; padding: 0 0 0 10px; margin-left: 1.2em; }
hr { margin: 2em 0; height: 2px; background-color: #D1D1D1; border: none; }
pre { background-color: #F1F1F1; margin-bottom: 0.7em; line-height: 1.5em; }
code { background-color: #F1F1F1; position: relative; top: -1px; }

.noborder, .noborder th, .noborder td, .noborder tr { border: 0 !important; font-size: 1em; }

table { display: block; width: 100%; border-collapse: collapse; margin-bottom: 0.5em; font-size: 0.8em; }
table th { font-weight: bold; }
table th, table td { padding: 6px 13px; border: 1px solid #ddd; }
table tr { background-color: #fff; border-top: 1px solid #ccc; }
table tr:nth-child(2n) { background-color: #f8f8f8; }


div.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; }
div.tab a { float: left; display: block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; transition: 0.3s; font-size: 17px; }
div.tab a:hover { background-color: #ddd; }
div.tab a:focus, .active { background-color: #ccc; } 
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; }





@media (max-width: 800px) {
    .noborder td { width: 100%; display: block; margin: 10px 0px; }
    table { font-size: 0.6em; }
    .footer .left { float: none; }
    .footer .right { float: none; }

}