#demog {
            font-size: 18px;
            color:#222;
            <!--font-weight: bold;-->
        }
        body {
            overflow-y: scroll;
        }
        
        .counties {
            fill: none;
        }
        
        .states {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }
        
        .regions {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }
        
        div.tooltip {
            position: absolute;
            text-align: center;
            padding: 2px;
            background: #ffffff;
            border: 1px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            opacity: 0.0;
        }
        
        div.box {
            position: absolute;
            text-align: center;
            width: 500px;
            height: 400px;
            padding: 2px;
            background: #ffffff;
            border: 10px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            border-color: red;
            opacity: 0.0;
        }
        
        #slider {
            background-color: white;
            color: white;
        }
        
        .tick {
            color: gray;
        }
        
        .tick text {
            fill: black;
        }
        
        #barchart {
            font-size: 12px;
            width: 300px;
            height: 310px;
            /*overflow-y:scroll;*/
        }
        
        .sub-area {
            background-color: black;
            color: white;
            width: 150px;
            padding: 3px;
        }
        
        .control-set {
            background-color: #f0f0f0;
            padding-bottom: 20px;
        }
        
        .question {
            background-color: black;
            color: white;
            padding-bottom: 20px;
            font-size: larger;
        }
        
        .d3-slider-axis {
            margin-left: -50px;
        }
        
        .overlay {
            opacity: 0.8;
            background-color: #ccc;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 1000;
        }
        
        .linechart {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
        }
        
        .axis path,
        .axis line {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
            fill: none;
            stroke: grey;
            stroke-width: 1;
        }
        
        a {
            display: block;
            word-wrap: break-word;
            -ms-word-break: break-all;
            word-break: break-all;
            /* Non standard for webkit */
            word-break: break-word;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
        }
        
        #questions {
            /*width: 300px;*/
        }
        
        .dropdown-menu li a {
            white-space: normal;
        }
        
        #social-links {
            position: relative;
            float: right;
            padding-left: 250px;
        }
        
        .boxshadow {
            -moz-box-shadow: 3px 3px 5px #535353;
            -webkit-box-shadow: 3px 3px 5px #535353;
            box-shadow: 3px 3px 5px #535353;
        }
        
        .roundbox {
            -moz-border-radius: 6px 6px 6px 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px 6px 6px 6px;
        }
        
        .modal-body {
            height: 320px;
        }
        
        .draggable {
            /*background-color:yellow;*/
        }
        
        .grpl {
            background-color: lightgrey;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .grpd {
            background-color: silver;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .spc {
            margin: 0px;
            padding: 0px;
            border: 0px;
            height: 0px;
        }
        
        .row {
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
        
        #legend {
            font-size: 12px;
            top: 260px;
            left: 120px;
            width: 600px;
            height: 40px;
            margin-left: 120px;
        }
        
        .legend-text {
            font-size: 12px;
            font-weight: bold;
            text-anchor: middle;
        }
        
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }
        
        td,
        th {
            border: 1px solid #666666;
            text-align: left;
            padding: 8px;
        }
        
        tr:nth-child(even) {
            background-color: #dddddd;
        }
        
        .arc text {
            font: 10px sans-serif;
            text-anchor: middle;
        }
        
        .arc path {
            stroke: #fff;
        }
        
          #gmtc,
        #vtt {
            height: 280px;
            width: 280px;
        }
       
        #gmtc svg,
        #vtt svg {
            background-color:#EEE;
            border-radius:50%;
        }
        
        .lbl {
            text-align: center;
        }
        
        .stretch {
            font-stretch: extra-expanded;
        }
        
        .condensed {
            font-stretch: ultra-condensed;
        }
        
        #oatg #med {
            text-align: center;
        }
        
        #impact {
            font-family: Impact;
        }        
      
        .section {
            padding: 5px;
        }
        
        .section {
            padding: 5px;
        }
        svg {
            font: 10px 'BentonSansRegular';
        }

           .circle {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: #EEE;
         }

           #demog {
            font-size: 18px;
            color:#222;
        }

        #chart svg{
            width:100%;
            height:100%;
        }
             h1, h2, h3, h4, h5, h6, th, td, svg {
                font-family: 'BentonSansRegular';
            }
        p, div {
                font-family: 'BentonSansRegular';
        }

        body {
         /*    overflow-y: scroll; */
             font-family: 'BentonSansRegular';
        }

        h3, .h3 {
            font-size: 32px;    
            letter-spacing:1.8px;
            color: #333;
        }
        h5, .h5 {
            font-size: 21px;
            letter-spacing:1.5px;
            color: #666;
        }
          h4, .h4 {
            font-size: 20px;
            letter-spacing:1.5px;
            color: #666;
        }

        td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3) {
             text-align: center;
             border-left-style: hidden;
        }

      #sectorChart rect {
    fill: rgb(143, 166, 178);
      }
        
        #sectorChart text {
    fill: #666666;
    font: 10px 'BentonSansRegular';
            text-anchor: start;
            font-size:14px;
            letter-spacing:0.2px;
        }
         #sectorChart svg
{
    width: 100%;
    padding-left: 230px;
}
         .node {
            border: solid 1px white;
            font: 10px sans-serif bold;
            line-height: 12px;
            overflow: hidden;
            position: absolute;
            text-indent: 2px;
        }