@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Alegreya+Sans|Iceland);

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Helv, sans-serif;
  font-size: 11pt;
background: #141a30; /* Old browsers */
background: -moz-linear-gradient(top,  #141a30 0%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141a30), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #141a30 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #141a30 0%,#d8d8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #141a30 0%,#d8d8d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #141a30 0%,#d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141a30', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
background-repeat: repeat-x;
height: 100%;
}

table {
  padding: 0px;
  font-family: Arial, Helvetica, Helv, sans-serif;
  font-size: 11pt;
}

#outer-wrapper {
  width: 98%;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px;
}

#header {
  background-image: url('/img/statalist-header-bg3.png');
  height: 75px;
  border-bottom: solid 2px #151B31;
}

#header div.site-logo img {
  height: 70px;
  padding-top: 5px;
  border: none;
}

#content {
  padding: 0px;
  background-color: #FFFFFF;
  margin-bottom: 0px;
}


#footer {
  background-color: #145E8F;
  text-align: center;
  height: 48px;
  vertical-align: middle;
  color: #EFEFEF;
  padding: 5px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 9pt;
  margin-top: 0px;
}
p {
  padding: 5px;
}

h1,h2,h3,h4,h5,h6 {
//  font-family: "Iceland", Arial, Helvetica, Helv, sans-serif;
  padding: 5px;
}


h2,h3 {
  color: #145E8F;
}

h1 {
  font-size: 20pt;
}

h2 {
  font-size: 18pt;
}

h3 {
  font-size: 16pt;
  font-weight: normal;
}

h4 {
  color: #2DA4FF;
  font-size: 14pt;
  font-weight: normal;
}

a:link {
  color: #145E8F;
  text-decoration: none;
}

a:hover {
  color: #145E8F;
  text-decoration: underline;
}

#footer a:link {
  color: #EFEFEF;
  text-decoration: none;
}

#footer a:visited {
  color: #AFAFAF;
  text-decoration: none;
}

#footer a:hover {
  color: #EFEFEF;
  text-decoration: underline;
}


#leftintro {
  width: 43%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px;
  padding: 0px 10px;
}

#rightintro {
  width: 43%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px;
  padding: 0px 10px;
  border-left: dotted 1px #145E8F;
}

#centerintro {
  width: 98%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0px 5px;
  padding: 0px 10px;
}

#splash {
  background-image: url('/img/abstract-splash.png');
  background-position: center center;
  color: #FFFFFF;
  font-size: 12pt;
  margin: 0px;
  width: 100%;
  max-width: 1200px;
  min-height: 215px;
  text-shadow: 3px 3px 5px #000000;
}

#splash a:link {
  color: rgb(255, 161, 0);
}

#splash a:hover {
  color: rgb(255, 161, 0);
}

#splash a:visited {
  color: rgb(255, 161, 0);
}

@media screen and (max-width: 599px) {

#leftintro {
  width: 100%;
  display: block;
  vertical-align: top;
  margin: 0px 5px;
  padding: 0px;
  border: none;
}

#rightintro {
  width: 100%;
  display: block;
  vertical-align: top;
  margin: 0px 5px;
  padding: 0px;
  border: none;
}

}