@import "../fonts/Roboto.css"; 
@import "../fonts/Roboto-Slab.css";
body {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0; background-color: #f0f0f0;}
#heading {margin-left: 30px;margin-right: 30px;border-bottom: solid 2px #777;border-right: solid 2px #777;border-radius: 0px 0px 10px 0px;background-color: #ddd;}
#heading table {width: 100%;}
#heading td {width: 33%;}
#heading td.ht {font-size: 30pt; text-align: center; color: #777;font-family: 'Roboto Slab'; font-weight: 300;text-shadow: 3px 3px 0px #ffffff;}
#menu {margin-left: 30px; margin-right: 30px; margin-top: 6px; margin-bottom: 6px;border-bottom: solid 2px #777;padding-bottom: 4px;}
#menu div.d1 {display: inline-block; width: 140px; font-size: 12pt;color: #666; text-align: center; float: left;text-shadow: 2px 2px 0px #ffffff;}
#menu div.d2 {display: inline-block; width: 140px; font-size: 12pt;color: #666; text-align: center; float: right;text-shadow: 2px 2px 0px #ffffff;}
#menu div.d3 {background-color: #f0f0f0;display: none;}
#menu div.sel {color: #b92e02; font-weight: bold;}
#menu .clear {clear: right;}
#menu a {text-decoration: none;color: #666;}
#menu a:hover {color: #b92e02; font-weight: bold;}
#main {margin: 30px; border: solid 1px #888; border-radius: 8px; background-color: #f8f8f8;padding: 10px;box-shadow: 8px 8px 8px #888;}
#clear1 {clear: left;}