html {
     font-size: 100%;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
	color: #555555;
}
#tinymce {
     font-size: 16px;
}
/* Headings
-------------------------------------------------------------- */

#tinymce h1,
#tinymce h2,
#tinymce h3,
#page-body-wrap h1,
#page-body-wrap h2,
#page-body-wrap h3 { 
	font-weight: 400;
	margin: 0;
	padding: 0;
}

#tinymce h1,
#page-body-wrap h1 { 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.500em;
	font-weight: 300;
	line-height: 1em;
	color: #ec008c;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#tinymce h2,
#page-body-wrap h2 { 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.500em; 
	font-weight: 700;
	line-height: 1em;
	color: #555555;
	margin: 0px;
	padding: 0px;
}

#tinymce h3,
#page-body-wrap h3 { 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.00em; 
	font-weight: 700;
	color: #555555;
	margin: 0px;
	padding: 0px;
}

#tinymce h1 img, 
#tinymce h2 img, 
#tinymce h3 img,
#page-body-wrap  h1 img, 
#page-body-wrap  h2 img, 
#page-body-wrap  h3 img {
	margin: 0;
	outline: none;
}


/* Text elements
-------------------------------------------------------------- */

#tinymce p,
#page-body-wrap p { 
	margin: 10px 0px; 
}
#tinymce ul,
#page-body-wrap ul { 
	margin: 10px 0px; 
	padding-left: 15px;
}

#tinymce a,
#tinymce a:visited,
#page-body-wrap a,
#page-body-wrap a:visited { 
	font-weight: 700;
	color: #ec008c;
	text-decoration: none; 
}
#tinymce a:active,
#tinymce a:hover,
#page-body-wrap a:active,
#page-body-wrap a:hover {
	text-decoration: underline; 
}

#page-body-wrap img,
#tinymce img {
	border: none;
}

#page-body-wrap .intro-text,
#tinymce .intro-text {
	font-size: 1.250em;
	margin-bottom: 18px;
}

#page-body-wrap .purple,
#page-body-wrap a.purple,
#tinymce .purple,
#tinymce a.purple {
	color: #ec008c;
}
#page-body-wrap .blue,
#page-body-wrap a.blue,
#tinymce .blue,
#tinymce a.blue {
	color: #f89c1b;
}
#page-body-wrap .orange,
#page-body-wrap a.orange,
#tinymce .orange,
#tinymce a.orange {
	color: #00adef;
}
#page-body-wrap .not-bold,
#page-body-wrap a.not-bold,
#tinymce .not-bold,
#tinymce a.not-bold {
	font-weight: 400;
}


#page-body-wrap .btn-light-purple,
#page-body-wrap a.btn-light-purple,
#tinymce .btn-light-purple,
#tinymce a.btn-light-purple {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.500em; 
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	padding: 10px 20px;
	background-color: #ec008c;
}
#page-body-wrap .btn-blue,
#page-body-wrap a.btn-blue,
#tinymce .btn-blue,
#tinymce a.btn-blue {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.500em; 
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	padding: 10px 20px;
	background-color: #f89c1b;
}
#page-body-wrap .btn-orange,
#page-body-wrap a.btn-orange,
#tinymce .btn-orange,
#tinymce a.btn-orange {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.500em; 
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	padding: 10px 20px;
	background-color: #00adef;
}
#page-body-wrap .btn-dark-purple,
#page-body-wrap a.btn-dark-purple,
#tinymce .btn-dark-purple,
#tinymce a.btn-dark-purple {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.500em; 
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	padding: 10px 20px;
	background-color: #bed62f;
}
#page-body-wrap .btn-gold,
#page-body-wrap a.btn-gold,
#tinymce .btn-gold,
#tinymce a.btn-gold {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.500em; 
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	padding: 10px 20px;
	background-color: #ef4028;
}

#page-body-wrap a.btn-light-purple:active,
#page-body-wrap a.btn-light-purple:hover,
#page-body-wrap a.btn-blue:active,
#page-body-wrap a.btn-blue:hover,
#page-body-wrap a.btn-orange:active,
#page-body-wrap a.btn-orange:hover,
#page-body-wrap a.btn-dark-purple:active,
#page-body-wrap a.btn-dark-purple:hover,
#page-body-wrap a.btn-gold:active,
#page-body-wrap a.btn-gold:hover {
    color: #363636;
    text-decoration: none;    
    background-color: #dfdfdf;
}

/* 
     These can be used to pull an image at the start of a paragraph, so 
     that the text flows around it (usage: <p><img class="left">Text</p>) 
*/
#tinymce .left,
#page-body-wrap .left {
	float: left !important;
}
#tinymce p .left,
#page-body-wrap p .left {
	margin: 0.4em 1.250em 1.250em 0;
	padding: 0;
}
#tinymce .right,
#page-body-wrap .right {
	float: right !important;
}
#tinymce p .right,
#page-body-wrap p .right {
	margin: 0.4em 0 1.250em 1.250em;
	padding: 0;
}