html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    /*padding: 0 0 60px;*/
}

.wrap > .container {
    /*padding: 200px 15px 20px;*/
    width:100%;

}

.container {
    width:100%;
    padding:0;
   /* min-height:100%;
    background-color:yellowgreen;*/
}

.content {
    margin-top:120px;
    /*height: 100%;
    background-color:darkorange;*/
    }



.pageContent {
    position: relative;
    top: 200px;
}

.footer {
    height: 80px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    /*position: absolute;
    bottom:0px;*/
    /*top: 200px;*/
    text-align:center;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.header-box {
    margin-top:30px;
}

.header-image {
    z-index: 999;
    position:fixed;
    width:100%;
    height: 80px;
}
.navbar{
    min-height: 30px;
}

.navbar-red {
    background-color: red;
    /*background-image: url("https://new.democracyrules.org/images/header/slogan.jpg");*/
    border-color: #080808;
    background-repeat: no-repeat;
    min-height: 30px;
    max-height: 20px;
   /* min-height: 30px;
    height: 30px;
    padding-top:0px !important;
    padding-bottom:0px !important;*/
    >li color: white; font-weight:bold;
}

.navbar-blue {
    z-index: 999;
    background-color: darkblue;
    color:white !important;
}

.navbar-blue  >ul  >li {
    color: white; font-weight:bold;
}


.navbar-blue .navbar-nav > .active > a {
    color:lime !important;
    background-color:  darkblue !important;
    padding-top: 5px;
    margin-top: 5px;
}

.navbar-red .navbar-nav > .active > a {
    color:lime !important;
    background-color: red !important;
    height:10px;
}



.navbar-nav {
    z-index: 999;
    padding-top:0px !important;
    padding-bottom:0px !important;
    margin: -4px;
    font-weight: bold;
    margin-right:25px;
}
.navbar-nav > li > a {
    padding: 10px;
    height:10px;

    color:white !Important;
     padding-right: 0px;
     padding-left: 5px;
 }

.navbar-nav > li:hover > a {
    padding: 10px;
    height:10px;
    /*background-color: yellow !important;*/
    color:yellow !important;
    padding-right: 0px;
    padding-left: 5px;
}

@media only screen and (max-width: 750px) {
    .navbar-nav > li > a {
        padding-top: 0;

        background-color: darkblue;
        height: 35px;
    }

    .navbar-nav > li:hover > a {
        background-color: yellow !important;
        color:black !important;
        height: 35px;
    }

    .navbar-blue .navbar-nav > .active > a {
        color:lime !important;
        /*background-color:  transparent !important;*/
        height:35px;

    }

    .navbar-red .navbar-nav > .active > a {
        color:lime !important;
        /*background-color:  transparent !important;*/
        height:35px;

    }

}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 10px;
    border: none;
    color: blue;
    font-weight:bold;
}

.navbar-brand {

}


