body {
	margin: 0;
	padding: 0;
	font-family: Georgia,serif;
	font-size: 12px;
	font-color: #63615e;
	line-height: 1.6;
	background-image:url(../images/bg.png);
	background-repeat: both;
}

a {
	color: #ccc;
	text-decoration: none;
}

a:hover, a.selected {
	text-decoration: underline;
	outline: 0;
}

fieldset {
	border: none;
	padding-left: 0;
	margin-left: 0;
}

fieldset label {
	display: block;
	font-size: 14px;
}

.outer {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	display: block;
}

.content {
	display: block;
	position: relative;
}

.centered-block {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 999px;
	height: auto;
	display: block;
}

div#slider {
	position: relative;
	width: 999px;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	display: none;
	line-height: 30px;
}

div#slider img {
	min-width: 100%;
	max-width: none;
	min-height: 100%;
	max-height: none;
	left: -82px;
	top: 0;
	width: auto;
	height: 778px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

div#slider .slidesjs-pagination {
	display: flow-root;
	font-size: 35px;
	margin: 0;
	padding-left: 27px;
}

div#slider .slidesjs-pagination li {
	float: left;
	margin-left: 5px;
	padding-left: 5px;
	width: 5px;
	position: relative;
	color: #c0c0c0;
}

div#slider .slidesjs-pagination li.active {
	color: #98c22a;
}

div#slider .slidesjs-pagination li a {
	position: absolute;
	left: -31px;
	top: 18px;
	width: 14px;
	height: 20px;
	color: transparent;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	display: block;
}

.header {
	position: relative;
	padding-top: 6px;
}

.logo {
	float: left;
}

.logo a {
	background-image: url(../images/logo.png);
	width: 244px;
	height: 148px;
	display: block;
}

ul.menu {
	position: absolute;
	top: 29px;
	4-left: 228px;
	left: 448px;
	float: left;
	list-style-type: none;
	margin: 0 0 0 11px;
	padding: 0;
	display: block;
}

ul.menu li {
	float: left;
	background-color: RGBA(255,255,255,0.7);
	display: inline;
	margin: 0 1px;
}

ul.menu li.selected {
	background-color: RGBA(255,255,255,0.9);
}

ul.menu li:hover {
	background-color: RGBA(255,255,255,0.9);
	outline: 0;
}

ul.menu li:last-child {
	margin-right: 0px;
}

ul.menu li a {
	padding: 30px 45px;
	font-family: Arimo,sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
	color: #393939;
	letter-spacing: 2px;
	display: block;
}

ul.menu::after {
	float: none;
	clear: both;
}

.button {
	min-width: 10px;
	min-height: 18px;
	height: auto;
	width: auto;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	background-color: #4c4a4e;
	border: 1px dashed;
	overflow: hidden;
	font-family: Georgia,serif;
	font-size: 12px;
	font-style: italic;
}

.button:hover {
	background-color: #828282;
}

.button a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	padding: 10px 10px;
	display: table-cell;
}

.footer {
	background-color: #3d3b3e;
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0;
	position: relative;
	display: inline-block;
}

.footer:after {
	display:flow-root;
}

.footer .leftside {
	margin-top: 20px;
	margin-left: 30px;
	float: left;
	display: block;
}

.footer .header {
	font-family:Cookie,cursive;
	font-weight: 300;
	font-size: 26px;
	color: #fff;
}

.footer .address {
	margin-top: 0px;
	font-family:Georgia,serif;
	font-size: 12px;
	color: #a09e9f;
}

.footer .links {
	margin-top: 20px;
	position: relative;
	margin-bottom: 20px;
}

.footer .links a {
	padding-right: 30px;
}

.footer .rightside {
	margin-top: 20px;
	margin-left: 300px;
	float: left;
	display: block;
}

.copyright {
	text-align: left;
	color: #63615e;
	margin: 5px 0 40px 12px;
}

h1 {
	font-family:'Cookie',cursive;
	font-size: 44px;
	font-weight: 300;
	margin: 0px 0px 10px 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	/*text-decoration: underline;
	text-underline-position: -3px;*/
	border-bottom: 1px solid #c6c5c5;
}

h2 {
	font-weight: bold;
	margin: 0;
	font-size: 12px;
}

/* Default.html specific styles here */
.flashcards {
	position: relative;
	clear: both;
	padding: 20px;
	top: 260px;
}

.default .flashcards h1 {
	margin-bottom: 20px;
	line-height: 1;
}

.card {
	width: 297px;
	text-align: left;
	padding: 30px 20px 30px 30px;
	display: table-cell;
	vertical-align: top;
	box-sizing: content-box;
}

.card.blue {
	background-color: RGBA(33,114,162,1.0);
	color: #ffffff;
}

.card.red {
	background-color: RGBA(249,105,105,1.0);
	color: #000000;
}
.card.white {
	background-color: RGBA(229,229,229,0.92);
	color: #000000;
}

/* About-us.html specific styles here */
.pagecontent {
	background-color: RGBA(229,229,229,0.92);
	width: 900px;
	height: auto;
	margin: 0;
	top: 20px;
	padding: 20px 30px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #63615e;
	line-height: 1.6;
	position: relative;
	vertical-align: top;
	clear: both;
}

.pagecontent .leftside {
	width: 590px;
	padding-right: 20px;
	border-right: 1px solid #c6c5c5;
	vertical-align: top;
}

