body { font-family: Roboto, sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #002828; } .header_row { padding-top: 10px; padding-left: 10px; font-size: 30px; width: 100%; color: #f9f9f9; font-family: Roboto, sans-serif; height: 50px; } .container {height: 100%; width:100%; font-size:0;} .sidenav-left { width: 10%; padding-top: 10px; padding-bottom: 10px; display: inline-block; *display: inline; vertical-align: top; text-decoration: none; font-size: 25px; } .sidenav-left a { color: #818181; text-decoration: none; } .sidenav-left a:hover { color: #f1f1f1; } .sidenav-right { width: 27%; height: 100%; margin-left: 1%; margin-right: 1%; background-color: #818181; color: #f9f9f9; padding: 10px 5px 5px 5px; font-size: 18px; display: inline-block; *display: inline; vertical-align: top; overflow: scroll; } .sidenav-right a:hover { color: #f1f1f1; } .map { width: 60%; height: 100%; display: inline-block; *display: inline; vertical-align: top; } .footer_row { padding-top: 10px; padding-left: 10px; font-size: 16px; text-align: center; width: 100%; color: #f9f9f9; font-family: Roboto, sans-serif; height: 50px; } .footer_row a { color: #818181; text-decoration: none; } .footer_row a:hover { color: #f1f1f1; } .subpage_header_div { margin-left: 180px; padding-top: 10px; padding-left: 10px; font-size: 20px; width: 100%; color: #888; font-family: Roboto, sans-serif; background-color: #f0f0f0; } .data_div_header { margin-left: 180px; padding-top: 10px; padding-left: 10px; font-size: 20px; width: 100%; color: #888; font-family: Roboto, sans-serif; background-color: #d0d0d0; } .data_div_content { margin-left: 180px; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; font-size: 14px; width: 100%; color: #888; font-family: Roboto, sans-serif; background-color: #d0d0d0; height: 200px; } .report_div_content { margin-left: 180px; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; font-size: 14px; width: 100%; color: #888; font-family: Roboto, sans-serif; background-color: #d0d0d0; }