a:link {
    color: #CC6600;
    text-decoration: none;
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.navbar-fixed-top2 {
    position:fixed;
    height:10px;
    top: 110px !important;

    width: 100%;
    border-width: 0 0 1px;
}


.nav-item {
    margin-right:30px;
    color:white;
}

.navbar-right{
    padding-top:15px;
}


.libertyBackground {
    background-image: url("https://new.democracyrules.org/images/global/liberty_large.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.faqStripe {
    float: left;
    height: 630em;
    width: 50px;
    padding: 0 10px;
    position: relative;
    top: 150px;
}

.faqGuts {
    float: left;
    height: 80em;
    width: 50%;
    padding: 0 10px;
    /*background-color: blanchedalmond;*/
    position: relative;
    top: 150px;
}
.leftBorder {
    background-image: url("https://new.democracyrules.org/images/global/DR_left_border.png");
}

.rightBorder {
    background-image: url("https://new.democracyrules.org/images/global/DR_left_border.png");
    transform: scaleX(-1);
}

.home_layout {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
}
.home_column_1 {
    width: 20%;
    padding-right:10px;
    /*background-color: coral;*/
}

.home_image {
    width: 200px;
}

.header_container {
    margin-right:5%;
    margin-left:5%;
    margin-top:200px;
}

.header_container_e {
    margin-right:5%;
    margin-left:5%;
    /*margin-top:100px;*/
}


.issue_box {
    float: left;
    height: 3000px;
    width: 33%;
    padding: 0 10px;
}

label {
    font-weight: normal !Important;
    display: block;
    margin-bottom: 20px;
}

.radio-label {
    margin-left:40px;
    }

input[type=radio] {
    outline: 2px solid red !important;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    }

.submit {
    color: #CC6600;
    background-color: white;
}

.custom_wrapper {
    /*position: relative;*/
    top: 160px;
    margin-left: 50px;
}

.error_bar {
    padding: 10px;
    color:red;
    font-weight:bold;
}

.custom_description {
    margin-top:50px;
}

.breadcrumb {
    background-color: #D3D3D3;
    font-size: 0.8em;
    height: 25px;
    /*margin-top: 100px;*/
    /*padding: 10px 20px 0px 10px;*/
    width: 71%;
    /*margin-left:50px;*/
}

.gray_bar {
    height: 25px;
    width: 100%;
    background-color: lightgray;
    float: left;
    padding-left: 30px;
    /*padding-top: 8px;*/
}
.text_column {
    width: 100%;
    vertical-align: top;
    float: left;
    padding-right:20%;
}

.bodytext {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

.bodybold {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    word-spacing: 1px;
    line-height: 1em;
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

.spacer {
    float: left;
    height: 30px;
    width: 100%;
}

.percent_bar {
    background-color: #FF0000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    float: left;
    height: 5px;
    margin-left: 40px;
    margin-top: 8px;
}
.subhead1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 21pt;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    position:relative;
    margin-bottom:30px;
    
}

.subhead1e {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 21pt;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    position:relative;
   /* top:200px;*/
    margin-left: 5%;
 
    /*top:100px;*/
}

.subhead2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 21pt;
    font-style: normal;
    font-weight: bold;
    color: #003366;
}

.subhead3{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 21pt;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    width:100%;
    margin-left: 50px;
}

.subhead_text{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 21pt;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    position:relative;
	margin-bottom:30px;

}

.sub_gray_bar {
    background-color: #D3D3D3;
    float: left;
    height: 25px;
    padding-left: 30px;
    padding-top: 4px;
    margin-left: 50px;
    margin-right: 100px;
    width:90%;


}

.sub_gray_bar_e {
    background-color: #D3D3D3;
    float: left;
    height: 25px;
    padding-left: 30px;
    padding-top: 4px;
    margin-left: -15px;
    margin-right: 100px;
    width: 100%;


}
.trustee_block{
    width: 20%;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
}
.clear {
    height:200px;
}

.bodyred {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: 1px;
    line-height: 20px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
}
.bodygreen {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: 1px;
    line-height: 20px;
    font-style: normal;
    font-weight: bold;
    color: #008000;
}

.bodybrightblue {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-size: 12px;*/
    letter-spacing: 1px;
    word-spacing: 1px;
    line-height: 20px;
    font-style: normal;
    font-weight: bold;
    color: #4103F8;
}

#footer {
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    /*border-top: 1px solid #C9E0ED;*/
}

     /* The container */
 .button_container {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 22px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

.button-container input[type="radio"]{
    position: absolute;
    /* opacity: 0;*/
    left: -50px;
    cursor: pointer;
}

/* Hide the browser's default radio button */
.container input[type="radio"]{
    position: absolute;
   /* opacity: 0;*/
    cursor: pointer;
}

#trusteeVoteForm {

    left:-50px;
    cursor: pointer;
}



.tableLeft {
    width: 40%;
    float:left;
    padding: 20px;
    border: 3px solid green;
}

.tableRight {
    width: 60%;
    float:right;
    padding: 20px;
    border: 3px solid red;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 3px;
    left: -50px;
    height: 25px;
    width: 25px;
   /* background-color: #eee;*/
    border-radius: 50%;
    border: 2px solid red !important;
}

.checkmark_alt {
    position: absolute;
    top: 40px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    border: 2px solid red !important;
}



/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/*video s\ettings*/
 .center {
        width: 1000px;
        height: 500px;
        margin: auto;
        border: 3px solid #4287f5;
    }
    #outer-div {
        width: 100%;
        /*height: 500px;*/
        text-align: center;
        background-color: #9acfea
    }
    #inner-div {
        display: inline-block;
        margin: 0 auto;
        width: 1000px;
        /*height: 500px;*/
        /*padding: 3px;*/
        /*background-color: #8ebf42*/
    }

 .reg_stats_column {
       float: left; 
       width: 50%;
       }