.pagecontent h1 {
	font-size: 36px;
	color: #908e8f;
	border-bottom: 3px double #c6c5c5;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 10px;
}

.pagecontent h2 {
	font-size: 14px;
	font-weight: bold;
}

.pagecontent div.columns {
	margin-bottom: 30px;
	vertical-align: top;
	margin-right: 40px;
	display: flow-root;
}

.pagecontent .leftside div.col1 {
	display: table-cell;
	float: left;
	vertical-align: top;
	width: 240px;
	margin-right: 40px;
}

.pagecontent .leftside div.col2 {
	display: table-cell;
	float: left;
	vertical-align: top;
	width: 220px;
}

.pagecontent .spacer {
	min-height: 1px;
	height: 100%;
	width: 20px;
}

.pagecontent .rightside {
	border-left: 1px solid #c6c5c5;
	width: 240px;
	padding-left: 20px;
	margin-left: 20px;
	vertical-align: top;
}

/* About-anne.html specific styles here */
.about-anne .pagecontent .leftside {
	width: 650px;
}

.about-anne .pagecontent .rightside {
	width: 160px;
}

ul.testimonial {
	list-style-type: none;
	display: inline;
}

ul.testimonial li {
	box-sizing: content-box;
	border-radius: 8px;
	background-color: #3b3d3e;
	width: 254px;
	height: auto;
	box-shadow: 0 3px 7px rgba(50,50,50,0.75);
	color: #ffffff;
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	word-wrap: break-word;
	padding: 5px 10px 10px 10px;
	margin-bottom: 20px;
}

ul.testimonial li.light {
	background-color: #b2b2b2;
	color: #000000;
}

ul.testimonial hr {
	border-top: 1px dotted #3b3d3e;
	margin-bottom: 13px;
}

/* groups.html specific styles here */
.groups .pagecontent .leftside {
	width: 500px;
}
.groups .pagecontent .rightside {
	width: 310px;
	font-size: 14px;
}

.groups ul {
	 list-style-type: none;
	 padding: 0;
}

.groups ul li {
	font-family: Georgia,serif;
	font-size: 14px;
	margin-bottom: 15px;
}

.groups .pagecontent .leftside ul li b {
	font-size: 16px;
}

/* tutoring.html specific styles */
.tutoring .pagecontent .leftside {
	font-family: Georgia,serif;
	font-size: 16px;
}

.tutoring .pagecontent .leftside a.blue {
	color: blue;
}

/* payments.html specific styles */
.payments .pagecontent {
	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: normal;
}

.payments fieldset input[type=text] {
	width: 381px;
	border: 1px solid #adadad;
	display: block;
	font-family: Georgia;
	font-size: 12px;
	box-sizing: border-box;
	padding: 5px;
	background-color: RGBA(255,255,255,1);
}

.payments .pagecontent p {
	font-family: Arimo,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.payments .payments-here {
	width: 400px;
	margin: 0 0px 0 0;
	font-family: Georgia,serif;
	font-size: 14px;
	float: left;
}

.payments .qr-code {
	float: left;
	margin: 20px;
	background-image: url(../images/qrcode.png);
	width: 180px;
	height: 180px;
	background-size: 180px 180px;
	background-repeat: no-repeat;
}

.payments .qr-code-venmo {
	float: left;
	margin: 20px;
	background-image: url(../images/qrcode_venmo.svg);
	width: 180px;
	height: 180px;
	background-size: 180px 180px;
	background-repeat: no-repeat;
}

.payments .qr-code span {
	font-family: Georgia,serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 160px;
	float: left;
	width: 100%;
}

.payments .qr-code-venmo span {
	font-family: Georgia,serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 160px;
	float: left;
	width: 100%;
}

.required {
	color: red;
}

/* contact-us.html styles */
.contact-us #map {
	border: 6px solid white;
	margin-bottom: 20px;
}

.contact-us .leftside .address a {
	color: #63615e;
	text-decoration: underline;
}
.contact-us .leftside .address a:hover {
	text-decoration: none;
}

.contact-us .pagecontent .leftside {
	width: 400px;
}

.contact-us .pagecontent .rightside {
	width: 410px;
}

.contact-us .pagecontent .rightside textarea {
	height: 80px;
	width: 303px;
	padding: 5px;
	border: 1px solid #acacac;
	resize: none;
}

.contact-us .rightside fieldset input[type=text] {
	width: 315px;
	border: 1px solid #acacac;
	font-family: Arial;
	font-size: 12px;
	padding: 5px;
	margin: 0;
	box-sizing: border-box;
	display: block;
}

.contact-us .rightside .button.submit {
	margin-top: 5px;
}

.contact-us .rightside .button a {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: hand;
}

.contact-us .rightside .button.disabled a, .contact-us .rightside .button.disabled a:hover {
	background-color: #828282;
	cursor: default;
}

.contact-us .spinner {
	margin-top: 15px;
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
	display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.contact-us .popup {
	display: none;
	border: 2px black solid;
	background-color: #cecece;
	padding: 10px 20px;
	position: absolute;
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: Georgia;
	font-size: 14px;
}

.success {
	color: #000000;
}

.failure {
	color: #FF0000;
}

.contact-us .failure span {
	color: black;
}

.contact-us .failure a {
	color: blue;
}