html, button, input, select, textarea{
	font-family: 'Signika', sans-serif;
}
html {
     font-size: 100%;
}
body {
	font-family: 'Signika', sans-serif;
	font-size: 100%;
	color: #555555;
}
#tinymce {
     font-size: 13px;
}
/* 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: 'Playfair Display', serif;
	font-size: 1.500em; 
	line-height: 1em;
	color: #2eb135;
	margin-top: 20px;
}
#tinymce h1 a,
#page-body-wrap h1 a {
	color: #2eb135 !important;
	text-decoration: none; 
}

#tinymce h2,
#page-body-wrap h2 { 
	font-family: 'Playfair Display', serif;
	font-size: 1.125em; 
	line-height: 1em;
	color: #0096db;
	margin-top: 8px;

}
#tinymce h2 a,
#page-body-wrap h2 a {
	color: #0096db !important;
	text-decoration: none; 
}

#tinymce h3,
#page-body-wrap h3 { 
    font-family: 'Signika', sans-serif;
	font-size: 1em; 
	line-height: 1em;
	margin: 0; 
	padding: 0;
	color: #0096db;
	text-transform: uppercase;
}
#tinymce h3 a,
#page-body-wrap h3 a { 
	color: #0096db !important;
	text-decoration: none; 
}

#tinymce h4,
#page-body-wrap h4 { 
    font-family: 'Signika', sans-serif;
	font-weight: 700;
	font-size: 0.814em; 
	line-height: 1em;
	margin: 0; 
	color: #555;
}

#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 { 
	font-size: 1em;
	margin: 8px 0px; 
}
#tinymce ul,
#page-body-wrap  ul { 
	margin: 8px 0px; 
	padding-left: 15px;
}

/* 
     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>) 
*/
.left,
#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; }

.right,
#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; }

#tinymce a:active,
#tinymce a:hover,
#page-body-wrap  a:active,
#page-body-wrap  a:hover { 
	text-decoration: none; 
	color: #fe4819;
}

#tinymce a,
#tinymce a:visited,
#page-body-wrap  a,
#page-body-wrap  a:visited { 
     color: #fe4819; 
     text-decoration: none; 
}

/* Use this to create a horizontal ruler across a column. */
#page-body-wrap hr,
#tinymce hr{
     background: #b7b7b7;
     color: #b7b7b7;
     clear: both;
     float: none;
     width: 100%;
     height: 1px;
     margin: 1em 0;
     border: none;
}
#page-body-wrap hr.no-margin,
#tinymce hr.no-margin{
     margin: 1em 0 0 0;
}

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

.pdf,
#tinymce .pdf,
#page-body-wrap a.pdf:link,
#page-body-wrap a.pdf:visited,
#page-body-wrap a.pdf:hover,
#page-body-wrap a.pdf:active{
	text-decoration: none;
}
.pdf:after, 
#tinymce .pdf:after{
	content:" PDF";
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.jpg,
#tinymce .jpg,
#page-body-wrap a.jpg:link,
#page-body-wrap a.jpg:visited,
#page-body-wrap a.jpg:hover,
#page-body-wrap a.jpg:active{
	text-decoration: none;
}
.jpg:after, 
#tinymce .jpg:after{
	content:" JPG";
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.xls,
#tinymce .xls,
#page-body-wrap a.xls:link,
#page-body-wrap a.xls:visited,
#page-body-wrap a.xls:hover,
#page-body-wrap a.xls:active{
	text-decoration: none;
}
.xls:after, 
#tinymce .xls:after{
	content:" EXCEL";
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.doc,
#tinymce .doc,
#page-body-wrap a.doc:link,
#page-body-wrap a.doc:visited,
#page-body-wrap a.doc:hover,
#page-body-wrap a.doc:active{
	text-decoration: none;
}
.doc:after, 
#tinymce .doc:after{
	content:" WORD";
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

#page-body-wrap a.read-more,
#page-body-wrap a.read-more:visited,
#tinymce a.read-more {
  	font-size: 0.750em;
  	font-weight: 400;
  	line-height: 11px;
  	text-transform: uppercase;
	padding-right: 10px;
	background-image: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_orange.png);
	background-position: right;
	background-repeat: no-repeat;
  	display: inline-block;
  	text-decoration: none !important;
}
#page-body-wrap a.go-back,
#page-body-wrap a.go-back:visited,
#tinymce a.go-back {
  	font-size: 0.750em;
  	font-weight: 400;
  	line-height: 11px;
  	text-transform: uppercase;
	padding-left: 10px;
	background-image: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_left_orange.png);
	background-position: left;
	background-repeat: no-repeat;
  	display: inline-block;
  	text-decoration: none !important;
}
#page-body-wrap a.read-more:hover, 
#page-body-wrap a.read-more:active {
     text-decoration: none !important;
}
#page-body-wrap a.red-button{
	padding: 5px 20px 5px 10px;
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right, -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right, -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right, -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right, -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: url(http://www.revels.org/packages/revels/themes/revels/images/arrow_right_white.png) no-repeat center right, linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	background-color: #fe4819;	
	color: #fff !important;
	text-transform: uppercase;
	display: inline-block;
}
#page-body-wrap .footer-header,
#tinymce .footer-header {
	font-family: 'Playfair Display', serif;
	font-size: 1em; 
	line-height: 1.75em;
}
#page-body-wrap .grey,
#page-body-wrap a.grey,
#tinymce .grey,
#tinymce a.grey {
	color: #555555;
}
#page-body-wrap .blue,
#page-body-wrap a.blue,
#tinymce .blue,
#tinymce a.blue {
	color: #0096db;
}
#page-body-wrap .orange,
#tinymce .orange {
	color: #fe4819;
}