.typography h1 {
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    color: #fd4115;
    display: block;
    border-bottom: 1px solid #fd4115;
    margin-top: 0;
    margin-bottom: 1.5em;
    margin-top: 32px;
}

.typography h2 {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    color: #fd4115;
    display: block;
    margin-top: 1.2em;
    margin-bottom: 0.6em;   
}
.typography h3 {
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    color: #fd4115;
    display: block;
    margin-top: 1.2em;
    margin-bottom: 0.6em;   
}
.typography h4 {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    color: #333;
    display: block;
    margin-top: 1.2em;
    margin-bottom: 0.6em;   
}
.typography h5 {
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    color: #000;
    display: block;
    margin-top: 1.2em;
    margin-bottom: 0.6em;   
}

.typography strong {
   font-weight: bold;
}

.typography h2 a {
    text-decoration: none;
    color: #fd4115;
}
.typography h2 a:hover {
    text-decoration: underline;
    color: #fd4115;
}

.typography div h2 {
  margin-top: -3px;
}
.typography div h3,
.typography div h4,
.typography div h5 {
  margin-top: 0;
}

.typography a {
  font-weight: bold;
  color: #31356D;
}
.typography a img {
    border: 0 none;
}

.typography p {
    line-height: 140%;
    color: #444;
    font-size: 1.2em;
    margin: 0.6em 0;
}

.typography em {
    font-style: italic;
}

.typography ul {
    padding-left: 30px; 
    margin: 1.2em 0;
    font-size: 1.2em;
    color: #fd4115;    
}
.typography ul li {
   display: block;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 6px 0;
   margin-bottom: -1px;
}
.typography ul li a {
   color: #fd4115;    
   text-decoration: none;
}
.typography ul li a:hover {
   color: #fd4115;    
   text-decoration: underline;
}

.typography strong.p {
  color: #999;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 14px;
}

.typography ol {
    padding: 0 0 24px 28px;
    font-size: 1.2em;
}
.typography ol li {
  list-style: decimal outside;
  margin: 0 0 6px 0;
}

.typography ul.grid {
    padding: 0; 
    margin: 1.2em 0;
    font-size: 1.1em;
    color: #ccc;    
}
.typography ul.grid li {
   display: block;
   border: 0 none;
   padding: 0;
   margin: 0;
   width: 33.3%;   
   height: 115px;
   float: left;   
   text-align: center;   
   overflow: hidden;   
}
.typography ul.grid li a {
   color: #666;
   display: inline-block;   
   text-decoration: none;
   text-align: center;   
   border: 0 none;   
   margin: 5px;
   padding: 5px;
}
.typography ul.grid li a:hover {
   color: #ccc;       
   text-decoration: none;
}

.typography img.left {
  float: left;
  margin: 0 20px 12px 0;
  width: auto;
}
.typography img.right {
  float: right;
  margin: 0 0 12px 20px;
  width: auto;
}