@import url('fonts/fonts.css');

body {
	background-color: #FFFFFF;
	margin: 0px 0px;
	padding: 0px;
}
#header {
	position:relative;
	width: 1000px;
	height: 259px;
	padding-top: 10px;
	margin: auto;
}
#logo {
	position: absolute;
	top: 20px;
	left: 0px;
}
#links {
	position: relative;
	top: 13px;
	right: 0px;
	text-align: right;
}
#links ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#links ul li {
	font-family: 'Cheri';
	font-size: 23px;
	color: #0F13A8;
	display: inline;
}
#links ul li a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 12px;
	margin-left: 12px;
}
#links ul li a:hover {
	color: #F7EF52;
	text-decoration: none;	
}
#links ul li:last-child > a {
	/* margin-right: 20px; */
}
#grass {
	width: 1000px;
	height: 50px;
	margin: auto;
	border: solid 1px #31A552;
	background-color: #31A552;
	box-shadow: 2px 3px 3px #CCCCCC;
}
#mainContainer {
	width: 1000px;
	margin: 3px auto;
}
#footer {
	width: 1000px;
	margin: auto;
}
#copyRight {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 480px;
}
#copyRight p {
	margin-top: 5px;
}
#socialMedia {
	float: right;
	width: 490px;
	text-align: right;
	font-family: Cheri;
	font-size: 24px;
	color: #0F13A8;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
}
#socialMedia p {
	margin-top: 12px;
}
#socialMedia img {
	vertical-align: middle;
	margin: 0px 1px;
}
#socialMedia img:hover {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
h1 {
	font-family: Cheri;
	font-size: 24px;
	color: #0F13A8;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #0F13A8;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
}
.boldFont {
	font-family: Cheri;
	font-size: 24px;
	color: #0F13A8;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
}
#mainContainer h1 {
	font-family: Cheri;
	font-size: 36px;
	color: #0F13A8;
   -webkit-text-fill-color: #F98C0B; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #0F13A8;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
}
#mainContainer h2 {
	font-family: Cheri;
	font-size: 21px;
	color: #0F13A8;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
}
#mainContainer h3 {
	font-family: Cheri;
	font-size: 30px;
	color: #0F13A8;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.4);
	text-transform: lowercase;
	margin: 0px;
}
#mainContainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
#mainContainer a {
	color: #0F13A8;
	text-decoration: underline;
}
#mainContainer a:hover {
	color: #F98C0B;
	text-decoration: none;
}
#curriculum  ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	list-style-type: decimal;
	line-height: 165%;
}
#curriculum ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	list-style-type: disc;
	line-height: 165%;
}
.largerTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
}
.leftColumn {
	float: left;
	width: 49%;
}
.rightColumn {
	float: right;
	width: 49%;
}
.picBorder {
	border-radius:6px;
	border: solid 2px #0F13A8;
	box-shadow: 4px 5px 5px #CCCCCC;
}
#divider {
	clear:both;
	width: 1000px;
	height: 20px;
	margin: 15px auto 0px auto;
	/* border-radius:6px; */
	border: solid 1px #31A552;
	background-color: #31A552;
	box-shadow: 2px 3px 3px #CCCCCC;
}
#buildadoll {
	margin-bottom: 10px;
	background-color:#B1F39E;
	border-radius:8px;
}
#buildadollOptions {
	background-color:#FFFFFF;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
}
#buildadoll h1 {
	font-family: Cheri;
	font-size: 24px;
	color: #0F13A8;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #0F13A8;
	text-shadow: 2px 3px 3px #666666;
	text-transform: lowercase;
	margin: 6px 0px 0px 10px;
}
#buildadoll h2 {
	font-family: Cheri;
	font-size: 18px;
	color: #FFFFFF;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #0F13A8;
	text-shadow: 2px 3px 3px #666666;
	text-transform: lowercase;
	margin: 0px 0px 0px 10px;
}
.basicTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;	
}
#photoAddress {
	position: fixed;
	top: 50%;
  	left: 50%;
  	margin-top: -150px;
  	margin-left: -200px;
	height: 285px;
	width: 400px;
	padding: 10px;
	background-color:#CBF8D6;
	border-radius:8px;
	border: solid 4px #0F13A8;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.6);;
	display: none;
}
#photoUp {
	position: fixed;
	top: 50%;
  	left: 50%;
  	margin-top: -213px;
  	margin-left: -325px;
	height: 426px;
	width: 650px;
	padding: 10px;
	background-color:#CBF8D6;
	border-radius:8px;
	border: solid 4px #0F13A8;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.6);;
	display: none;
}
#movieUp {
	position: fixed;
	top: 50%;
  	left: 50%;
  	margin-top: -210px;
  	margin-left: -300px;
	height: 370px;
	width: 600px;
	padding: 10px;
	background-color:#CBF8D6;
	border-radius:8px;
	border: solid 4px #0F13A8;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.6);;
	text-align: center;
	display: none;
	z-index: 99;
}
.orangeTxt {
	font-family: Cheri;
	font-size: 24px;
	color: #F98C0B;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
	
	
}
.rightCol {
	width: 300px;
	float: right;
	margin-right: 55px;
	text-align: center;
}
.leftCol {
	width: 560px;
	float: left;
	margin-left: 55px;
	text-align: left;
}
.specialCharacters {
	font-family: Arial, Helvetica, sans-serif;	
}
.picShadow {
	box-shadow: 4px 4px 6px rgba(0,0,0,0.6);; 
}
.leftFloat {
	float: left;
	width: 225px;
	text-align: center;
}
.rightFloat {
	float: right;
}
.separator {
	clear:both;
	height: 25px;
	width: 98%;
	margin: 0px auto 30px auto;
	border-bottom: solid 1px #CCCCCC;
}
.descriptionBox {
	width: 620px;
	float: right;
}
.bookContainer {
	width: 870px;
	margin: 0px auto 10px auto;
	background-color:#C2F4AF;
	border-radius:8px;
	overflow:hidden;
	padding: 20px 15px;
	color: #AEF4BE;
}
.greenContainer {
	background-color:#C2F4AF;
	border-radius:8px;
	overflow:hidden;
	padding: 20px 15px;
}
.history {
	font-family: Cheri;
	font-size: 36px;
	color: #0F13A8;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #0F13A8;
	text-shadow: 2px 3px 3px #CCCCCC;
	text-transform: lowercase;
	text-decoration: none;
}