html, html a {
    -webkit-font-smoothing: Subpixel-rendering;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	margin:0;
	padding:0;
	height:100%;
	background: #CDC9F8;
	color: black;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	}

a img {
	border: 0px none #000000;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	}
a:link {
	color: #6E9BCE;
	display:initial;
	}
/*a:visited {*/
/*	color: #6E9BCE;*/
/*	display:initial;*/
/*	}*/
a:hover, a:active, a:visited {
	color: #9F6FD1;
	display:initial;
	}

img.resize{
   max-width:50%;
   max-height:50%;
}

#container {
	min-height:100%;
	position:relative;
	}

#header {
	padding:2px;
	}

#body {
	padding:2px;
	padding-bottom:60px;	/* Height of the footer */
	}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;			/* Height of the footer */
	}
#header p,
#header h1 {
	margin:0;
	padding:10px 0 0 10px;
	}
#footer p {
	margin:0;
	padding:10px;
	}

.H1Title {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height: 1.2;
/*	margin: 0.67em;*/
}
.H2Title {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 2.0em;
	line-height: 1.2;
/*	margin: 0.67em;*/
}
.H3Title {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.2;
/*	margin: 0.67em;*/
}
.H4Text {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.2;
/*	margin: 0.67em;*/
}
.H5Text {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1.0em;
	line-height: 1.2;
/*	margin: 0.67em;*/
}
.H1TitleColor {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	text-align: center;
	font-size:  2.5em; /* 36 */
 	line-height: 1.2;
	margin: 0.67em;
	color: #990000;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #990000;
	-webkit-font-smoothing: Subpixel-rendering;
}

.H2TitleColor {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	text-align: center;
	font-size: 2.0em;
	line-height: 1.2;
	margin: 0.67em;
	color: #990000;
	-webkit-font-smoothing: Subpixel-rendering;
}

.TitleColor {
	color: #990000;
}

.ColorRed {
	color: #990000;
}

.ColorBlack {
	color: #000000;
}

.ColorBlue {
	color: #6E9BCE;
}

.MainTitle {
	margin-top: 5px;
	vertical-align: top;
	text-align: center;
	font-family: 'DroidSerif-Bold', Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size:  26pt; /* 36 */
	line-height: 30pt; /* 40 */
	color: #990000;
	}
.MainText {
	color: black;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em; /* 1.2 and 1.4 */
	line-height: 1.3em;
}
.LargeTitle {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1.6em;
}
.Title21 {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 21px;
}
.MedTitle {
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1.2em;
}
.side-notes {
	margin-left: 5px;
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: large;
	}
.side-notes a:link {
	color: #6E9BCE;
	background: none;
	border: 0;
	}
.side-notes a:visited {
	color: #6E9BCE;
	background: none;
	border: 0;
	}
.side-notes a:hover, a:active {
	color: #9F6FD1;
	background: none;
	border: 0;
	text-align: left;
	display:inline-block;
	margin: 0px;
	padding: 0em;
	}
.centerline{
	clear:both;
	float:left;
	margin:0;
	padding:0;
	border-bottom: 3px solid #9F6FD1;  /* #4a41a1; #0033FF; /* blue line below menu */
	width:100%;
	z-index:1010; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

.centerline90{
	clear:both;
/*	float:left; */
	margin:auto;
	padding:0;
	border-bottom: 3px solid #9F6FD1;  /* #4a41a1; #0033FF; /* blue line below menu */
	width:90%;
	z-index:1010; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

.centerline60{
	clear:both;
/*	float:left; */
	margin:auto;
	padding:0;
	border-bottom: 3px solid #9F6FD1;  /* #4a41a1; #0033FF; /* blue line below menu */
	width:60%;
	z-index:1010; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

.centered-notes {
	text-align: center;
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: large;
	}

.shadedbox{
	border-top: 3px solid #9F6FD1;
	border-bottom: 3px solid #9F6FD1;
	width:95%;
	z-index:1010;
	padding: 5px;
	background-color: #ddd4fa; /* #dbe6f3; */
	position:relative;
	margin:auto;
}

.CCBFooter {
	text-align: center;
	font-family: "Museo-700", Georgia, Utopia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 1.4em;
	}

.centered-small-text {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 1em;
	}

.FooterBox {
	background: #F8F0A0; /*this is a box where the bottom-navigation and the copyright will be placed*/
	border-color: #48D1CC;
	border-style: groove;
	border-width: 3px;
	color: #000099;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
/*	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;*/
	font-size: 12px;
	padding: 2px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}

.important {
	color:red;
	}
.important-event {
	color:Lime;
	}
.superscript {
	vertical-align: super;
	font-size: .83em;
/*	position: relative;
	top: -0.5em;
	font-size: 50%; */
	}

/**** The 'back to the top' Image **************************/
img.top {
	float: right;
	margin-right: -5px;
	}

/**** Main Text Layout *************************************/
.Indent10F {
	clear: both;
	text-align: justify;
	margin-left: 10%;
	margin-right: 10%;
	}
.Indent10C {
	clear: both;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	}
.Indent10L {
	clear: both;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	}
.Indent15F {
	clear: both;
	text-align: justify;
	margin-left: 15%;
	margin-right: 15%;
	}
.Indent15C {
	clear: both;
	text-align: center;
	margin-left: 15%;
	margin-right: 15%;
	}
.Indent20F {
	clear: both;
	text-align: justify;
	margin-left: 20%;
	margin-right: 20%;
	}
.Indent20C {
	clear: both;
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;
	}
.Indent20L {
	clear: both;
	text-align: left;
	margin-left: 20%;
	margin-right: 20%;
	}
.Indent33C {
	clear: both;
	text-align: center;
	margin-left: 33%;
	margin-right: 33%;
	}
.Indent33L {
	clear: both;
	text-align: left;
	margin-left: 33%;
	margin-right: 33%;
	}
.text_left {
	text-align: left;
	}
.text_center {
	text-align: center;
	}
.text_justify {
	clear: both;
	text-align: justify;
	}
.center {
	text-align: center;
	margin: auto 0px;
	}
.center0 {
	text-align: center !important;
	margin: auto 0px;
	}
.float_left {
	float: left;
	}
.image_left {
 float: left;
 padding: 0 10px 0 0;}

.keep-together {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
	}