﻿/* @import url("./Fonts/EncodeSansExpanded/stylesheet.css"); */
/* @import url("./Fonts/Andika/stylesheet.css"); */

/* FONT-FACES */

/* EncodeSansExpanded */
@font-face {
    font-family: 'Encode Sans Expanded';
    src: url('../Fonts/EncodeSansExpanded/encodesansexpanded-regular-webfont.eot');
    src: url('../Fonts/EncodeSansExpanded/encodesansexpanded-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/EncodeSansExpanded/encodesansexpanded-webfont.svg#EncodeSansExpanded') format('svg'),
         url('../Fonts/EncodeSansExpanded/encodesansexpanded-regular-webfont.ttf') format('truetype'),
         url('../Fonts/EncodeSansExpanded/encodesansexpanded-regular-webfont.woff') format('woff'),
         url('../Fonts/EncodeSansExpanded/encodesansexpanded-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*Andika */
@font-face {
    font-family: 'Andika Basic';
    src: url('../Fonts/Andika/andbasr-webfont.eot');
    src: url('../Fonts/Andika/andbasr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Andika/andbasr-webfont.svg#AndikaBasicRegular') format('svg'),
         url('../Fonts/Andika/andbasr-webfont.ttf') format('truetype'),
         url('../Fonts/Andika/andbasr-webfont.woff') format('woff'),
         url('../Fonts/Andika/andbasr-webfont.woff2') format('woff2');
   font-weight: normal;
    font-style: normal;
}

/* CSS Rules */
a {
	text-decoration: none;
	color: #6400C8;
}
body {
	padding: 0px;
	font-family: "Encode Sans Expanded", "Calibri", sans-serif;
	font-size: 0.85em;
	text-align: center;
	color: #254A70;
	line-height: 120%;
}
.firstImage {
	margin: 25px auto 0px auto;
	display: block;
}
.mainTitle {
	font-size: 1.6em;
	color: #336699;
}
.mainTitle1 {
	font-size: 1.3em;
	color: #336699;
}
.mainTitle2 {
	font-size: 1.3em;
	color: #336699;
}
.mainSubtitle {
	margin: -5 auto -5 auto;
	color: #990033;
	letter-spacing: 1px;
	text-transform: none;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: 200;
	padding-top: 0px;
}
h2 {
	letter-spacing: 7px;
	color: #C80041;
	font-size: 1.3em;
}
.barStyle {
	display: block;
	margin: 0px auto 10px auto;
}
.barStyle0 {
	margin: 0px auto 30px auto;
	display: block;
}
.thumbImage {
	margin: 40px auto 10px auto;
	display: block;
}
.thumbImage0 {
	margin: 40px auto 15px auto;
	display: block;
}
.thumbImage0x {
	margin: 30px auto 10px auto;
	display: block;
}
.thumbImage1 {
	margin: 50px auto 10px auto;
	display: block;
}
.thumbImage2 {
	margin: 50px auto 15px auto;
	display: block;
}
.thumbTitle {
	margin: 0 auto 0 auto;
	color: #8C0000;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Andika Basic", "Maiandra GD", sans-serif;
	font-size: 1.25em;
	font-variant: normal;
	padding-top: 0px;
	padding-bottom: 5px;
}
.italic {
	font-style: italic;
}
.quoteIntro {
	margin: 0px auto 0px auto;
	font-family: "Andika Basic", "Maiandra GD", sans-serif;
	font-size: 1.1em;
	text-align: center;
	padding-top: 0px;
	color: #666699;
	padding-bottom: 0px;
	width: 50%;
	text-indent: 0px;
	letter-spacing: 0.5px;
}
.quoteAuthor {
	margin: 10px auto 0px auto;
	font-family: "Andika Basic", "Maiandra GD", sans-serif;
	font-size: 1em;
	text-align: center;
	padding-top: 0px;
	color: #666699;
	padding-bottom: 0px;
	width: 50%;
	text-indent: 0px;
}
.subtitles {
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 0;
}
.subtitles1 {
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 0;
	color: #BB5E00;
}
.titleBluish {
	margin: 0 auto 0 auto;
	color: #362C61;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Andika Basic", "Maiandra GD", sans-serif;
	font-size: 1.25em;
	font-variant: normal;
	padding-top: 0px;
}
.topicsBlue1 {
	margin: 0 auto 0px auto;
	color: #00557D;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 0.9em;
}
.topicsBrown {
	padding: 5px;
	margin: 5 auto 5px auto;
	color: #6B460E;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #FFEC9D;
}
.topicsRed {
	margin: 0 auto 0px auto;
	color: #960032;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-indent: 0px;
}
.star-3 {
	display: block;
	margin: 30px auto 10px auto;
	padding: 0px;
}
.firstNumber {
	display: block;
	margin: 5px auto 15px auto;
}
.topicsBlue {
	margin: 1 auto 0px auto;
	color: #00557D;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1.2 em;
}
.barStyle1 {
	display: block;
	margin: 5px auto 10px auto;
}
.bottomBar {
	margin: 50px auto 70px auto;
	display: block;
}
.bottomBar1 {
	margin: 30px auto 70px auto;
	display: block;
}
.imageStyle {
	display: block;
	margin: 30px auto 15px auto;
}
.imageStyle6 {
	margin: 15px auto 15px auto;
	display: block;
}
.imageStyle0 {
	display: block;
	margin: 10px auto 25px auto;
}
.imageStyle1 {
	display: block;
	margin: 30px auto 5px auto;
}
.imageStyle1a {
	display: block;
	margin: 30px auto 25px auto;
}
.imageStyle1b {
	display: block;
	margin: 30px auto 6px auto;
}
.imageStyle1c {
	display: block;
	margin: 40px auto 6px auto;
}
.imageStyle2 {
	display: block;
	margin: 15px auto 5px auto;
}
.imageStyle2x {
	display: block;
	margin: 10px auto 5px auto;
}
.imageStyle3a {
	margin: 20px auto 5px auto;
	display: block;
}
.imageStyle3b {
	margin: 15px auto 15px auto;
	display: block;
}
.imageStyle4a {
	margin: 30px auto 0px auto;
	display: block;
}
.imageStyle4b {
	margin: 15px auto 0px auto;
	display: block;
}
#top {
	padding: 0px 10px 5px 10px;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	top: 10px;
	margin-top: 0px;
}
#wrapper {
	padding: 20px 50px 50px 50px;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
}
#wrapper1 {
	padding: 20px 50px 50px 50px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#noteCenter {
	margin: 0px auto 0px auto;
	padding: 0px 25px 0px 25px;
	font-size: 1em;
	letter-spacing: 1px;
	width: 60%;
	color: #4B4B4B;
	text-indent: 0px;
	text-align: center;
}
#noteCenter1 {
	margin: 15px auto 15px auto;
	padding: 5px 25px 5px 25px;
	font-size: 1.2em;
	letter-spacing: 1px;
	width: 60%;
	color: #005555;
	text-indent: 0px;
	text-align: center;
	font-family: "Encode Sans Expanded", Calibri, sans-serif;
}
.titleBrownCopy {
	margin: 0 auto 0 auto;
	color: #8C0000;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Andika Basic", "Maiandra GD", sans-serif;
	font-size: 1.25em;
	font-variant: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
#noteCenter1 {
	margin: 15px auto 15px auto;
	padding: 5px 25px 5px 25px;
	font-size: 1.2em;
	letter-spacing: 1px;
	width: 60%;
	color: #005555;
	text-indent: 0px;
	text-align: center;
	font-family: "Encode Sans Expanded", Calibri, sans-serif;
	line-height: normal;
}
