/* html elements */

/**
 * The default font size is 16px x 81.3% = 13px
 * Use http://pxtoem.com to calculate proper font size and scale.
 *
 * The font size is set on the html element so we can dynamically
 * resize the font using body classes.
 */

@font-face {
    font-family: 'ArimoRegular';
    src: url('fonts/Arimo-Regular-Latin-webfont.eot');
    src: url('fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
         url('fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
         url('fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'RaleThin';
    src: url('fonts/raleway_thin-webfont.eot');
    src: url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway_thin-webfont.woff') format('woff'),
         url('fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('fonts/raleway_thin-webfont.svg#RaleThin') format('svg');
    font-weight: normal;
    font-style: normal;
} 
 
html {
  font-size: 87.5%;
}
body {
  font-family: 'ArimoRegular', Arial, sans-serif;
  line-height: 1.5;
  background-color: #a0b8c3;
  padding-top: 20px;
}
h1 {
  font-size: 1.286em;
  margin-bottom: 15px;
}
#columns .columns-inner > h1{
    font-size: 3.143em;
    font-weight: normal;
    padding: 6px 12px 0px;
    background-color: #003a55;
    color: #FFFFFF;
    margin-bottom: 37px;
}

#main-content > header{
    margin-left: 0;
    margin-right: 0;
}
h2 {
  font-size: 1.385em;
}
h3 {
  font-size: 1.231em;
}
h4 {
  font-size: 1.077em;
}
h5,
h6 {
  font-size: 1em;
}

a img {
  border: none;
  display: block;
}
img {
  max-width: 100%; /* flexible images - can cause issues in table cells where no width is set on the column, only in webkit and IE 7/8 */
  height: auto;
}
p {
  margin: 0 0 1.5em;
  padding: 0;
}
em,
dfn {
  font-style: italic;
}
ins {
  border-bottom: none;
  text-decoration: none;
}
pre,
code,
tt,
samp,
kbd,
var {
  font-size: 1em;
  font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* sans-serif Safari hack */
}
blockquote,
q {
  font-style: italic;
  quotes: " " " ";
}
blockquote {
    font-family: RaleThin;
    font-style: normal;
    font-size: 40px;
    font-weight: normal;
    padding: 0;
    line-height: 1.2;
    margin: 35px 0px;
    color: #b8b8b8;
}
blockquote:before,
q:before,
blockquote:after,
q:after{
    color: #000;
    display: block;
    height: 63px;
    background-repeat: no-repeat;
}

blockquote:before,
q:before {
  content:"";
  background-image: url(images/quote-left.png);
  margin-bottom: 20px;
}
blockquote:after,
q:after {
  content:"";
  background-image: url(images/quote-right.png);
  background-position: right;
}
blockquote p {
  margin: 0;
}
strong,
dfn,
caption,
th {
  font-weight: 700;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5em 40px;
  padding: 0;
}
.item-list ul,
.item-list ol {
  margin: 0 0 0 15px;
  padding: 0;
}
.item-list ul li {
  margin: 0;
  padding: 0;
}
ul ul,
ul ol,
ol ol,
ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
  margin-bottom: 0;
}
ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-roman;
}
ul ul,
ul ul ul ul {
  list-style-type: circle;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 0 1.5em 40px;
}

figure{
    margin: auto;
}

figure.left{
    float: left;
    margin-right: 20px;
}

figure.right{
    float: right;
    margin-left: 20px;
}

figcaption{
  text-align: center;
  padding: 5px;
  color: #6f6f6f;
  border-bottom: 1px solid #b5b5b5;
  margin-bottom: 25px;
  font-size: .857em;
}

.item-list .pager{
    text-align: left;
    padding-top: 10px;
    border-top: 1px solid #b5b5b5;
}