body {
   background-color: white;
}

h1 {
   color: blue;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   text-align: center;
   font-size: 32px;
   background-image: url("header.png") no-repeat;
   background-size: contain;
}

h2 {
   color: blue;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   text-align: center;
   font-size: 24px;
}

p {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
}

li {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
}

form {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
}

table {
   margin-left: auto;
   margin-right: auto;
}

td {
   padding: 5px;
}

.error {
   color: red;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   text-align: center;
}

.input_line {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
}

.constituency_name {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 24px;
   text-align: center;
   color: blue;
}

.constituency_list {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-align: center;
}

.candidate_list {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-align: left;
}

.candidate_name {
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 24px;
   text-align: center;
   color: blue;
}

.no_cands {
   color: Gray;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   text-align: center;
}


.main_header {
   background-image: url("header.png") no-repeat;
   background-size: contain;
}

#affirmative_button {
   background-color: lawngreen;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: blue;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#neutral_button {
   background-color: #ddd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#negative_button {
   background-color: tomato;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#create_account_button {
   background-color: #ddd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#modify_account {
   background-color: #ddd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#admin_button {
   background-color: #ddd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#contact_button {
   background-color: #ddd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: blue;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#add_candidate_button {
   background-color: #ddd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: blue;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}

#candidate {
   background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   font-weight: italic;
   text-decoration: none;
   text-align: left;
   cursor: pointer;
   border:none;
}

#candidate:hover {
   border: none;
   background:yellow;
   box-shadow: 0px 0px 1px #777;
}

#elected-mp {
   background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   cursor: pointer;
   border:none;
}

#elected-mp:hover {
   border: none;
   background:yellow;
   box-shadow: 0px 0px 1px #777;
}

#constituency-list {
   background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius:6px;
   color: #000;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border: none;
}

#constituency-list:hover {
   border: none;
   background: yellow;
   box-shadow: 0px 0px 1px #777;
}

#constituency-header {
   background-color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 6px;
   color: blue;
   font-family: "Ubuntu", "Helvetica", sans-serif;
   font-size: 26px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   border:none;
}