body
{
    background: #dcd8c0;
    font-family: Arial, Helvetica, sans-serif;
	    font-size: 13px;
	    color: #771722;
        overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {	
	    line-height: 1;
	    margin: 0 0 10px 0;
    }
   h1, h1 .Head {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
        padding: 0px 0px 10px 0px;
        font-size: 24px;
        color: #2F4E86;
        line-height: 110%;
        font-weight: normal;
        letter-spacing: 1px;
    }
    h2, h2 .Head {
	    font-family: "Tahoma", Arial, Helvetica, sans-serif;
        padding:10px 0px;
 
        font-size: 18px;
        color: #990000;
        line-height: 110%;
        font-weight: bold;
        letter-spacing: 1px;
    }

    h3, h3 a{
        font-size: .75em;
        color: #771722; 
    }

   
img {
    max-width: 100%;
}

.no-pad{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-padleft{
    padding-left: 0px !important;
}

.no-padright{
    padding-right: 0px!important;
}

.center{
    margin: 0 auto !important;
    text-align: center !important;
}

.container-fluid{
    max-width: 1800px;
}

#wrapall{
    background:#dcd8c0;
}

#phoneheader{
    background: linear-gradient(#ebe9d8, #dbd9bf);
}

#phoneregvoters{
    background: #2A2C43;
}

#dnn_avtSearch_pnlInput > div{
    margin-left: -15px;
    margin-top: 25px;
}

#bannerback{
      background: #2A2B43;
    width: 95%;
    height: 232px;
    margin: 0 0 0 67px;
    border-bottom: 8px solid #B7B084;
    border-top: 7px solid #B7B084;
    border-radius: 10px;
    border-right: 7px solid #B7B084;
}


#bannerleft{
    margin-top:-233px
}

#bannerright{
  
}

#regvoters{
    margin-top: -190px;
   margin-left:84%;
}

#registrationTotals{
    color: white;
    font-family: Arial;
    font-size: 16px;
    margin-left: -8px
}

#registrationTotals ul{
    list-style: none !important;
}

.registrationTotalsList ol, .registrationTotalsList ul{
    margin-top: 10px;
    
} 


.nav > li > a:focus, .nav > li > a:hover{
    background: none !important;
}

.nav-pills>li{
        margin-left: -4px !important;
    }

#quicklinks{
    margin: 10px 10px 0;
   
}


#quicklinks .col-md-9, #quicklinks .col-sm-3{
    margin-top: 10px;
}

#status > a > div.col-md-9.col-sm-8.col-sm-push-1.col-xs-8{
    margin-top: 2px;
}

#dnn_quicklinks .col-md-9{
    font-size: .95em;
}

/*#register, #status, #absentee, #earlyvoting, #precinct, #voter{
    background: linear-gradient(#7d0219, #520110);
    border-radius: 10px;
    font-family: arial;
    font-size: 12pt;
    height: 69px;
    
}*/


#register a,  #status a, #absentee a, #earlyvoting a, #precinct a, #voter a{
    color: white;
     background: linear-gradient(#7d0219, #520110);
    border-radius: 10px;
    font-family: arial;
    font-size: 12pt;
    height: 69px;
}

#register a:hover, #status a:hover, #absentee a:hover, #earlyvoting a:hover, #precinct a:hover, #voter a:hover,
#register a:focus, #status a:focus, #absentee a:focus, #earlyvoting a:focus, #precinct a:focus, #voter a:focus
{
    background: linear-gradient(#3c3d5b, #25263c) !important;
}

#middle{
    margin-top: 10px;
}

#leftsidebar{
    background: white;
    min-height: 1150px;
    border-top-left-radius: 10px;
}

#dnn_siteMenu{
    margin: 10px 0 100px 5px;
    height: auto;
}

.responsivecontentpane, .responsivebackpagecontentpane{
    background: white;
  
}

.responsivebackpagecontentpane{
    padding: 0 20px !important;
    border-top-right-radius: 10px;
}

.responsivecontentpane{
    padding: 0 20px !important;
}

#rightsidebar{
    background: white;
    border-top-right-radius:10px;
}
.lang-ES {
 
    cursor:pointer;
    margin: 10px 5px;
   
}