.reg_stats_column::after {
    float: left;
    width: 50%;
}
 .issueClass {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 1px;
    line-height: 20px;
    font-style: normal;
    font-weight: bold;
    color: darkblue;
 }

.indent_left_15 {
    margin-left: 15px;
    display: block;
}

.subcatFootnote {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: bold;
    color: darkred;
    text-transform: capitalize;
}

.indent_left_30 {
    margin-left: 30px;
}
.issueFootnote {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: bold;
    color: black;
    text-transform: capitalize;
}
.body_container div {
    display: inline-block;
    float:left;
    padding: 0;
    margin: 1%;
}
.column_one {
    /*width: 700px;*/
    vertical-align: top;
}

.column_two {
   /* width: 700px;*/
    vertical-align: top;
}
.column_three {
    width: 700px;
    vertical-align: top;
}


@media(max-width:767px) {
    .container {
        width:90%;
        padding:0;

    }

    /*.body_container div {
        display: inline-block;
        float:left;
        padding: 0;
        margin: 1%;
    }*/


    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    .header-image {
        height:65px;
        width: 700px;
    }

    .home_column_1 {
        width: 20%;
        padding-right: 10px;
        /*background-color: aquamarine;*/
    }

    .home_image {
        width: 100px;
    }

    .navbar-fixed-top2 {
        position:fixed;
        height:10px;
        top: 95px !important;

        width: 100%;
        border-width: 0 0 1px;
    }

    /*.navbar-nav > li > a {
        //padding-top:10px !important;
        padding-bottom:0px !important;
        color:white !important;
        background-color: lightseagreen;
    }

    .navbar-nav > li > focus  > a  {
        color:lime !important;
        background-color: red !important;
        height:10px;
    }*/



    .navbar-toggle {
        background-color: black;
    }
    .issue_box {
        float: left;
        /*height: 470px;*/
        width: 400px;
        padding: 0 10px;
    }
    /*.column_two {
        width: 700px;
        vertical-align: top;
        background-color: lightgray;
    }*/
    .header_container > img {
        width:50%;
    }

    .custom_wrapper {
        position: relative;
        top: 100px;
        margin-left: 50px;
        width: 71%;
    }

   .reg_stats_column {
       float: left; 
       width: 100%;
       }

  

   /* .sub_gray_bar_e {
        background-color: #D3D3D3;
        float: left;
        height: 25px;
        padding-left: 30px;
        padding-top: 4px;
        margin-left: -15px;
        margin-right: 100px;
        width: 120%;
}*/

.subhead_text{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 21pt;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    position:relative;
	margin-bottom:30px;
    margin-top:80px;
}

.breadcrumb {
    background-color: #D3D3D3;
    font-size: 0.6em;
    height: 50px;
    /*margin-top: 100px;*/
    /*padding: 10px 20px 0px 10px;*/
    width: 100%;
    /*margin-left:50px;*/
}

.picture_column > img{
    width:90%;
    }


}