@import 'fonts.css';

/** Body Text **/
.typography {
				
	/* Define the default font for the page */
	font-family: Arial, sans-serif; font-size: 16px; line-height: 1.65;

}
.typography *+h1,.typography *+h2,.typography *+h3,.typography *+h4,.typography *+h5,.typography *+h6,
.typography *+article, .typography *+section, .typography *+header, .typography *+footer, .typography *+aside,
.typography *+p,.typography *+ul,.typography *+ol,.typography *+table,.typography *+form, .typography *+nav { 
				
	/* Add a bit of top margin spacing to block elements by default */
	margin-top: 1em;

}

/** Floating Elements **/
.typography .left { float: left; margin-right: 2em; margin-bottom: 1em; }
.typography .right { float: right; margin-left: 2em; margin-bottom: 1em; }
.typography .left>*, .typography .right>* { float: left; }
.typography .left:first-child+*, .typography .right:first-child+* { 
	margin-top: 0 !important;
}

/** Links **/
.typography a {
				
	/* This is the default color for links */ 
	color: #a90009;

	/* By default, we don't underline links... */
	text-decoration: none;

}
.typography p a {

	/* Unless they're in paragraph text... */
	text-decoration: underline;
}

.typography a:hover {

	/* Or hovered over... */
	text-decoration: underline;
}
.typography p a:hover {
	text-decoration: none;
}

/** Headings **/
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
	color: #000; line-height: 1.5;
}
.typography h1, .typography h2, .typography h3 {
	font-family: 'alternate_gothic_fs_no_3Rg', Arial, Helvetica, sans-serif; 
}

.typography h1 { font-size: 238%; font-weight: normal; text-transform: uppercase;}
.typography h2 { font-size: 200%; font-weight: normal; }
.typography h3 { font-size: 150%; font-weight: normal; }
.typography h4 { font-size: 125%; font-weight: normal; font-style: italic; }
.typography h5 { font-size: 110%; font-weight: normal; font-style: italic; }
.typography h6 { font-size: 100%; font-weight: normal; font-style: italic; }

#page-content h1 {
	 border-bottom: 2px solid #5d5c5a; display: inline-block;
}
/** Columns **/
.typography .three-columns {
	-webkit-column-count: 3 !important;
	column-count: 3 !important;
	margin-left: 0 !important;
}
.typography .two-columns {
	-webkit-column-count: 2 !important;
	column-count: 2 !important;
	margin-left: 0 !important;
}

/** Lists **/
.typography ol, .typography ul { margin-left: 20px; }
.typography li>ol, .typography li>ul, .typography ol>ol, .typography ul>ul { margin-top: 0; }

.typography ol { list-style: decimal; }
.typography ul { list-style: disc; }

.typography ol.unadorned, .typography ul.unadorned {
	list-style: none; margin-left: 0;
}
					  
.typography ol.three-columns, .typography ol.two-columns,
.typography ul.three-columns, .typography ul.two-columns {
	margin-left: 2em !important; margin-right: 2em !important;
}
.typography ol.three-columns li, .typography ol.two-columns li,
.typography ul.three-columns li, .typography ul.two-columns li {
	margin-left: 20px !important;
}

/** Tables **/
.typography td { padding-right: 1em; padding-bottom: 1em; }
.typography td[valign="top"] { vertical-align: top; }
.typography td[valign="middle"] { vertical-align: middle; }
.typography td[valign="bottom"] { vertical-align: bottom; }
.typography td[valign="baseline"] { vertical-align: baseline; }