.lang-Translating {
   
    cursor:pointer;
    margin: 10px 5px;
}

#dnn_calendarmiddle, #dnn_datesmiddle, #dnn_newsmiddle{
    background: #DCD8C0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
   padding-left: 3px;
   padding-bottom: 15px;
}

#news{
    margin-bottom: 20px;
}

#dnn_datesmiddle{
    margin-bottom: 25px;
    margin-top: -20px;
}

#datestop{
    margin-top: 20px;
}

#connect, #connecttablet{
    z-index: 9;
    margin-left: 6px;
}

#connectmiddle, #connecttabletmiddle{
    background: #3D4367;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 135px;
    
}

#connecttabletmiddle{
    margin-top: 44px;
}

#datestop, #calendartop, #newstop {
    background: linear-gradient(#4e5077, #2b2c44);
    border-bottom: 2px solid #4e4e5c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 45px;
    color: white;
    font-size: 1.8em;
}

#connecttop, #connecttablettop{
    background: linear-gradient(#7d0219 ,#4c0e21);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height:45px;
     color: white;
    font-size:1.8em;
    }

#connecttop > b, #connettop > p, #connecttablettop > b, #connettablettop > p{
   
    margin: 2px 0 0 15px;

}

#newsletter img{
    margin: auto;
}

#footerrow{
    margin: 0 0;
    
}

#footer{
    background: #2a2b43;
    background-size: cover;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:10px;
    margin-bottom: 25px;
    padding: 25px 0;

}

#footer p, #footer a{
    color: white;
    text-align: center;

}

.sectionhead{
    font-size: 1.04em;
    margin-left: 7px;
  
}

footerhead{
    font-size: 2em;
    text-align: center;
    font-weight: bold;
}

.footerborder{
    border-right: 2px solid #6e739b;
}

#disclaimer{
    padding-top: 25px;
}

.glyphicon-globe{
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 1515px){
       .sectionhead{
        font-size: .76em;
        margin-left: 7px;
        padding-top: 8px;
    }
}

@media (max-width: 1415px){
    #bannerback, #bannerleft, #bannerright{
        display: none !important;
    }

    #hiddenbanner:after{
        display: block !important;
        content: url(//vrcdn.electionsfl.org/portals/marion/images/banner1390px.png);
        
    }
          
}

@media (max-width: 1350px){
     #regvoters{
         margin-top: -179px;
     }
 }

@media (max-width: 1200px){
    #hiddenbanner{
        display: none !important;
    }
    
    #regvoters{
        margin-left: 78%; 
        margin-top: -152px;    
    }

    #registrationTotals{
         
        font-size: 14px;
        margin-right: 5px;
        text-align: left;
        margin-top: -4px;
    }
    .registrationTotalsList ol, .registrationTotalsList ul {
        margin-top: 15px;
    }
     .sectionhead {
        font-size: .6em;
        margin-left: 5px;
    }
  
}

@media(max-width: 1160px) and (min-width: 1025px){
     #quicklinks .col-md-9{
        margin-top: -8px;
    }
}

@media (max-width:1024px){
    #regvoters{
        margin-top: -170px;
    }

    #quicklinks .col-md-9{
        margin-top: -8px;
    }

     #status > a > div.col-md-9.col-sm-8.col-sm-push-1.col-xs-8{
          margin-top: -20px;
          margin-left: 26px;
      }

   .sbinp-default .search-box{
        margin-top: 18px;
    }

  #dnn_avtSearch_pnlInput > div {
    
    margin-top: 0px;
}

