.typography							{ font-size:16px; line-height:24px; }
.typography	*						{ color: #444; }

/** CMS LIST STYLES **/
.typography ul,
.typography ol 						{ margin-bottom:15px; }

.typography ul li,
.typography ol li 					{ }
.typography ul li 					{ }
.typography ol li 					{ }

/* HEADER STYLES */
/* Big and ugly to preserve styles when applying bold and/or italics to headers in the SilverStripe editor */
.typography h1,.typography h1 strong,.typography h1 em,
.typography h2,.typography h2 strong,.typography h2 em,
.typography h3,.typography h3 strong,.typography h3 em,
.typography h4,.typography h4 strong,.typography h4 em,
.typography h5,.typography h5 strong,.typography h5 em,
.typography h6,.typography h6 strong,.typography h6 em			{ margin: 0 0 12px 0; padding: 0; font-family: 'PT Sans', sans-serif; font-weight: bold; color: #353231; }

.typography h1,.typography h1 strong,.typography h1 em 			{ font-size: 28px; line-height: 32px; }
.typography h2,.typography h2 strong,.typography h2 em 			{ font-size: 24px; line-height: 28px; }
.typography h3,.typography h3 strong,.typography h3 em			{ font-size: 20px; line-height: 24px; }
.typography h4,.typography h4 strong,.typography h4 em 			{ font-size: 18px; line-height: 22px; }
.typography h5,.typography h5 strong,.typography h5 em			{ font-size: 16px; line-height: 18px; }
.typography h6,.typography h6 strong,.typography h6 em			{ font-size: 13px; line-height: 15px; }

.typography blockquote				{ background: #f2efed; border: 1px #757c5d solid; padding: 10px; }

/* LINK STYLES */
/*.typography a 						{ color: #A77D2F !important; }
.typography a:hover 				{ color: #A77D2F !important; }*/
.typography a 						{ color: #ad5529 !important; border-bottom:1px dotted #ad5529; }
.typography a:hover 				{ color: #444 !important; text-decoration:none; border-bottom:1px solid #444; }
	
.typography a.btn					{ color:#FFF !important; font-size:16px; padding:8px 15px; background:#f26922; }
.typography a.btn:hover				{ color:#FFF !important; cursor:pointer; background: #e25912; text-decoration:none; }

	
.typography table					{ }
.typography table tr td				{ }

.typography strong					{ font-weight: bold !important; }
.typography em						{ font-style: italic !important; }
.typography small,
.typography .small        { font-size:0.8em; }
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left 					{ text-align: left; }
.typography .center					{ text-align: center; }
.typography .right					{ text-align: right; }

.typography img						{ max-width:100%; height:auto; }
.typography img.right				{ float: right;  margin: 0 0 5px 15px; }
.typography img.left				{ float: left; margin: 0 15px 5px 0; }
.typography img.center				{ display:block; margin: 0 auto 5px; }

.typography .captionImage img		{ padding: 0; }
.typography .captionImage p			{ margin: 0; font: bold 10px/14px Arial, sans-serif; }
.typography .captionImage.left		{ float: left; margin: 0 10px 5px 0; padding: 5px; background: #e8e8e8; text-align: center; }
.typography .captionImage.right		{ float: right; margin: 0 0 5px 10px; padding: 5px; background: #e8e8e8; text-align: center; }
.typography .captionImage.center	{ display:block; margin: 0 auto 5px; }


.right form .field label {
	color: #555 !important; font: bold 14px/19px Arial, sans-serif !important;
}

.right form .field .sort-control label	{ font-weight:normal !important; font-size:11px !important; }


table.table-results,
.rider_class_registrations table		{ width:100%; margin-bottom:30px; }
table.table-results th,
table.table-results td,
.rider_class_registrations table th,
.rider_class_registrations table td				{ border:1px solid #666; border-collapse:collapse; padding:0 2px; }

