@font-face {
  font-family: 'Cabin-Regular';
  src: url('../fonts/Cabin-Regular.ttf');
}
* .typography, html .typography {
	font-family: "Cabin-Regular", "Times New Roman" , sans-serif;
	font-size: 100%;
}
.typography h1,.typography h2,.typography h4,.typography h6 {
	padding: 5px 0px 5px 5px;;
}
h1#SiteTitle  {
	font-family: Cabin-Regular, serif;
	font-size: 350%;
	padding: 20px 0 0 0;
}
a h1 {
	text-decoration: none;
}
.typography #Navigation ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 105%;
	font-family: Cabin-Regular, serif;
}
.typography p {
	padding: 0px 0px 20px 0px;
}
.typography p.footnote {
	font-size: 70%;
}
.typography #Footer {
	padding: 10px 0;
	text-align: center;
	color: #eff1dc;
	
}
.typography #Footer {
	font-size: 0.7em;
}
.typography #Footer a:link {
	color: white;
}
.typography #Footer a:hover {
	color: #0d1280;	
}
.typography #Footer p { padding: 0; }

.typography a:link {
	color: #0d1280;
}
.typography a:visited {
	color: #0d1280;	
}
.typography a:hover {
	color: #0d1280;	
}
.typography a:active {
	color: #0d1280;	
}
.typography ul {
	padding: 0 0 0 40px;
}

.typography h1 {
	font-family: Cabin-Regular, verdana, tahoma, sans-serif;
	font-size: 18px;
	color: #0d1280;
}


.typography h2 {
	font-family: Cabin-Regular;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 20px 5px;
	font-size: 38px;
	color: #0d1280;
	border-bottom: solid #dbddc3 1px;

}
.typography h3 {
	padding: 0px 0px 5px 0px;
	font-family: Cabin-Regular, serif;
	font-size: 16px;
	color: #0d1280;
	font-style: italic;
}
.typography h4 {
	font-family: verdana, tahoma, sans-serif;
	padding: 10px 0px 5px 5px;
	color: #0d1280;
	font-size: 14px;

}
.typography h5 {
	font-family: verdana, tahoma, sans-serif;
	padding: 10px 0px 5px 5px;
	font-size: 12px;
	color: #0d1280;

}
.typography h6 {
	font-family: verdana, tahoma, sans-serif;
	padding: 20px 0px 10px 5px;
	font-size: 11px;
	color: #222;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img {
    border: 5px solid #d7d7d7;
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}

.typography .required {
	color: red;
}