@media (max-width: 991px) {
    #regvoters {
        margin-top: -131px;
        margin-left: 72%;
    }

    #regvoters:before{
        content: 'Active Registered Voters';
        color: white;
    }

 
    #quicklinks .col-sm-8{
        font-size: 1.75em;
        margin-top: -8px;

    }

    #register > a > div.col-xs-3.no-pad > img,  #status > a > div.col-xs-3.no-pad > img,  #absentee > a > div.col-xs-3.no-pad > img,  #earlyvoting > a > div.col-xs-3.no-pad > img,  #precinct > a > div.col-xs-3.no-pad > img,  #voter > a > div.col-xs-3.no-pad > img{
        margin-left: 100%;
    }


    #quicklinks ul {
        margin-left:0px;
    }

    .nav-pills>li{
        margin-bottom: 15px;
    }

    #quicklinks .col-md-9{
        margin-top: 3px;
    }

    #precinct > a > div.col-md-9.col-sm-8.col-xs-6, #voter > a > div.col-md-9.col-sm-8.col-xs-6, #register > a > div.col-md-9.col-sm-8.col-xs-6{
        padding-left: 72px;
    }

    .responsivecontentpane{
        padding-left: 15px !important;

    }
    #Header .sb-inp {
    
    width: 100%;
   
    margin: 10px 0 25px -11px;
}

     .sectionhead {
        font-size: 1em;
        text-align: center;
    }

      #dnn_newsmiddle a{
        text-align: center
    }
 
      #dnn_datesmiddle{

         
      }

     #connecttablet{
         margin: 20px 0;
        


     }  

     #tabletnav > nav > div > button > span{
         font-size: 2em;
     }


     #tabletnav{
         margin-top:-36px;
     }

     .navbar-nav{
         margin-top: 25px;
     }

     .navbar-toggle{
         display: block !important;
     }

     /*.navbar-collapse.collapse{
         display: none !important;
     }*/

      #status > a > div.col-md-9.col-sm-8.col-sm-push-1.col-xs-8{
       margin-left: 15px;
       margin-top: 0px;
   }

     

}

@media (max-width: 767px) {
    #quicklinks{
        margin: 0px;
    }

    
    #register, #status, #absentee, #earlyvoting, #precinct, #voter {
        margin: 5px 0;
     }

    #register > a > div.col-sm-8.col-xs-6, #status > a > div.col-sm-8.col-xs-6, #absentee > a > div.col-sm-8.col-xs-6, #earlyvoting > a > div.col-sm-8.col-xs-6, #precinct > a > div.col-sm-8.col-xs-6, #voter > a > div.col-sm-8.col-xs-6{
        font-size: 1em;
    }

   

        #register > a > div.col-xs-9, #absentee > a > div.col-xs-9, #earlyvoting > a > div.col-xs-9, #register > a > div.col-xs-9, #precinct > a > div.col-xs-9, #voter > a > div.col-xs-9, #status > a > div.col-xs-9 {
            left: 50px;
        }

        #register > a > div.col-xs-3.no-pad > img, #status > a > div.col-xs-3.no-pad > img, #absentee > a > div.col-xs-3.no-pad > img, #earlyvoting > a > div.col-xs-3.no-pad > img, #precinct > a > div.col-xs-3.no-pad > img, #voter > a > div.col-xs-3.no-pad > img {
            margin: auto;
        }

        #precinct > a > div.col-md-9.col-sm-8.col-xs-6, #voter > a > div.col-md-9.col-sm-8.col-xs-6,  #register > a > div.col-md-9.col-sm-8.col-xs-6{
        padding-left: 15px;
    }

    #quicklinks .row {
        margin: 0px;
    }

     #quicklinks .col-md-9{
        margin-top: 13px;
    }

     #quicklinks .col-xs-3.no-pad{
         margin-top: 8px;
     }

     #status > a > div.col-md-9.col-sm-8.col-sm-push-1.col-xs-8{
          margin-top: 13px;
          margin-left: 15px;

      }

    ul, ol {
        margin-left: 0px;
        list-style: none;
    }

    #registrationTotals {
        font-size: 24px;
        margin-right: 5px;
        text-align: right;
        margin-top: -100px;
    }

    #regtotal-li {
        color: white;
        line-height: 2;
        font-size: 15px;
        text-align: left;
    }

    #phonesearch{
       padding-left: 0px;
       padding-right: 0px;

    }

    #Header .sb-inp {  
        margin: 10px 0 25px 0px;
        width: 100% !important;
        }
   

    #phonenav{
        position: relative;
        bottom: 93px;
        left: 15px;
    }

    #phonenav > nav > div > button > span{
        font-size: 2em;
    }

    .navbar-nav{
        margin-top: 78px !important;
    }

    #phoneregvoters{
        position: relative;
        bottom: 35px;
    }

    .footerborder{
        border: none;
    }


}