@font-face {
    font-family: 'KeepCalmWebOnly';
    src: url('../webfonts/keepcalmandtypeon-webonly.eot');
    src: url('../webfonts/keepcalmandtypeon-webonly.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/keepcalmandtypeon-webonly.woff') format('woff'),
         url('../webfonts/keepcalmandtypeon-webonly.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'KeepCalmWebOnly';
	color: #26ADE4;
	margin: 1em 0px 0px;
}

h1 { font-size: 200%;	}
h2 { font-size: 150%;	}
h3 { font-size: 125%;	}
h4 { font-size: 110%;	font-weight: bold; color: black; }
h5 { font-size: 100%;	font-weight: bold; color: black; }
h6 { font-size: 100%;	font-weight: bold; color: black; }

.content p { margin: 0px 0px 1em; line-height: 175%; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.left, .align-left {
	text-align: left;
}
.center, .align-center {
	text-align: center;
}
.right, .align-right {
	text-align: right;
}


/* IMAGES 
-------------------------------------------- */
img {
	border: none;
	max-width: 100%;
}
	div.image.right,
	div.captionImage.right {
		float: right;
		margin-left: 20px;
	}
	
	.captionImage {
		border: 1px solid #aaa;
		padding: 5px;
	}
	
	div.image.left,
	div.captionImage.left {
		float: left;
	}
	div.image.center,
	div.captionImage.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.caption {
		font-weight: bold;
		text-align: center;
		color: #666;
	}

.left {
	float: left;
	padding: 1em 1em 1em 0;
}

.right {
	float: right;
	padding: 1em 0 1em 1em;
}

.center {
	display : block;
	margin: 0 auto 0 auto;
	text-align: center;
}

.leftAlone {
	float: left;
	margin-right: 100%;
}

.rightAlone {
	float: right;
	margin-left: 100%;
}

.clearBoth {
	clear: both;
}