* { box-sizing: border-box; }

body { margin:0; background-color:#fff; text-align:center; }

table {overflow: scroll }

 #container { 
position: relative;
margin:0; padding:0; 
background-color:#fff; 
height:auto; width: 100%; 
text-align:center;
border:none;
 }


.quote {text-align:center}

/* ::::::::::::::: Hide these    :::::::::::: */

.hide-phone-pad {display:none}
.hide-phone {display:none}
.hide-screen {display:inline}
.hide-screen-pad { display: inline }

.shared-heading {padding: 10px; width: 100% }

/* ::::::::::::::: Navigation area   :::::::::::: */

#container-nav { 
position:relative; left: 0; top: -20px;
width:100%; height:40px;
text-align:center;
background-color: #fff;
padding: 5px 0px; margin:0; margin-bottom: 0px; 
z-index:100;
border: none 2px #000;
}

#container-nav ul li { margin:0 }

#container-nav ul { margin: 0; padding:0 } 

#container-nav ul li a:link, 
#container-nav ul li a:visited {
display: inline;
width: auto; 
padding: 15px 10px 0px 5px;
	font-size: 14px;
line-height: 2;	
}

.quicklinks {
display: none;
}



/* ::::::::::::::::::::::: PINSTYLES ::::::::::::::::::::::: */

/* Allows as many as will fit per row. Define width/height/colors on page */
.pinstyle {
width: 44%; height: 220px; 
float: left;
margin-right: 2px; margin-bottom: 10px;
padding: 5px 10px; 
border-radius: 10px; 
border: none 10px #eecc00;
text-align: center; 
font-size: 11px; 
line-height: 1.4; 
}


/* Allows only 2 per row */
.pinstyle2 {
float: left;
width: 40%; height: 200px;  
margin-right: 2%; margin-bottom: 10px;
padding: 5px 10px; 
border-radius: 10px; 
border: none 10px #eecc00;
text-align: center; 
color: #fff; 
background-color: #235f9a; }


/* ::::::::::::::: Banner ::::::::::::: */

.top { padding: 12px 0; text-transform: uppercase; font-size: 16px; letter-spacing: 0em; 
z-index: 90;}


 #banner { 
position: relative; top: 0px; left:0;
height: 120px; width:100%; 
margin:0; padding:0;
text-align:center; 
background-color: ;
clear: both;
}

#logo { float:none; clear: both; width:100%; padding:0; margin: 0; }

#logo img { float:none; width: 300px;  }

.phoneno {
float:none; clear:both; 
width: 100%;
text-align:center; 
margin-bottom:20px;
display: block; 

}

#menu-button {
position: relative; top:0; left:0;
display: block;
text-align: center; 

width:100%; height: 50px;
color: #fff;
font-size: 30px;
}




.quicklinks {
display: none;
}



/* ::::::::::::::: Pan area   :::::::::::: */
#pan {display: block; height: auto; width: 100%; }
#pan img { height: auto; width: 100%; }


/* ::::::::::::::: Elections :::::::::::: */

.box-candidate {
position: relative; 
width: auto; height: auto; 
float:left; 
	text-align: center;   
border: solid 1px #fff;
margin-right: 2%; margin-bottom: 1%;
background-color: #5566d0;
line-height: 15px;
padding: 0 0;
color: #fff;
overflow: hidden;
}

.box-candidate img { margin: 0; width: 138px ; height: 138px; }


/* ::::::::::::::: Content area GENERAL  :::::::::::: */


/* :::::::::::::::: 3-block setup  ::::::::::::::  */
 .block3, .block3-main {
position:relative;left:0px;
height:auto; width:100%;
margin-left: 5px;  margin-bottom: 5px; 
line-height:1.5;
border-radius:0;
}



.block3 h2 {
font: 400 20px helvetica;  color: #5566d0
}




.block2x {width: 80%; height: auto; font-size: 20px; line-height 1.5; padding: 1%;  }




/* ::::::::::::: 2-column setup :::::::::::::::: */
#column-main, #column-sidebar { 
position:relative; top:10px;
clear: both;
float:none; 
width: 100%; 
margin:0; padding:0; padding-left: 4%;
background-color:transparent;text-align:left;
font: normal 14px helvetica, arial, sans-serif; 
overflow:visible;
z-index:10;
border:none;
}


#column-main  h1 {  letter-spacing:0em; margin-bottom:10px; font-size: 24px}
#column-main  h2  { font-size: 20px; letter-spacing:0em; margin-bottom: 20px} 
#column-main ul li {margin-left:20px; font-size:14px; line-height: 1.5}




#column-sidebar { 
position:relative; top:40px;
float:none; clear:both;
width: 100%; height:auto; min-height:100px;
margin: 0; 
padding: 10px 2% 10px 2%;
border:none 3px #c5c071;
border-radius: 0px; -webkit-border-radius: 0px;
}

#column-sidebar h1 { font-weight:normal; margin-top:10px; }

#column-sidebar h2 { 
margin-top: 0 ;
color:#5566d0;
font: 400 30px helvetica, arial, sans-serif;
letter-spacing:0; 
}

#column-sidebar ul li { 
text-align:left;
color:#fff;
font: 200 14px helvetica, arial, sans-serif;
line-height:1.6;
margin-left:0; padding-left:0;
}










/* ::: 2-BLOCK SPECIAL PAGES  ::: */

/* ::: VOLUNTEER ::: */
#blocks.volunteer { }
#column-main.volunteer { width: 100%}
#block-sidebar.volunteer { width: 100%; margin-left: 0}


/* ::: DONATE ::: */
#column-main.donate { width: 100%}
#block-sidebar.donate { width: 100%; margin-left: 0%}



/* :::::::::::::::: Contact us ::::::::::::::  */



#column-main.contactus, #block-sidebar.contactus {
float:left; 
height:auto; width: 100%; 
border-radius: 0px; -webkit-border-radius: 0px;
margin-top:0px; margin-left:0px;
background-color:#fff;
padding: 0 2%;
z-index:100;
}


.contactus h6 { font-size: 16 px }

#block-sidebar.contactus iframe {}

/* ::: social media. This is a absolute block   ::: */
#container-sm {
position: absolute; bottom: 500px; right: -500px;
width: 50px;
display: none;

z-index: 110; 
}

#container-sm img {border: solid 1px #fff }

/* :::::::::::::::: Links ::::::::::::::  */




a.r { text-decoration: none; color:#fff; font-weight:bold }