/** Stately setup
*************************************/
@font-face {
  font-family: 'stately-webfont';
  src: url("../font/stately-webfont.eot");
  src: url("../font/stately-webfont.eot?#iefix") format("embedded-opentype"), url("../font/stately-webfont.woff") format("woff"), url("../font/stately-webfont.ttf") format("truetype"), url("../font/stately-webfont.svg#testfontRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.stately {
  font: normal normal 300px/100% "stately-webfont";
  font-size-adjust: none;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga=1";
  -ms-font-feature-settings: "liga" 1;
  -ms-font-feature-settings: "liga", "dlig";
  overflow: hidden;
  width: 300px;
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.stately li {
  float: left;
  margin: -20% 0 0 -100%;
  position: relative;
  left: 101%;
  width: 100%;
  cursor: default;
  -webkit-transition: all 1s ease-in;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stately a {
color:#333;
text-decoration:none;
transition:color 1s ease-out 250ms, background-color 1s ease-out 250ms;
-webkit-transition:color 1s ease-out 250ms, background-color 1s ease-out 250ms;
}
.stately a:hover {
color:#fff;
}
.stately a:focus {
color:#fff;
background-color:#666;
}

/* note how I made the transition delay 0ms */
.stately a:active {
color:#333;
background-color:#666;
transition: 1s 0ms;
}
/** Style customizations
*************************************/
.stately {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 10px;
  border-top: 1px solid #dddddd;
}	

#intrideans {
  color: #b0b0b0;
}
#intrideans .ca,
#intrideans .co,
#intrideans .dc,
#intrideans .fl,
#intrideans .ks,
#intrideans .md,
#intrideans .mn,
#intrideans .mi,
#intrideans .nj,
#intrideans .ny,
#intrideans .oh,
#intrideans .va,
#intrideans .wa,
#intrideans .wy {
  color: #a3d07e;
}

#election {
  color: #00aeef;
}
#election .id,
#election .ut,
#election .az,
#election .ak,
#election .wy,
#election .mt,
#election .no,
#election .sd,
#election .nd,
#election .ne,
#election .ks,
#election .ok,
#election .tx,
#election .mo,
#election .ar,
#election .la,
#election .ms,
#election .tn,
#election .ky,
#election .wv,
#election .nc,
#election .sc,
#election .ga,
#election .al {
  color: #ff7474;
}

#presidents {
  color: #b0b0b0;
}
#presidents .va,
#presidents .oh,
#presidents .ma,
#presidents .ny,
#presidents .nc,
#presidents .tx,
#presidents .vt,
#presidents .ak,
#presidents .ca,
#presidents .ga,
#presidents .hi,
#presidents .il,
#presidents .ia,
#presidents .ky,
#presidents .mi,
#presidents .ne,
#presidents .nj,
#presidents .pa,
#presidents .sc {
  color: #ff8b3e;
}

#stately2 {
  color: #b0b0b0;
}
# stately2 li:hover {
color:#b0b0b0;
}
#stately2 .va,
#stately2 .oh,
#stately2 .ma,
#stately2 .ny,
#stately2 .nc,
#stately2 .tx,
#stately2 .vt,
#stately2 .ak,
#stately2 .ca,
#stately2 .ga,
#stately2 .hi,
#stately2 .il,
#stately2 .ia,
#stately2 .ky,
#stately2 .mi,
#stately2 .ne,
#stately2 .nj,
#stately2 .pa,
#stately2 .sc {
  color: #ff8b3e;
}