body {margin: 0 }


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





/* :::::::: ACTIONS :::::: */
.box-action {
position: relative; 
width: 100%; height: auto; 
text-align: center;   

}

.box-action h1 { font-size: 28px }



/* ::: Social media. This is a absolute block   ::: */
#container-sm {
width: 50px;
display: block;
position: absolute; top: 90px; right: 0px;
z-index: 110; 
}

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


/* :::::::: Banner ::::::: */
#banner { 
position: relative; 
background-color: #4aa3dd; 
width: 100%; height: auto; 
text-align: left;
border: none 2px #000;
padding: 2% 7%;
}


#nav {width: 100% ; height: 80px; color: #fff; display: block; margin-bottom: 40px;}

#nav a:link, #nav a:visited, #nav a:active { color:#fff; text-decoration: none } 
#nav a:hover { color:#fe9 } 

#logo {background-color:#4aa3dd; text-align: left;}
#logo img {width: 400px }
#logo.hp img {width: 75% }


#nav2 {width: 100% ; height: auto; 
text-align: center; color: #fff; 
margin-bottom: 10px; font-size: 14px; line-height: 2; padding: 5px 20px;}

/* ::::::::::::::::::::::: Video display + homepage graphic  ::::::::::::::::::::::: */

.video-embed { width: 80%; height: 280px; border:solid 8px #fff }

.graphic-hp { width: 80%;  border:solid 8px #fff }



/* ::::::::::::::::::::::::::: Columns :::::::::::::::::::::: */

#column-full, #content {width: 100%; padding: 0 30px; }
#column-full.candidates {padding: 0 5px; }

#column1.hp, #column1 { text-align: left; width: 100%; float: none; padding: 0 20px ; margin-right: 0; } 
#column1.hp ul { text-align: left }
#column2.hp, #column2.signup  { float: none; text-align: left; width: 100%; margin-left: 0; padding: 0 20px }

#column2.signup {margin-top: 0px }


#col1 { background-color:#fff; width: 100%; 
float: none; border: none;  
margin-top: 0; margin: 0;
font-size: 14px; line-height: 1.4; 
padding: 0 20px;
 }
 
#col1 p {font-size: 18px; }

#col2.sidebar {
width: 100%;
position: relative; right: 0; top: 20px;
background-color:#4aa3dd; 
 float: none;  border: none;
font: normal 14px helvetica, arial,sans-serif; line-height: 1.6;  color: white; padding: 10px }

 #col2 .box-sidebar {width: 100%}


/* ::::::: volunteer  Columns ::::::  */
 #column1.volunteer { float: left; width: 96%; padding-left: 2%}
 #column2.volunteer { float: left; width: 96%; padding-left: 2%}

 #column1.volunteer h1 {font-size: 20px }



/* :::::::: Navigation - candidates ::::::: */
#nav-candidates {
position: absolute ; bottom: -40px; left: 0px; 
width: 100%; height: auto;
padding: 5px; 
	/* background-color: #1e68b6; */
	background-color: transparent;

 z-index: 120 }

#nav-candidates img { width: 35px; height: 35px; margin-right: 2px; border:solid 1px #fff;}

#nav-candidates a img:link { border:solid 1px #fff; }
#nav-candidates a:hover img { border:solid 1px #000; }




/* Used for candidate profiles */

#nav-candidates { display: none}


/* ::::::::::::::::::::::: Voter code table ::::::::::::::::::::::: */

#codes { 
width: 90%; 
background-color: #fff; 
border: solid 4px black; 
padding: 20px 0; 
text-align: center; 
margin-left:  5%; 
margin-right:  5%
 }



table.voter-info { 
text-align: center; 
width: 100%; 
background-color: transparent;
margin-left:auto; 
    margin-right:auto;
} 
 
 
/* ::::::::::::::::::::::: Presentations ::::::::::::::::::::::: */


.box-video { 
float: left; 
width: 70%;
height: 280px; 
margin-right: 0px;
overflow: hidden;
padding: 0; margin-bottom: 20px; 
}


 /* :::::::: issues ::::::: */
.box-issue {
position: relative; 
float:left; width: 32%; 
height: 340px; 
}