/********************************basic styles***********************************/
@import url(https://fonts.googleapis.com/css?family=Bubblegum+Sans);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
a, a:visited {
	text-decoration:none;
	outline:none;
}
a:hover, a:active {
	color:#ff0000;
	text-decoration:none;
}

img {
	padding:0;
	margin:0;
	border:none;
}
ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
a {
	text-decoration: none;
	outline: none;
	color: #000;
}
a:hover {
	text-decoration:none;
	outline:none;
	}

object {
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

h3, h4 {font-family: 'Bubblegum Sans', cursive;}
h4 {font-size:20px;}
h3 {font-size:26px; font-weight:normal;} h2 {font-size:36px;}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clear-games {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin-bottom: 30px;
}
.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  zoom: 1;
}

body {
	padding: 0px;
	margin: 0px;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/**************************basic structures starts****************************/
.container {max-width:1166px; position:relative; margin:0 auto;}
#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
	background:#eee;
}
#myCarousel .nav a {
    border-radius:0px;
}
/**************************basic structures end****************************/



/*****************************header**********************************/
/*****************************header topbar start**********************************/
header .top {background:#669d88; color:#fff; font-size:13px; line-height:36px; border-bottom:1px solid #fff; position:relative; z-index:9;}
.desktop {display:block;}
.mobile {display:none;}
header .top a {color:#fff;} header .top a:hover {text-decoration:underline;}
header .top p, header .top li {display:inline-block;}
header .top .social {display:inline-block; float:right;}
header .top .login {display:inline-block;}
header .top .social ul li {border-radius:100%; background:#547d6d; line-height:24px; font-size:15px; width:24px; height:24px; text-align:center}
header .top .social ul li a.red {color:#ff0000;}

header .top .social ul li a {margin-top:4px; display:block;}

header .top .login {margin-left:24px;}
header .top .login ul li {border-radius:0; background:none;font-size:13px; width:auto;}
header .top .social ul li:hover {background:#3d5b4f;}
header .top .login ul li:hover {background:none;}
/*****************************header topbar end**********************************/
/**********************header navigation starts here*****************************/
header .header-nav {
background: rgba(255,153,0,1);
background: -moz-linear-gradient(top, rgba(255,153,0,1) 0%, rgba(254,233,128,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 50%, rgba(185,234,136,1) 50%, rgba(105,181,30,1) 98%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,153,0,1)), color-stop(48%, rgba(254,233,128,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(51%, rgba(185,234,136,1)), color-stop(98%, rgba(105,181,30,1)), color-stop(99%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));

background: -webkit-linear-gradient(top, rgba(255,153,0,1) 0%, rgba(254,233,128,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 50%, rgba(185,234,136,1) 50%, rgba(105,181,30,1) 98%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,153,0,1) 0%, rgba(254,233,128,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 50%, rgba(185,234,136,1) 50%, rgba(105,181,30,1) 98%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,153,0,1) 0%, rgba(254,233,128,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 50%, rgba(185,234,136,1) 50%, rgba(105,181,30,1) 98%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,153,0,1) 0%, rgba(254,233,128,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 50%, rgba(185,234,136,1) 50%, rgba(105,181,30,1) 98%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffffff', GradientType=0 );
padding:0;
border-bottom:3px solid #69b51e;

}
header .header-nav .logo, header .header-nav nav {display:inline-block; vertical-align:middle;}
header .header-nav .logo {padding-top:8px;}
header .header-nav .logo img {height:178px;}
header .header-nav ul li { float:left; width:147px; text-align:center; }
header .header-nav ul li a {display:block; color:#fff; font-weight:normal; font-size:15px;}
.view {
	position: relative;
	text-align: center;
	cursor: default;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.view .mask,.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -3px;
}
.view img {
	position: relative;
	margin-top: 24px;
}
.view p {font-size: 11px;position: relative;color: #ff0000;text-align: center;}
.view a.info {
	display: block;
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
.view a:hover {text-decoration:underline;}
.view-sixth .mask {
	background-color: #fff3c7;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	margin: -37px 0 0;
	height: 191px;
	padding: 0 10px;
}
.view-sixth p {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;  }
.view-sixth a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.view-sixth:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	padding-top: 5px;
}
.view-sixth:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-sixth:hover a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;  }
.view-sixth .mask img {
	margin-top: 8px;
}



.view-register .mask {
	background-color: #fff3c7;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	height: 181px;
	margin-top: -27px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.view-register p {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;  }
.view-register a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.view-register:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	padding-top: 5px;
}
.view-register:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-register:hover a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;  }
.view-register .mask img {
	margin-top: 8px;
}

#register-button {
	padding-top: 14px;
}

#demo_box {display:none; width:98%; z-index:99999; position:fixed; padding:5px; font-size:30px;}

#demo_ul {z-index:99999 !important; margin-top:-5px !important; width:98% !important;padding:5px;background:rgba(0,0,0,.9);}
.demo_li {display:block; font-size:14px; text-align:left; padding-bottom:10px; margin:10px 0 5px; }
.demo_li:hover {background:rgba(255,255,255,1) !important;}
.demo_li img {width:50px;display:inline-block; margin:0 10px; vertical-align:bottom}
.demo_li h2 {font-size:20px;}
.demo_li div {display:inline-block; text-align:left; width:70%;}
.demo_li:hover h2 , .demo_li:hover p {color:#000;}

/**********************header navigation ends here*****************************/


/************************footer starts here*******************************/
footer .footer_links {background:url(../images/footer_bg.png) repeat-x bottom; min-height:580px; padding:20px 0 0;}
footer h4 {color:#008c99; font-size:20px; margin:15px 0; padding-bottom:25px;}
footer ul li {background:url(../images/bullet_footer.jpg) no-repeat left center; padding:0 0 0 20px; line-height:28px; font-size:15px;}
footer ul li a {color:#434343;}
footer ul li a:hover {color:#ff0000; text-decoration:underline;}
footer .nav_lst {display:inline-block; vertical-align:top; width:21%; margin-right:42px;}
footer .nav_lst:nth-child(1) h4 {background:url(../images/footer_title_bg_1.jpg) no-repeat left bottom;}
footer .nav_lst:nth-child(2) h4 {background:url(../images/footer_title_bg_2.jpg) no-repeat left bottom;}
footer .nav_lst:nth-child(3) h4 {background:url(../images/footer_title_bg_3.jpg) no-repeat left bottom;}
footer .nav_lst:nth-child(4) h4 {background:url(../images/footer_title_bg_4.jpg) no-repeat left bottom; }
footer .bottom {background:#008c99; color:#fff; font-size:13px; line-height:66px;}
footer .bottom a {color:#fff;}
footer .bottom p, footer .bottom li {display:inline-block;}
footer .bottom .social {display:inline-block; float:right;}
footer .bottom .social p, footer .bottom .social ul {display:inline-block;}
footer .bottom .social p {background:url(../images/footer_arrow.jpg) no-repeat right; padding:0 44px 0 0;} 
footer .bottom .social ul li {font-size:19px; text-align:center; background:none; margin-right:8px; padding:0;}
/************************footer ends here*******************************/


/*****************OTHER ESL KIDS Resources starts here***************/
.kids_resources {background:url(../images/kids_resource_bg.jpg) repeat #ce5302; text-align:center; color:#fff; padding:30px 0 0;}
.kids_resources h3 {background:url(../images/kids_resource_title_bg.jpg) no-repeat bottom center; padding-bottom:20px; margin-bottom:10px;text-transform:uppercase;}
.kids_resources h5 a {font-size:17px; font-weight:normal; color:#fcff00; margin-bottom:10px;}
.kids_resources h5 a:hover {color:#000;}
.kids_resources p {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.kids_resources .resources1 {display:inline-block; text-align:right; width:30%; vertical-align:top;}
.kids_resources .resources1 li {background:url(../images/resource-bullet.png) no-repeat right 3px; padding-right:20px; margin:27px 0;}
.kids_resources .resources2 {display:inline-block; text-align:left; width:30%;vertical-align:top;}
.kids_resources .resources2 li {background:url(../images/resource-bullet.png) no-repeat 0 3px; padding-left:20px; margin:27px 0;}
.kids_resources img {display:inline-block; vertical-align:bottom; margin:20px 0 0;}
/*************************OTHER ESL KIDS Resources ends here****************************/

/************************Halloween start**********************************/
.halloween {
	text-align: center;
	color: #fff;
	background-color: #D90000;
	background-image: url(../images/halloween_bg.jpg);
	background-repeat: repeat;
	margin-top: 40px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.halloween h3 {background:url(../images/halloween_title_bg.jpg) no-repeat bottom center; padding-bottom:20px; margin-bottom:10px;text-transform:uppercase;}
.halloween h5 a {font-size:17px; font-weight:normal; color:#fcff00; margin-bottom:10px;}
.halloween h5 a:hover {color:#000;}
.halloween p {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.halloween .resources1 {display:inline-block; text-align:right; width:30%; vertical-align:top;}
.halloween .resources1 li {background:url(../images/resource-bullet.png) no-repeat right 3px; padding-right:20px; margin:27px 0;}
.halloween .resources2 {display:inline-block; text-align:left; width:30%;vertical-align:top;}
.halloween .resources2 li {background:url(../images/resource-bullet.png) no-repeat 0 3px; padding-left:20px; margin:27px 0;}
.halloween img {display:inline-block; vertical-align:bottom; margin:20px 0 0;}
/************************Halloween end**********************************/

#yellowBox {
	background-color: #FF9;
	border: 1px dotted #F90;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/************************Easter start**********************************/
.easter {
	text-align: center;
	color: #fff;
	background-color: #D90000;
	background-image: url(../images/easter-bg.jpg);
	background-repeat: repeat;
	margin-top: 40px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.easter h3 {
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	background-image: url(../images/easter_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.easter h5 a {font-size:17px; font-weight:normal; color:#fcff00; margin-bottom:10px;}
.easter h5 a:hover {color:#000;}
.easter p {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.easter .resources1 {display:inline-block; text-align:right; width:30%; vertical-align:top;}
.easter .resources1 li {background:url(../images/resource-bullet.png) no-repeat right 3px; padding-right:20px; margin:27px 0;}
.easter .resources2 {display:inline-block; text-align:left; width:30%;vertical-align:top;}
.easter .resources2 li {background:url(../images/resource-bullet.png) no-repeat 0 3px; padding-left:20px; margin:27px 0;}
.easter img {display:inline-block; vertical-align:bottom; margin:20px 0 0;}
/************************Easter end**********************************/


/************************Thanksgiving start**********************************/
.thanksgiving {
	text-align: center;
	color: #fff;
	background-color: #59B200;
	background-image: url(../images/thanksgiving_bg.jpg);
	background-repeat: repeat;
	margin-top: 40px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.thanksgiving h3 {
	background: url(../images/kids_resource_title_bg.jpg) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.thanksgiving h5 a {font-size:17px; font-weight:normal; color:#fcff00; margin-bottom:10px;}
.thanksgiving h5 a:hover {color:#000;}
.thanksgiving p {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.thanksgiving .resources1 {display:inline-block; text-align:right; width:30%; vertical-align:top;}
.thanksgiving .resources1 li {background:url(../images/resource-bullet.png) no-repeat right 3px; padding-right:20px; margin:27px 0;}
.thanksgiving .resources2 {display:inline-block; text-align:left; width:30%;vertical-align:top;}
.thanksgiving .resources2 li {background:url(../images/resource-bullet.png) no-repeat 0 3px; padding-left:20px; margin:27px 0;}
.thanksgiving img {display:inline-block; vertical-align:bottom; margin:20px 0 0;}
/************************Thanksgiving end**********************************/

/************************Christmas start**********************************/
.christmas {
	text-align: center;
	color: #fff;
	background-color: #59B200;
	background-image: url(../images/christmas_bg.jpg);
	background-repeat: repeat;
	margin-top: 40px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.christmas h3 {
	background: url(../images/kids_resource_title_christmas_bg.jpg) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.christmas h5 a {font-size:17px; font-weight:normal; color:#fcff00; margin-bottom:10px;}
.christmas h5 a:hover {color:#000;}
.christmas p {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.christmas .resources1 {display:inline-block; text-align:right; width:30%; vertical-align:top;}
.christmas .resources1 li {background:url(../images/resource-bullet.png) no-repeat right 3px; padding-right:20px; margin:27px 0;}
.christmas .resources2 {display:inline-block; text-align:left; width:30%;vertical-align:top;}
.christmas .resources2 li {background:url(../images/resource-bullet.png) no-repeat 0 3px; padding-left:20px; margin:27px 0;}
.christmas img {display:inline-block; vertical-align:bottom; margin:20px 0 0;}
/************************Christmas end**********************************/


/************************what's new start**********************************/
.whats_new {background:#f3f3f3; padding:50px 0; text-align:center;}
.whats_new h3 {background:url(../images/WHATS_new_title_bg.png) no-repeat bottom center; padding-bottom:20px; margin-bottom:10px; color:#008c99;text-transform:uppercase;}
.whats_new .news {text-align:left; width:70%;vertical-align:top;}
.whats_new .news li {font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#3c3c3c; line-height:35px;}
.whats_new .news li span {color:#ff9c05;}
.whats_new .news li a {color:#3c3c3c; font-weight:bold; text-decoration:underline;}
.whats_new .news li a:hover {color:#ff0000;}
.whats_new .news, .whats_new .newsletter {display:inline-block;}
.whats_new .newsletter {width:28%;}
.whats_new .news img, .whats_new .news ul {display:inline-block;vertical-align:top;}
.whats_new .newsletter img {vertical-align:bottom;}
.whats_new p {color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:10px 0; font-weight:bold; }
.whats_new .newsletter a {padding:10px 15px; line-height:36px; color:#fff; background:#ff9c05; font-weight:normal;}
.whats_new .newsletter a:hover {color:#ff0000;}
/************************what's new end**********************************/


/********************Join ESL KidStuff start************************/
.join_esl {text-align:center;padding:50px 0; font-family:Arial, Helvetica, sans-serif;}
.join_esl h3 {background:url(../images/WHATS_new_title_bg.png) no-repeat bottom center; padding-bottom:20px; margin-bottom:10px; color:#ff6200;text-transform:uppercase;}
.join_esl .esl_text p {font-size:18px; color:#b10202; margin:20px 0;}
.join_esl .esl_text h2 {font-size:27px; color:#008c99; font-weight:normal; margin:20px 0 40px;}
.join_esl .esl_text h4 {font-size:16px; color:#008c99; font-family:Arial, Helvetica, sans-serif; margin:40px 0 20px; font-weight:normal;}
.join_esl .esl_text h3 {background:none; padding:0;}
.join_esl .esl_text h3 a {color:#fff; background:#ff6200; padding:10px 100px; text-transform:uppercase; font-size:27px; font-weight:normal;}
.join_esl .esl_text h3 a:hover {color:#000;}
/********************Join ESL KidStuff end************************/

/********************Join ESL KidStuff start************************/
.lets_get_started {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	background-color: #E6E6E6;
}
.lets_get_started h3 {
	background: url(../images/WHATS_new_title_bg2.png) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 30px;
	color: #ff6200;
	text-transform: uppercase;
}
.lets_get_started .esl_text p {font-size:18px; color:#b10202; margin:20px 0;}
.lets_get_started .esl_text h2 {font-size:27px; color:#008c99; font-weight:normal; margin:20px 0 40px;}
.lets_get_started .esl_text h4 {font-size:16px; color:#008c99; font-family:Arial, Helvetica, sans-serif; margin:40px 0 20px; font-weight:normal;}
.lets_get_started .esl_text h3 {background:none; padding:0;}
.lets_get_started .esl_text h3 a {color:#fff; background:#ff6200; padding:10px 100px; text-transform:uppercase; font-size:27px; font-weight:normal;}
.lets_get_started .esl_text h3 a:hover {color:#000;}

.lets_get_started img {
height: auto;
max-width: 100%;
}

.lets-get-started-01-padding {
	margin-right: 80px;
}
.lets-get-started-02-padding {
	margin-right: 80px;
}
.lets-get-started-03-padding {
	margin-right: 80px;
}

@media only screen and (max-width:1159px) {
.lets-get-started-01-padding {
	margin-right: 40px;
}
.lets-get-started-02-padding {
	margin-right: 40px;
}
.lets-get-started-03-padding {
	margin-right: 40px;
}
}

@media only screen and (max-width:999px) {
.lets-get-started-01-padding {
	margin-right: 20px;
}
.lets-get-started-02-padding {
	margin-right: 20px;
}
.lets-get-started-03-padding {
	margin-right: 20px;
}
}

@media only screen and (max-width:968px) {
.lets-get-started-01-padding {
	margin-right: 60px;
}
.lets-get-started-02-padding {
	margin-right: 60px;
}
.lets-get-started-03-padding {
	margin-right: 60px;
}
}

@media screen and (max-width: 760px) {
.lets-get-started-01-padding {
	margin-left: 30px;
	margin-right: 60px;
	margin-bottom: 20px;
}
.lets-get-started-02-padding {
	margin-right: 30px;
	margin-bottom: 20px;
}
.lets-get-started-03-padding {
	margin-right: 30px;
	margin-left: 60px;
}
}

@media screen and (max-width: 617px) {
.lets-get-started-01-padding {
	margin-left: 30px;
	margin-right: 60px;
	margin-bottom: 20px;
}
.lets-get-started-02-padding {
	margin-right: 30px;
	margin-bottom: 20px;
}
.lets-get-started-03-padding {
	margin-right: 20px;
	margin-left: 30px;
}
}

@media screen and (max-width: 480px) {
.lets-get-started-01-padding {
	margin-top: 20px;
	margin-right: 20px;
	clear: both;
	margin-left: 20px;
}
.lets-get-started-02-padding {
	margin-top: 20px;
	margin-right: 20px;
	clear: both;
	margin-left: 20px;
}
.lets-get-started-03-padding {
	margin-top: 20px;
	margin-right: 20px;
	clear: both;
	margin-left: 20px;
}
}

/*********************advert style style***************************/
#ads-box {
	border: 1px dotted #F90;
	background-color: #FFC;
	padding: 2px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}

#ads-box a:link {
	text-decoration: underline;
	}
/*********************advert style end***************************/


/********************Join ESL KidStuff end************************/


/********************Home Resources start************************/
.home-resources {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	background-color: #F3F3F3;
	font-size: 20px;
	color: #333333;
}
.home-resources h2 {
	margin-bottom: 20px;
	color: #008c99;
	font-family: 'Bubblegum Sans', cursive;
	font-size: 26px;
	font-weight: normal;
}

.home-resources h2 a {
	color: #008c99;
}

.home-resources h2 a:hover {
	color: #ff6200;
}

.home-resources ul {
	list-style-position: inside;
	margin-bottom: 20px;
}

.home-resources li {
	padding-bottom: 10px;
	background-image: url(../images/bullet-home-resources.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 9px;
}

.home-resources img {
height: auto;
max-width: 100%;
}

.home-resources2 {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	font-size: 20px;
	color: #333333;
}
.home-resources2 h2 {
	margin-bottom: 20px;
	color: #008c99;
	font-family: 'Bubblegum Sans', cursive;
	font-size: 26px;
	font-weight: normal;
}

.home-resources2 h2 a {
	color: #008c99;
}

.home-resources2 h2 a:hover {
	color: #ff6200;
}

.home-resources2 ul {
	list-style-position: inside;
	margin-bottom: 20px;
}

.home-resources2 li {
	padding-bottom: 10px;
	background-image: url(../images/bullet-home-resources.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 9px;
}

.home-resources2 img {
height: auto;
max-width: 100%;
}

.home-resources-content-right {
	float: right;
	width: 42%;	
}
.home-resources-image-left {
	float: left;
	width: 55%;	
}
.home-resources-content-left {
	float: left;
	width: 42%;	
}
.home-resources-image-right {
	float: right;
	width: 55%;
	text-align: right;
}


@media only screen and (max-width:900px) {
	
.home-resources {
	font-size: 20px;
}

.home-resources2 {
	font-size: 20px;
}

.home-resources li {
	background-position: left 6px;
}

.home-resources2 li {
	background-position: left 6px;
}

.home-resources-content-right {
	float: nnne;
	width: 100%;	
}
.home-resources-image-left {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}	

.home-resources-content-left {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.home-resources-image-right {
	float: none;
	width: 100%;
	text-align: left;
}

}

@media only screen and (max-width:640px) {
	
.home-resources {
	font-size: 18px;
}

.home-resources2 {
	font-size: 18px;
}

}

@media only screen and (max-width:480px) {
	
.home-resources {
	font-size: 16px;
}

.home-resources2 {
	font-size: 16px;
}

}

.button-home-more-info {
	background-image: url(../images/button-home-more-info-BG.png);
	background-repeat: no-repeat;
	display: block;
	font-family: 'Bubblegum Sans', cursive;
	font-size: 20px;
	color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 18px;
}

.button-home-more-info a {
	color: #FFF;
}
.button-home-more-info a:hover {
	color: #FF9900;
}

.button-home-lesson-plans {
	background-image: url(../images/button-home-lesson-plans-BG.png);
	background-repeat: no-repeat;
	display: block;
	font-family: 'Bubblegum Sans', cursive;
	font-size: 20px;
	color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 18px;
}

.button-home-lesson-plans a {
	color: #FFF;
}
.button-home-lesson-plans a:hover {
	color: #FF9900;
}

/********************Home Resources end************************/



/**********************ESL banner and main navigation starts****************************/
.nav-banner {margin:15px auto; display:block; clear:both; min-height:430px;}
.nav-banner-flashcards {
	display: block;
	clear: both;
	min-height: 430px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.nav-banner .nav-banner-left {width:23%; display:inline-block;}
.nav-banner h1 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.nav-banner h2 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;}
.nav-banner .banner {

}
.ccc-slide li {color:#FFFF00; padding:10px 15px; font-weight:bold;}
.ccc-slide li.bg1 {background:rgba(255,0,0,.9); }
.ccc-slide li.bg2 {background:rgba(116,187,47,.9);}
.ccc-slide li.bg3 {background:rgba(0,174,239,.9);}
.ccc-slide li.bg3 a{ color:#fff;}
.button-next {right:auto; left:55px;}
.button-previous, .button-next {border-radius:5px !important; background:#821cf9 !important; opacity:1 !important; bottom:4%; top:auto !important; display:block !important;}
.addthis_toolbox {
    height: 20px;
}
.nav-banner .social_share {margin-top:25px;}
.nav-banner .social_share ul li {display:inline-block;}
.nav-banner .social_share ul li span {background:url(../images/value.jpg) no-repeat; width:39px; line-height:20px; text-align:center; display:inline-block; vertical-align:top; font-size:10px;}

.nav-banner-full-width {
	margin: 15px auto;
	display: block;
	clear: both;
}
.nav-banner-full-width .nav-banner-left {width:23%; display:inline-block;}
.nav-banner-full-width h1 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.nav-banner-full-width h2 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	color: #333333;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.nav-banner-full-width .banner {width:75%; display:inline-block; float:right;}

.nav-banner-full-width .social_share {margin-top:25px;}
.nav-banner-full-width .social_share ul li {display:inline-block;}
.nav-banner-full-width .social_share ul li span {background:url(../images/value.jpg) no-repeat; width:39px; line-height:20px; text-align:center; display:inline-block; vertical-align:top; font-size:10px;}
/**********************ESL banner and main navigation end****************************/

/**********************Registration banner and main navigation starts****************************/
.banner-regitration {width:100%; display:inline-block; float:right;}
/**********************Registration banner and main navigation end****************************/



/**************************Welcome to ESL KidStuff start!*****************************/
.welcome_content {
	margin: 10px auto 30px;
	font-size: 18px;
	line-height: 24px;
	color: #666;
}
.welcome_content h2 {
	font: 30px/36px Georgia;
	font-weight: 500;
	background: url(../images/welcome_title_bg.jpg) no-repeat left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.welcome_content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.welcome_content p span {font-weight:bold;}
.welcome_content p a {
	font-weight: bold;
	text-decoration: underline;
	color: #008c99;
}
.welcome_content p img {float:right; margin-top:-40px;}
.welcome_content p a:hover {
	color: #ff6200;
}

.welcome_content img {
	height: auto;
	max-width: 100%;
}	

@media only screen and (max-width:991px) {
.welcome_content h2 {
	font-size: 28px !important;
	background-image: none;
	padding-bottom: 0px;
}
.welcome_content p {
	font-size: 18px;
}
.welcome_content img {
	display: block;
	clear: both;
	float: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}	

.welcome_content h2 {
	font-size: 28px !important;
	background-image: none;
	padding-bottom: 0px;
}
.welcome_content p {
	font-size: 18px;
}
.welcome_content img {
	display: block;
	clear: both;
	float: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}	
}

@media only screen and (max-width:480px) {
.welcome_content h2 {
	font-size: 22px !important;
}
.welcome_content p {
	font-size: 16px;
	line-height: 22px;
}	

.welcome_content h2 {
	font-size: 22px !important;
}
.welcome_content p {
	font-size: 16px;
	line-height: 22px;
}	
.welcome_content img {
	margin-bottom: 20px;
}	
}
/**************************Welcome to ESL KidStuff end!*****************************/


/**********************Our Top ESL kids Resources start***************************/
.kids_resource_top {background:url(../images/kids_resource_top_bg.jpg) #f3f3f3 no-repeat bottom center; padding:50px 0; text-align:center; min-height:726px;}
.kids_resource_top h3 {background:url(../images/WHATS_new_title_bg.png) no-repeat bottom center; padding-bottom:20px; margin-bottom:10px; color:#008c99; text-transform:uppercase;}
.tree_esl ul li {position:absolute; text-align:center; width:217px; height:165px;}
.tree_esl ul li h3 {background:none; font-family:Verdana; font-size:15px; font-weight:normal; text-transform:uppercase; padding:0; margin:35px auto 5px; width:70%}
.tree_esl ul li img {display:inline-block; vertical-align:top; float:left;}
.tree_esl ul li p {display:block; width:66%; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#a02a10; margin:0 auto 7px;}
.tree_esl ul li a:hover {background:#000 !important;}
.tree_esl ul li a {padding:3px 5px; font-size:10px; color:#fff; text-transform:uppercase;}

.tree_esl ul li:nth-child(1) {background:url(../images/lesson_plan_bg.png) no-repeat; top:50px; left:163px;}
.tree_esl ul li:nth-child(1) a {background:#008c99;}
.tree_esl ul li:nth-child(1) h3 {color:#008c99;}
.tree_esl ul li:nth-child(1) h3 a {
	color: #008c99;
	background: none;
	font-family:Verdana;
	font-size:15px;
}
.tree_esl ul li:nth-child(1) h3 a:hover {
	background: none !important;
	text-decoration: underline;
}

.tree_esl ul li:nth-child(2) {background:url(../images/worksheet_bg.png) no-repeat; top:50px; right:225px;}
.tree_esl ul li:nth-child(2) a {background:#bfb202;}
.tree_esl ul li:nth-child(2) h3 {color:#bfb202;}
.tree_esl ul li:nth-child(2) h3 a {
	color: #bfb202;
	background: none;
	font-family:Verdana;
	font-size:15px;
}
.tree_esl ul li:nth-child(2) h3 a:hover {
	background: none !important;
	text-decoration: underline;
}

.tree_esl ul li:nth-child(3) {background:url(../images/Flashcards_bg.png) no-repeat; top:270px; left:125px;}
.tree_esl ul li:nth-child(3) a {background:#ff6600;}
.tree_esl ul li:nth-child(3) h3 {color:#ff6600;}
.tree_esl ul li:nth-child(3) h3 a {
	color: #ff6600;
	background: none;
	font-family:Verdana;
	font-size:15px;
}
.tree_esl ul li:nth-child(3) h3 a:hover {
	background: none !important;
	text-decoration: underline;
}

.tree_esl ul li:nth-child(4) {background:url(../images/song_bg.png) no-repeat; top:270px; right:170px;}
.tree_esl ul li:nth-child(4) a {background:#2fa5f8;}
.tree_esl ul li:nth-child(4) h3 {color:#2fa5f8;}
.tree_esl ul li:nth-child(4) h3 a {
	color: #2fa5f8;
	background: none;
	font-family:Verdana;
	font-size:15px;
}
.tree_esl ul li:nth-child(4) h3 a:hover {
	background: none !important;
	text-decoration: underline;
}

.tree_esl ul li:nth-child(5) {background:url(../images/Classroom_Reader_bg.png) no-repeat; top:500px; left:180px;}
.tree_esl ul li:nth-child(5) a {background:#b400ff;}
.tree_esl ul li:nth-child(5) h3 {color:#b400ff; font-size:14px; margin-bottom:0;}
.tree_esl ul li:nth-child(5) h3 a {
	color: #b400ff;
	background: none;
	font-family:Verdana;
	font-size:15px;
}
.tree_esl ul li:nth-child(5) h3 a:hover {
	background: none !important;
	text-decoration: underline;
}

.tree_esl ul li:nth-child(6) {background:url(../images/teaching_app_bg.png) no-repeat; top:500px; right:200px;}
.tree_esl ul li:nth-child(6) a {background:#db1f22;}
.tree_esl ul li:nth-child(6) h3 {color:#db1f22;}
.tree_esl ul li:nth-child(6) h3 a {
	color: #db1f22;
	background: none;
	font-family:Verdana;
	font-size:15px;
}
.tree_esl ul li:nth-child(6) h3 a:hover {
	background: none !important;
	text-decoration: underline;
}

/**********************Our Top ESL kids Resources end***************************/

/*********************Page Intro Div starts here***************************/
.intro_div {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	text-align: left;
}
.intro_div h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.intro_div h1 span {font-size:25px; color:#333333;}
.intro_div h3 {
	font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 20px;
	padding-top: 30px;
}
.redText {
	color: #EC1B23;
}

.redTextH1Large {
	color: #EC1B23;
	font-size: 34px;
}
.redTextH1LessLarge {
	color: #EC1B23;
	font-size: 28px;
}
.redTextH1LessLarge2 {
	color: #EC1B23;
	font-size: 22px;
}
.intro_div p.bulb {background:url(../images/bulb.jpg) no-repeat; left center; padding-left:30px; border-bottom:1px dotted #ffa316; padding:0 0 20px 30px; margin-bottom:20px;}
.intro_div p {
	font: normal 16px/25px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 24px;
}
.intro_div p a {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
.intro_div p a:hover, .lesson_plan_intro p span {
	color: #ff0000;
	text-align: center;
}

.intro_div ul{
	list-style-type: disc;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.intro_div li{
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 25px;
}
.intro_div ol{
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/*********************Page Intro Div ends here***************************/


/*********************Main Container starts here***************************/

.main_container {
	margin: 10px auto 30px;
	line-height: 24px;
}
.main_container h2 {font: 36px/44px Georgia; font-weight:500; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; padding-bottom:20px; margin-bottom:10px;}
.main_container h3 {
	font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 20px;
	padding-top: 30px;
}
.main_container p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 24px;
}
.main_container p span {font-weight:bold;}
.main_container p a {text-decoration:underline; color:#000;}

.main_container p a:hover {color:#FF0000;}

.main_container ul{
	list-style-type: disc;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.main_container li{
	margin-top: 14px;
	margin-bottom: 14px;
}

.main_container ol{
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.cloud2_bg {
	background-color: #EBEBEB;
}

/*********************Main Container ends here***************************/


/*********************ESL Kids Lesson Plans starts here***************************/
.lesson_plan_intro {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.lesson_plan_intro h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.lesson_plan_intro h1 span {font-size:25px; color:#333333;}
.lesson_plan_intro p.bulb {background:url(../images/bulb.jpg) no-repeat; left center; padding-left:30px; border-bottom:1px dotted #ffa316; padding:0 0 20px 30px; margin-bottom:20px;}
.lesson_plan_intro p {
	font: normal 16px/25px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 18px;
}
.lesson_plan_intro p a {color:#000; font-weight:bold; text-decoration:underline;}
.lesson_plan_intro p a:hover, .lesson_plan_intro p span {color:#ff0000;}

.cloud_bg {background:url(../images/cloud_bg.png) no-repeat bottom center #f3f3f3;}

.lesson {margin:30px auto; font-family:Arial, Helvetica, sans-serif;}
.lesson h3 {font:normal 23px/40px Verdana; color:#70bf00;}
.lesson p {font:normal 16px/20px Arial, Helvetica, sans-serif; color:#000;}
.lesson .left {
	display: inline-block;
	width: 74%;
	vertical-align: top;
}
.lesson .right {
	display: inline-block;
	width: 24%;
	vertical-align: top;
	float: right;
}
.lesson .left ul {background:url(../images/lesson_bg.png) repeat #ff9c05; margin:18px 0 0;}
.lesson .right ul {background:url(../images/lesson_bg.png) repeat #0066cb; margin:18px 0 0;}
.lesson ul {text-align:center;}
.lesson .left ul li {
	width: 17%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.lesson ul {padding:20px;}
.lesson ul li p, .lesson a {color:#fff; display:block; margin:0 auto 10px; font-size:13px; font-weight: 600;}
.lesson a:hover, .right a:hover {color:#ff0000;}
.lesson .left ul li img, .lesson .right ul li img {display:block; margin:0 auto;margin:0 auto 10px; height:64px;}

.theme-order {background:url(../images/large_cloud_bg.png) repeat #70bf00; margin:34px auto; padding:40px 0;}


.cd-tabs-content li {
	padding: 30px 20px !important;
}
.cd-tabs-content li p {
	font: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
}
.cd-tabs-content li h3 {font-family:Verdana; font-size:20px; color:#ff6600; border-bottom:1px dotted #ff6600; padding:20px 0 10px; margin-bottom:20px; font-weight:normal;}
.cd-tabs-content li h2 {font-family:Verdana; font-size:25px; color:#68B41E; border-bottom:1px dotted #68B41E; padding:20px 0 10px;  font-weight:normal;}
.cd-tabs-content li li {display:block !important; padding:0 0 34px !important;}
.cd-tabs-content li li .lesson-plan-img {display:inline-block;vertical-align:top; margin-right:10px;}
.cd-tabs-content li li .list_info {display:inline-block; width:46%; vertical-align:top;}
.cd-tabs-content li li .list_info p {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-size: 17px;
}
.cd-tabs-content li li .images {display:inline-block; width:40%;vertical-align:top;}
.cd-tabs-content li li .images ul {text-align:right;}
.cd-tabs-content li li .images ul li {display:inline-block !important; width:19%; vertical-align:top;}
.cd-tabs-content li li .images ul li a {font:normal 12px/18px Arial, Helvetica, sans-serif; text-decoration:underline; display:block; text-align:center;}
.cd-tabs-content li li .images ul li a:hover {color:#ff0000;}
.cd-tabs-content li li .images ul li img {display:block; margin:0 auto;}

.cd-tabs-content .list_info a {
	text-decoration: underline;
	color: #da1c20;
}

.cd-tabs-content .list_info a:hover {
	text-decoration: underline;
	color: #000000;
}

#grammar-point-div {
	border: 1px dashed #F90;
	background-color: #FFC;
	background-image: url(../images/icon-grammar.gif);
	background-repeat: no-repeat;
	background-position: 99% 2%;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 15px;
	margin-bottom: 40px;
	margin-top: 0px;
}

#grammar-point-div p{
	margin-bottom: 12px;
}

#grammar-point-div h3{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	color: #b10202 !important;
	margin-bottom: 12px;
	font-weight: normal;
}
#grammar-point-div ul{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
	color: #060;
}
#grammar-point-div li{
	list-style-type: disc;
	margin-bottom: 16px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
/*********************ESL Kids Lesson Plans ends here***************************/


/***********************notes & Comments starts here*******************************/
.notes {font-family:Arial, Helvetica, sans-serif;border-bottom:1px dotted #ffa316;padding:0 0 20px; margin-bottom:30px; text-align:left;}
.notes img {float:left; margin-right:5px;}
.notes p {display:block; padding:20px 0; border-top:1px dotted #ffa316; border-bottom:1px dotted #ffa316;color:#ff0000; font-size:12px;}
.notes p a {color:#ff0000; text-decoration:underline;}
.notes p a:hover {color:#000;} 
.notes h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000; background:url(../images/bulb.jpg) no-repeat left; margin:20px 0; padding-left:30px;}
.notes ol {margin-left:30px;}
.notes ol li {margin-bottom:15px; font-size:14px;}
.notes ol li span {font-weight:bold;}
.notes ol li a {color:#ff0000;}
.notes ol li a:hover {color:#000;}

.comment_form {width:360px;}
.comment_form h5 {color:#ff9c05; font-size:20px; font-weight:normal;}
.comment_form input[type="text"] {width:96%; line-height:37px; padding:0 5px; border:1px solid #d1d1d1;font-family:Arial, Helvetica, sans-serif; font-size:13px; display:block; margin-bottom:10px;}
.comment_form textarea {width:96%; height:182px; padding:5px; border:1px solid #d1d1d1; font-family:Arial, Helvetica, sans-serif; font-size:13px;display:block;margin-bottom:10px;}
.comment_form input[type="submit"] {display:inline-block; padding:0 30px; color:#fff; border:none; background:#ff9c05; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:42px; cursor:pointer;}
.comment_form input[type="submit"]:hover {color:#000;}
.comment_form a.save {display:inline-block; float:right; margin:10px 0 0;}

.comments ul li p span {font-size:15px; color:#000;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.comments ul li p {font-size:14px; color:#4b4b4b; line-height:18px; margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
.comments ul li {margin:10px 0 20px;}
.comments ul li a {color:#4b4b4b; text-decoration:underline;font-size:14px;}
.comments ul li a:hover {color:#ff0000;}

.pagination ul {text-align:right;float:right; margin-bottom:10px;}
.pagination ul li { float:left;margin:0 1px;}
.pagination ul li a {font-family:Arial, Helvetica, sans-serif;  color:#fff; font-size:12px;padding:5px 10px; background:#16af16; display:block;}
.pagination ul li a:hover, .pagination ul li a.active {background:#ff6200;} 
/***********************notes & Comments ends here*******************************/


/*********************ESL Kids Flashcards Menu starts here***************************/
.flashcards_menu_intro {margin:0 0 30px; background:url(../images/../images/flashcard_intro.jpg) right 70px no-repeat;}
.flashcards_menu_intro h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.flashcards_menu_intro h1 span {font-size:25px; color:#333333;}
.flashcards_menu_intro p.bulb {background:url(../images/bulb.jpg) no-repeat; left center; padding-left:30px; border-bottom:1px dotted #ffa316; padding:0 0 20px 30px; margin-bottom:20px;}
.flashcards_menu_intro p {font:normal 16px/25px Arial, Helvetica, sans-serif; color:#000;}
.flashcards_menu_intro p a {color:#000; font-weight:bold; text-decoration:underline;}
.flashcards_menu_intro p a:hover, .lesson_plan_intro p span {color:#ff0000;}

.cloud_bg {background:url(../images/cloud_bg.png) no-repeat bottom center #f3f3f3;}

.flashcards_menu {margin:30px auto; font-family:Arial, Helvetica, sans-serif;}
.flashcards_menu h3 {font:normal 23px/40px Verdana; color:#70bf00;}
.flashcards_menu p {font:normal 16px/20px Arial, Helvetica, sans-serif; color:#000;}
.flashcards_menu .left {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.flashcards_menu .right {
	width: 50%;
	vertical-align: top;
	float: right;
}
.flashcards_menu .left ul {
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 0px;
}
.flashcards_menu .right ul {
	margin: 18px 0 0;
}
.flashcards_menu ul {text-align:center;}
.flashcards_menu .left ul li {
	vertical-align: top;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align: left;
	padding-bottom: 0px;
}

.flashcards_menu .right ul li {
	vertical-align: top;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	text-align: left;
}

.flashcards_menu ul {padding:20px;}
.flashcards_menu ul li p, .lesson a {color:#fff; display:block; margin:0 auto 10px; font-size:13px; font-weight: 600;}
.flashcards_menu a:hover, .right a:hover {color:#ff0000;}
.flashcards_menu .left ul li img, .lesson .right ul li img {
	margin: 0 auto;
	margin: 0 auto 10px;
}



.theme-order {background:url(../images/large_cloud_bg.png) repeat #70bf00; margin:34px auto; padding:40px 0;}

.flashcard-cd-tabs-content li {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.flashcard-cd-tabs-content li p {font:Arial, Helvetica, sans-serif; color:#000; font-size:16px;}
.flashcard-cd-tabs-content li h3 {font-family:Verdana; font-size:20px; color:#ff6600; border-bottom:1px dotted #ff6600; padding:20px 0 10px; margin-bottom:20px; font-weight:normal;}
.flashcard-cd-tabs-content li h2 {font-family:Verdana; font-size:25px; color:#68B41E; border-bottom:1px dotted #68B41E; padding:20px 0 10px;  font-weight:normal;}
.flashcard-cd-tabs-content li li {
	display: block !important;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.flashcard-cd-tabs-content li li .lesson-plan-img {display:inline-block;vertical-align:top; margin-right:10px;}
.flashcard-cd-tabs-content li li .list_info {display:inline-block; width:46%; vertical-align:top;}
.flashcard-cd-tabs-content li li .list_info p {font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; font-size:17px;}
.flashcard-cd-tabs-content li li .images {display:inline-block; width:40%;vertical-align:top;}
.flashcard-cd-tabs-content li li .images ul {text-align:right;}
.flashcard-cd-tabs-content li li .images ul li {display:inline-block !important; width:19%; vertical-align:top;}
.flashcard-cd-tabs-content li li .images ul li a {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline; display:block; text-align:center;}
.flashcard-cd-tabs-content li li .images ul li a:hover {color:#ff0000;}
.flashcard-cd-tabs-content li li .images ul li img {display:block; margin:0 auto;}


/*********************ESL Kids Flashcards Menu ends here***************************/


/***********************ESL Flashcard starts here*****************************/
.banner_flashcard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image: url(../images/flashcard_intro.jpg);
	background-repeat: no-repeat;
	background-position: right 30px;
}
.banner_flashcard h2 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.banner_flashcard h3 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.banner_flashcard p {margin-bottom:15px;}
.banner_flashcard p a {text-decoration:underline; color:#000;}
.banner_flashcard p a:hover {color:#ff0000;}
.banner_flashcard img {vertical-align:middle;}

.weather {
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.weather h1 {display:inline-block; background:none !important; vertical-align:baseline; font-size:36px !important; color:#ff0000; font-family: Georgia; font-weight:bold;}
.weather h1 span {color:#cccccc; font-size:28px; font-weight:500;}
.weather h2 {
	color: #FF6600!important;
	font-size: 18px!important;
	background-image: none!important;
	border-bottom-width: 1px!important;
	border-bottom-style: dotted!important;
	border-bottom-color: #FF6600!important;
	padding-bottom: 10px!important;
}
.weather a {
	display: inline-block;
	float: right;
	background: url(../images/anchor_bg.jpg) left center no-repeat #ff6200;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 30px;
	margin-top: 20px;
}
.weather a:hover{color:#000;}

@media screen and (max-width: 990px) {
.weather h2 {
	font-size: 18px!important;
}	
}	

.flashcard_weather {margin-bottom:0;}/*Edited on 6/15/2015*/
.banner_flashcard .flashcard-image ul {margin-top: 20px;}/*Edited on 6/15/2015*/
.banner_flashcard .flashcard-image ul li {margin-bottom:19px;}/*Edited on 6/15/2015*/


.flashcard-image ul {
	text-align: left;
	margin-bottom: 0px;
}/*Edited on 6/15/2015*/

.flashcard-image ul li {display:inline-block; width:130px; margin:0 5px 24px; vertical-align:top; position:relative;}

.flashcard-image ul li img.tag {border:none; position:absolute; z-index:99; left:0;}
.flashcard-image ul li p {display:inline-block; float:left; font-size:12px; color:#000;}
.flashcard-image ul li p a {color:#000;}.flashcard-image ul li p a:hover {color:#ff0000; text-decoration:underline;}

.flashcard-image ul li .thumbnails {width:128px; height:107px; text-align:center;border:1px solid #dfdfdf;vertical-align:middle;display: table-cell;}
.flashcard-image ul li a {float:none; display:block; margin-bottom:5px;}
.flashcard-image ul li .thumbnails img { padding:0; float:none; border:none; margin:auto;}
.flashcard-image ul li:last-child p {
	font-size: 12px;
}/*Edited on 6/15/2015*/
.banner_flashcard .flashcard-image ul li:last-child p {font-size:14px;}/*Edited on 6/15/2015*/

.flashcard-image ul li a {font-size:14px; color:#000;}
.flashcard-image ul li a:hover {color:#ff0000; text-decoration:underline;}
.flashcard-image ul li a.no-border img {border:none; padding:0; float:right; margin:0;}/*Edited on 6/15/2015*/
.flashcard-image ul li:last-child a.no-border img {padding:0;}/*Edited on 6/15/2015*/

.back_menu a {float:right; background:url(../images/anchor_bg.jpg) left center no-repeat #ff6200; line-height:30px; color:#fff; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0 30px; margin:10px 0 38px;}
.back_menu a:hover {color:#000;}
.flashcard p {border-top:none !important}

.flashcardsFullSet ul {text-align:center; font-family:Arial, Helvetica, sans-serif; border-top:1px dotted #ffa316; padding-top:50px;}
.flashcardsFullSet ul li {display:inline-block; vertical-align:top; margin:0 30px 10px; text-align:center;}
.flashcardsFullSet ul li:first-child {margin-left:0;}
.flashcardsFullSet ul li img {border:none;}
.flashcardsFullSet ul li p {color:#000; line-height:20px;}
.flashcardsFullSet ul li p a {color:#000;}
.flashcardsFullSet ul li p a:hover {text-decoration:underline; color:#ff0000;} 
/***********************ESL Flashcard ends here*****************************/


/********************ESL Worksheet starts here***********************/
.banner_worksheet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image: url(../images/worksheet_intro.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.banner_worksheet h1 {
	font-family: Georgia;
	font-size: 36px;
	background: url(../images/welcome_title_bg.jpg) no-repeat left bottom;
	color: #FF0000;
	margin-bottom: 14px;
}
.banner_worksheet h2 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.banner_worksheet h3 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.banner_worksheet h4 {
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #68b41e;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.banner_worksheet p {margin-bottom:15px;}
.banner_worksheet p a {text-decoration:underline; color:#000;}
.banner_worksheet p a:hover {color:#ff0000;}
.banner_worksheet img {vertical-align:middle;}

.worksheet-image {
	margin-top: 20px;
}
.worksheet-image ul {text-align:left;}
.worksheet-image ul li {width:112px; margin:0 36px 20px; vertical-align:top; display:inline-block;}
.worksheet-image ul li:nth-of-type(6n) {margin-right:0;}
.worksheet-image ul li:nth-of-type(6n+1) {margin-left:0;}
/*.worksheet-image ul li img {border:1px solid #dfdfdf; padding:3px;}*/
.worksheet-image ul li .worksheet-thumbnail {width:106px; height:146px; text-align:center;border:1px solid #dfdfdf;vertical-align:middle;display: table-cell; -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33); margin-bottom:5px;}

.worksheet-image ul li img.tag {border:none; position:absolute; z-index:99}
.worksheet-image ul li a {display:inline-block; font-size:12px; color:#000; line-height:18px}
.worksheet-image ul li a p {margin:5px 0 3px;}
.worksheet-image ul li a:hover p {color:#ff0000;text-decoration:underline;}
.worksheet-image ul li a:hover {text-decoration:underline;}
.worksheet-image ul li p img {border:none; display:block; margin-top:5px}
/********************ESL Worksheet ends here***********************/



/********************ESL Craft Sheet starts here***********************/
.banner_craftsheet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image: url(../images/4craftsheets.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.banner_craftsheet h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.banner_craftsheet h2 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.banner_craftsheet h3 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	color: #333333;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
} 
.banner_craftsheet h4 {
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #68b41e;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.banner_craftsheet p {margin-bottom:15px;}
.banner_craftsheet p a {text-decoration:underline; color:#000;}
.banner_craftsheet p a:hover {color:#ff0000;}
.banner_craftsheet img {vertical-align:middle;}

.craftsheet-image {
	margin-top: 20px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #ffa316;
	padding-top: 20px;
	font-size: 12px;
}
.craftsheet-image ul {text-align:left;}
.craftsheet-image ul li {width:112px; margin:0 36px 20px; vertical-align:top; display:inline-block;}
.craftsheet-image ul li:nth-of-type(6n) {margin-right:0;}
.craftsheet-image ul li:nth-of-type(6n+1) {margin-left:0;}
/*.craftsheet-image ul li img {border:1px solid #dfdfdf; padding:3px;}*/
.craftsheet-image ul li .worksheet-thumbnail {width:106px; height:146px; text-align:center;border:1px solid #dfdfdf;vertical-align:middle;display: table-cell; -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33); margin-bottom:5px;}

.craftsheet-image ul li img.tag {border:none; position:absolute; z-index:99}
.craftsheet-image ul li a {display:inline-block; font-size:12px; color:#000; line-height:18px}
.craftsheet-image ul li a p {
	margin: 5px 0 3px;
	color: #ff0000;
}
.craftsheet-image ul li a:hover p {color:#ff0000;text-decoration:underline;}
.craftsheet-image ul li a:hover {text-decoration:underline;}
.craftsheet-image ul li p img {border:none; display:block; margin-top:5px}

#craftsheet-textbox {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #ffa316;
	border-bottom-color: #ffa316;
	padding-top: 14px;
	font-size: 14px;
}

#craftsheet-categories {
	font-size: 14px;
	margin-top: 20px;
}

.columns {
	-moz-column-width: 16em; /* Firefox */
	-webkit-column-width: 22em; /* webkit, Safari, Chrome */
	column-width: 16em;
	margin-left: 20px;
}
/*remove standard list and bullet formatting from ul*/
.columns ul {
	margin: 0;
	padding: 0 0 0 23px;
	list-style-type: disc;
}
.columns li
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 4px;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child {
    margin-top:0px;
}

.columns li a:link {
	text-decoration: underline;
}

/********************ESL Craft Sheet ends here***********************/



/**********************Readers to Download for ESL Kids Lessons start here****************************/
.kids-reader {background:url(../images/reader-bg.jpg) right 70px no-repeat; margin:0 0 30px; text-align:left; padding-bottom:20px; border-bottom:1px dotted #ffa316;}
.kids-reader h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.kids-reader h1 span {font-size:25px; color:#333333;}
.kids-reader p {font:normal 16px/24px Arial, Helvetica, sans-serif; color:#000;}
.kids-reader p span {font-size:26px;}
.kids-reader a {text-decoration:underline; font-weight:bold; color:#000;}.kids-reader a:hover {color:#ff0000;}
.kids-reader p img {float:left; margin:0 10px 0 0;}
.kids-songs p img {float:right; margin: 0 0 0 10px;}

.classroom h2 {font-size:28px; color:#0066cb; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:10px;}
.classroom p {font-family:Arial, Helvetica, sans-serif; color:#000;}

.free_sample {background:url("../images/large_cloud_bg.png") repeat scroll 0 0 #02c99d; margin:30px auto; padding:30px 0;}
.free_sample h3 {background: url("../images/WHATS_new_title_bg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #fff; margin-bottom: 10px; padding-bottom: 20px;    text-transform: uppercase; text-align:center;}
.kids_reader {vertical-align:top; width:32%;}
.free_sample .kids_reader {width:38%;}

.kids_reader img {display:inline-block; -webkit-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); padding:10px; background:#fff; vertical-align:top}

.kids_reader .reader_description {display:inline-block; margin-left:10px; width:50%;}
.kids_reader .reader_description img {padding:0 2px 0 0; box-shadow:none; background:none;vertical-align:text-bottom !important;display:inline-block; margin:0;}
.free_sample .kids_reader img {vertical-align:top;}
.kids_reader .reader_description h4 {font:normal 20px/25px Arial, Helvetica, sans-serif; color:#fff;margin:0 0 15px;}
.kids_reader .reader_description ul li {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
}
.kids_reader .reader_description ul li span {font-size:16px;}
.kids_reader .reader_description a {display:block; padding:2px 0; color:#fff; text-transform:uppercase; text-align:center; width:126px; font-size:12px;
background: rgba(111,190,0,1);
background: -moz-linear-gradient(top, rgba(111,190,0,1) 0%, rgba(93,158,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(111,190,0,1)), color-stop(100%, rgba(93,158,1,1)));
background: -webkit-linear-gradient(top, rgba(111,190,0,1) 0%, rgba(93,158,1,1) 100%);
background: -o-linear-gradient(top, rgba(111,190,0,1) 0%, rgba(93,158,1,1) 100%);
background: -ms-linear-gradient(top, rgba(111,190,0,1) 0%, rgba(93,158,1,1) 100%);
background: linear-gradient(to bottom, rgba(111,190,0,1) 0%, rgba(93,158,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbe00', endColorstr='#5d9e01', GradientType=0 );
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
margin:5px 0 0;
}
.free_sample .kids_reader:nth-of-type(2n+1) {float:left; margin-left:100px;}
.free_sample .kids_reader:nth-of-type(2n+2) {float:right;}




.full_list {background:url("../images/large_cloud_bg.png") repeat scroll 0 0 #0689e3; margin:30px auto; padding:30px 0;}
.full_list h3 {background: url("../images/WHATS_new_title_bg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #fff; margin-bottom: 10px; padding-bottom: 20px;    text-transform: uppercase; text-align:center;}
.full_list p {color:#fcff00; text-align:center; font-size:18px; margin-bottom:30px;}
.full_list .kids_reader {display:inline-block; margin-bottom:35px; vertical-align:top}
/**********************Readers to Download for ESL Kids Lessons end here****************************/


/******************Readers Levels start***************/
.left_reader_level {display:inline-block; width:79%;}
.left_reader_level h3 {text-transform:uppercase; margin-top:60px;}
.readers_level h3 {color:#ff9c05}
.readers_level ul li ul li {color:#fff; font-size:18px; border-left:1px solid #ffd79b;border-bottom:1px solid #ffd79b; width:182px; line-height:44px; text-align:center; float:left; display:inline-block;} 
.readers_level ul li ul li:last-child {border:none;}
.readers_level ul li:nth-of-type(2n+1) ul li {background:#ff9c05}
.readers_level ul li:nth-of-type(2n+2) ul li {background:#6eb502}
.right_reader_level {display:inline-block; margin-left:18px;}

.readers_resources {margin:48px 0;}
.readers_resources h3 {color:#e8047f}
.readers_resources p {font:normal 18px/25px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.readers_resources ul li {color:#00aeef;font:normal 17px/25px Verdana, Arial, Helvetica, sans-serif; display:inline-block;}
.readers_resources ul li a {text-decoration:underline; color:#00aeef;}
.readers_resources ul li a:hover {color:#ff0000;}
/******************Readers Levels end***************/

/******************How to assemble your book start**********************/
.assemble_books {background:url("../images/large_cloud_bg.png") repeat scroll 0 0 #ce5302; margin:30px auto; padding:30px 0;}
.assemble_books h3 {background:url("../images/WHATS_new_title_bg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #fff; margin:8px 0 10px; padding-bottom: 20px;    text-transform: uppercase; text-align:center;}
.assemble_books p {color:#fcff00; text-align:center; font-size:18px; margin-bottom:30px;}
.assemble_books ul {text-align:center;}
.assemble_books ul li {
	display: inline-block;
	color: #fff;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.assemble_books ul li a {line-height:0;padding:20px 0 0;}
.assemble_books ul li img {margin-bottom:20px;}
.assemble_books ul li img , .assemble_books ul li a {display:block; color:#fff; font-size:16px; text-decoration:underline;}
.assemble_books ul li a:hover {color:#fcff00;}
.assemble_books ul li img {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	
}
/******************How to assemble your book end**********************/

/******************copyright start********************/
.copyright {margin-bottom:30px;}
.copyright h2 {color:#70bf00; font-size:18px; font-weight:normal;}
.copyright p {font:normal 14px/18px Arial, Helvetica, sans-serif; color:#535353;}
.copyright p span {color:#ff0000;}
/******************copyright end********************/

/************************ESL Banner starts here*********************/
#demo1_main_image {width:100%;}
#demo1_main_image img {width:100%;}
.list-inline {width:100%; float:none;}
.list-inline li {float:left; border-right:1px solid #fff; text-align:center; width:16.56%;background:#dddddd; line-height:30px;}
.list-inline li:nth-child(1) a i {color:#FF9C05;}
.list-inline li:nth-child(2) a i {color:#16AF16;}
.list-inline li:nth-child(3) a i {color:#ff0000;}
.list-inline li:nth-child(4) a i {color:#ff007a;}
.list-inline li:nth-child(5) a i {color:#0066CB;}
.list-inline li:nth-child(6) a i {color:#821cf9;}


.list-inline li a {color:#373737}
.list-inline li:last-child {border-right:none !important;}
.list-inline li img {height:74.5px; margin-top:-1px;}
/************************ESL Banner ends here*********************/


.tooltip-label {
	background: url(../images/arrow_down.jpg) no-repeat left center;
	color: #238c00;
	font-size: 16px;
	padding-left: 20px;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #238c00;
}
.tooltip-label_01 {
  background:url(../images/arrow_down.jpg) no-repeat left center; color:#238c00;font-size:16px; padding-left:20px; border:none; cursor:pointer; display:none;
}
.tooltip-input {
    display: none;
} /*Hide input element*/

.tooltip-content {
    margin-top: 0;
	padding-bottom:20px;
	border-bottom:1px dotted #68b41e;
}
.tooltip-content h3 {border-bottom:1px dotted #68b41e !important;color: #68b41e !important; font-size: 18px !important; font-family:Arial, Helvetica, sans-serif;}
.tooltip-content li, .tooltip-content p {color:#000; font-size:12px !important; line-height:20px !important;}
.tooltip-content li span {color:#060 !important; font-weight:bold}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}






.cd-tabs-content li li .tooltip-content li {padding-bottom:0 !important}
.flashcard-cd-tabs-content li li .tooltip-content li {padding-bottom:0 !important}

.tooltip-input:not(checked) ~ .tooltip-content {
    display: none;
}
.tooltip-input:checked ~ .tooltip-content {       
    display: block;
}

/*******************kids songs starts here*************************/
.kids-songs a {font-weight:normal;}
.block {background:url(../images/large_cloud_bg.png) #70bf00; padding:56px 0 28px;}
.kids-songs {background:none !important; border-bottom:none !important; }
.kids_songs_block {
	border: 1px solid #d4d4d4;
	background: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 56px;
	margin-left: 0;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 25px;
}

.kids_songs_block h2 {
	font-size: 22px;
	font-weight: normal;
}
.kids_songs_block ul {
	border-bottom: 1px dotted #FF6501;
	text-align: center;
	margin-bottom: 29px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	margin-right: 20px;
}
.kids_songs_block ul li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

.kids_songs_block_members h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 12px;
}
.kids_songs_block_members a {
	text-decoration: underline;
}
.album-orange {
	color: #ff6600;
}
.album-pink {
	color: #e8047f;
}
.album-green {
	color: #1d9420;
}
.album-purple {
	color: #821cf9;
}

.kids_songs_block_members ul li {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	border: none !important;
}

.kids_songs_block_members ul li img {
	margin: 0 !important;
}
.kids_songs_block_members ul li:nth-of-type(2n+1) {
	width: 32% !important;
}
.kids_songs_block_members ul li:nth-of-type(2n+2) {
	width: 32% !important;
}
.kids_songs_block_members ul li:nth-of-type(2n+2) img {margin-top:0 !important;}
.kids_songs_block_members ul li p {
	font-size: 13px !important;
	line-height: 20px !important;
}



.kids_songs_block ul li img {display:block; margin:0 auto;  }
.kids_songs_block ul li:nth-of-type(2n+1) {width:268px}
.kids_songs_block ul li:nth-of-type(2n+2) {width:38px;}
.kids_songs_block ul li:nth-of-type(2n+2) img {margin-top:44px;}
a.icon_left img {display:inline-block !important; vertical-align:top !important;}
a.icon_left {color:#da1c20; font-size:18px; margin:10px 0; display:block;}
a.icon_left:hover {text-decoration:underline;}
.kids_songs_block ul li p {font-size:15px; line-height:23px; color:#000; font-family:Arial, Helvetica, sans-serif;}




.kids_songs_block .left {
	width: 31%;
	display: inline-block;
	vertical-align: top;
	padding-right: 5%;
}
.kids_songs_block .right {
	width: 68%;
	display: inline-block;
	vertical-align: top;
}
#album-cover-container {	
}
#album-cover-container img {
	float: left;
}
#album-cover-container p {
	overflow: hidden;
}
#album-cover-container h3 {
	margin-top: 40px;
}

#song-tracks-container {
display: block;
}

.kids_songs_block_free_samples .left {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	padding-right: 2%;
}
.kids_songs_block_free_samples .right {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	padding-right: 2%;
}
.kids_songs_block_free_samples h2 {
	margin-bottom: 26px;
}
.kids_songs_block_free_samples h3 {
	color: #000 !important;
}
.kids_songs_block_free_samples h4 {
	color: #ff6600;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 18px !important;
	font-weight: normal;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.kids_songs_block_free_samples .left ul {padding:0; margin:0; border:none;}
.kids_songs_block_free_samples .left ul li {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 16px;
	margin-left: 11px;
}
.kids_songs_block_free_samples .left ul li a {font-size:10px; color:#000; font-weight:bold}
.kids_songs_block_free_samples .left ul li a:hover {color:#ff0000; text-decoration:underline;}
.kids_songs_block_free_samples .left ul li img {display:inline-block; vertical-align:middle !important;}
.kids_songs_block_free_samples .left ul li:nth-of-type(2n+2) img {margin-top:0; }

.kids_songs_block_free_samples .right ul {padding:0; margin:0; border:none;}
.kids_songs_block_free_samples .right ul li {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 16px !important;
	margin-left: 11px;
}
.kids_songs_block_free_samples .right ul li a {font-size:10px; color:#000; font-weight:bold}
.kids_songs_block_free_samples .right ul li a:hover {color:#ff0000; text-decoration:underline;}
.kids_songs_block_free_samples .right ul li img {display:inline-block; vertical-align:middle !important;}
.kids_songs_block_free_samples .right ul li:nth-of-type(2n+2) img {margin-top:0; }

.kids_songs_block .left h3, .kids_songs_block .right h3 {font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:21px; margin-top:10px;}
.kids_songs_block .left p, .kids_songs_block .right p {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#010101;}
.kids_songs_block .left .song_video {width:98%; margin-top:20px; margin-right:10px;}
.kids_songs_block .left p a, .kids_songs_block .right p a {color:#ff0000;}.kids_songs_block .left p a:hover {text-decoration:underline;}
.kids_songs_block .right h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin:25px 0 10px;}
.kids_songs_block .right h4 a {color:#ff0000;}
.kids_songs_block .right ul {padding:0; margin:0; border:none;}
.kids_songs_block .right ul li {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 0;
	margin-left: 11px;
}
.kids_songs_block .right ul li a {font-size:10px; color:#000; font-weight:bold}
.kids_songs_block .right ul li a:hover {color:#ff0000; text-decoration:underline;}
.kids_songs_block .right ul li img {display:inline-block; vertical-align:middle !important;}
.kids_songs_block .right ul li:nth-of-type(2n+2) img {margin-top:0; }

.orange h2, .orange h3, .orange h4 {color:#ff6600}
.pink h2, .pink h3, .pink h4 {color:#e8047f}
.blue h2, .blue h3, .blue h4 {color:#0080ff}
.green h2, .green h3, .green h4 {color:#1d9420}
.purple h2, .purple h3, .purple h4 {color:#821cf9 }
/*******************kids songs end here*************************/


/*************banner stlye*****************/
#myCarousel .nav {background:none; margin-top:1px;}
.banner .nav li:last-child a {border:none;}
.banner .nav li a {padding:0; border-right:1px solid #fff; background:#dddddd; line-height:34px; text-indent:3px; text-align:left; font-size:15px;}
.banner .nav li a:hover {background:#FF6200; color:#fff;}

.banner .nav-pills li {width:146px;}

.banner .nav-pills li:nth-child(1) i {color:#FF9C05;}
.banner .nav-pills li.active:nth-child(1) i {color:#fff;}
.banner .nav-pills li:nth-child(1) a:hover i {color:#fff;}

.banner .nav-pills li:nth-child(2) i {color:#16AF16;}
.banner .nav-pills li.active:nth-child(2) i {color:#fff;}
.banner .nav-pills li:nth-child(2) a:hover i {color:#fff;}

.banner .nav-pills li:nth-child(3) i {color:#ff0000;}
.banner .nav-pills li.active:nth-child(3) i {color:#fff;}
.banner .nav-pills li:nth-child(3) a:hover i {color:#fff;}

.banner .nav-pills li:nth-child(4) i {color:#ff007a;}
.banner .nav-pills li.active:nth-child(4) i {color:#fff;}
.banner .nav-pills li:nth-child(4) a:hover i {color:#fff;}

.banner .nav-pills li:nth-child(5) i {color:#0066CB;}
.banner .nav-pills li.active:nth-child(5) i {color:#fff;}
.banner .nav-pills li:nth-child(5) a:hover i {color:#fff;}

.banner .nav-pills li:nth-child(6) i {color:#821cf9;}
.banner .nav-pills li.active:nth-child(6) i {color:#fff;}
.banner .nav-pills li:nth-child(6) a:hover i {color:#fff;}
.banner .nav-pills li a {color:#000; display:block;}
.banner .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background:#FF6200; color:#fff}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background:#FF6200; color:#fff}
.carousel-inner img {width:100%;}
.label-danger {
	margin-top: 10px;
	display:block !important; width:92px; padding:8px 10px !important; font-size:12px; color:#fff;
}
.carousel-caption {top:10px; left:0 !important; bottom:auto !important; text-align:left !important; background:rgba(255,0,0,.9); width:auto; right:auto !important; padding:10px !important;}


#modalDialog table, #modalDialog tr, #modalDialog td, #modalDialog img {vertical-align:middle;}
#modalDialog caption, #modalDialog th, #modalDialog td {text-align:center;}

.first ul {text-align:left;}


.button-padding {
	padding-left: 30px;
}





/*********************** Pop up Starts here *****************************/

.pop_thumbs ul {text-align:center;}
.pop_thumbs ul li {display:inline-block; vertical-align:middle; margin:5px;}
.pop_up {font-family:Arial, Helvetica, sans-serif !important; text-align:center; vertical-align:top !important;}
.pop_up a:link {color:#ec1b23;}
.pop_up a:hover {color:#69b51e;}
.pop_up h2 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:20px;}

.footer-modal {text-align:center;}
.font14px {text-align:right; font-size:14px;}
.footer-modal p {margin-bottom:10px;}
.font11px {font-size:11px;}
.font15px {font-size:15px;}
.pop_up {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.pop_thumbs ul {margin:15px 0 !important;}
.pop_thumbs ul li {margin:5px 0 !important;}
.pop_up ul {
	margin:15px 0;
}
.pop_up ul li {margin-bottom:8px;}
.pop_up h1 {
	font-size: 26px;
	margin-bottom: 0px;
}
.pop_up a:link {
	color: #EC1B23;
}
.pop_up a:visited {
	color: #EC1B23;
}
.pop_up a:hover {
	color: #69B51E;
}
.pop_up a:active {
	color: #EC1B23;
}
#popup-left-align-div {
	text-align: left;
	
}
#popup-left-align-div h2 {
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

#popup-left-align-div ul {
    list-style-type: disc;
    margin: 15px 0 15px 29px;
}
#dividerDotsDiv4 {
	background-image: url(../images/popup/dots-divider.gif);
	background-repeat: repeat-x;
	background-position: 0px 5px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.imageRightFloat {
	float: right;
}
.imageRightFloat2 {
	float: right;
	margin-left: 30px;
}
.imageRightFloat4 {
	float: right;
	margin-left: 30px;
	margin-top: 20px;
}
.image-no-border {
	border : none !important;
}
.font14px {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.font14pxBold {
	font-size: 14px;
	font-weight: bold;
}
.orangeBold {
	font-weight: bold;
	color: #F60;
}
.greentext {
	color: #69B51E;
}
.redText {
	color: #EC1B23;
}
.blueMediumItalics {
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #0066CC;
	margin:15px 0;
}
.blueLargeItalics {
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	color: #0066CC;
	margin:15px 0;
}
#popup-left-align-div ul li {font-size:14px;}
.pop_up {text-shadow:none; color:#000; padding:15px 0;}
.pop_up img {width:auto;}
#tourPageDiv {text-align:center;}

#tourPageDiv a:link {
	text-decoration: underline;
}

.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 



#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.8);z-index:999; width:100%; height:100%;  padding:20px;  opacity:1; transition-delay:0s; }




  #loginScreen{
  z-index:1003; top:10%; width:36%; left:30%; position:absolute;
   padding:20px; margin:0;
 border-radius:5px; background:#eee; padding:30px 40px 34px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  text-align:center;
  }
.cancel { display:block; position:absolute; top:3px; right:2px; color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; }

.bootstrap-modal .modal-dialog {background:none; width:570px; margin:50px auto; max-width:95%;}
.bootstrap-modal .modal-body {background:#eee; padding:30px 40px 34px;border-radius:5px;text-align:center;}
.bootstrap-modal .modal-content .cancel {z-index:999;}
.bootstrap-modal .modal-body #tourPageDiv {font-size:16px;}
.modal-backdrop.in {opacity:.8 !important;}


/*********************** Pop up ends here *****************************/

/************************new style created 21/9/2015***********************************/
.cd-tabs-content ul.small li {padding:0 0 10px !important}

.holiday-menu {width:48%; display:inline-block; vertical-align:top;}

.desktop-app-column {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 30px;
}

.sitemap-menu {width:32%; display:inline-block; vertical-align:top;}

#HCB_comment_box .hcb-wrapper-half {width:99.7% !important; float:none !important;}
.hcb-shadow-m input[type="text"] {height:30px; border:1px solid #ccc; width:100%; margin:0 0 10px;}
#HCB_comment_box textarea, #HCB_comment_box input.text {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.farmers-vege .greenHeaderUnderlined2 {border-bottom: 1px dotted #006600;color: #006600;display: block;font-size: 22px;font-weight: normal;padding-bottom: 2px;padding-top: 5px;margin:15px 0;}
.farmers-vege .redHeaderUnderlined2 {
	color: #ff6600;
	display: block;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 5px;
	margin: 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff6600;
}
.farmers-vege {padding-bottom:20px; text-align:left;}
.dot-line {border-bottom:3px dotted #FF6600; height:5px; width:100%}
.farmers-vege .redBold {color: #f00; font-weight: bold;}
.farmers-vege td {padding-right:5px;} 
.farmers-vege td:last-child{padding:0;}

.notes ul {padding-left:25px;}
.notes ul li {margin-bottom:10px;}

.register-map-img {padding:0 0 0 40px;}

.book {height:107px; margin:0; float:right;}

.farmers-vege .left-list {display:inline-block; width:20%; vertical-align:top;}
.farmers-vege .left-list ul li {font-size:14px; margin:5px 0;}
.farmers-vege .right-list {display:inline-block; width:76%; text-align:right; vertical-align:top; float:right;}
.farmers-vege .right-list ul li {font-size:14px; margin:5px 0;}
.farmers-vege .right-list ul li p, .farmers-vege .right-list ul li .color, .farmers-vege .right-list ul li .bw {display:inline-block;}
.farmers-vege .right-list ul li .color {border-right:1px solid #666; margin-right:-5px; padding-right:5px; line-height:0;}
.farmers-vege .right-list ul li .bw {border-left:1px solid #999; padding-left:5px; line-height:0;}
.farmers-vege ul li.greenBold {margin:0 0 10px; font-size:16px;}
.farmers-vege ul li.redBold {margin:0 0 10px; font-size:16px;}

.left-image-farmers {width:145px; display:inline-block; vertical-align:top;}
.left-image-farmers img {width:100%;}
.farmers-vege {display:inline-block; width:80%;vertical-align:top; float:right}
p.farmer-p {display:none;}

.tips-classroom-suppli .imageRightFloatTips {margin-top:0 !important;}

.redBold {color: #f00; font-weight: bold;}
.yellowBold {color: #fcff00; font-weight: bold;}


/*design modified on 03/10/2016*/
.new-table-03 td span.avail {display:none;}

/************************responsive structure***********************************/
@media screen and (max-width: 1159px) {
/**************************basic structures starts****************************/
.container {max-width:990px}
/**************************basic structures end****************************/
/**********************header navigation start here*****************************/
header .header-nav .logo img {width:100%;}
header .header-nav ul li {width:122px;}
header .header-nav ul li a {font-size:12px; font-weight:normal;}
.header-nav {height:192px;}
.view img {margin-top:38px;}
.view-sixth .mask{margin-top:-26px;height: 189px;}
.view-register .mask{margin-top:-26px;height: 189px;}
.view a.info {margin:0 0 10px;}
header .header-nav .logo {width:250px;}
/**********************header navigation ends here*****************************/
/************************footer starts here*******************************/
footer .nav_lst {margin-right:32px;}
/************************footer ends here*******************************/

/*****************OTHER ESL KIDS Resources starts here***************/
.kids_resources img {width:350px;}
/*****************OTHER ESL KIDS Resources ends here***************/

/*****************Halloween starts here***************/
.halloween img {width:350px;}
/*****************Halloween ends here***************/

/*****************Easter starts here***************/
.easter img {width:350px;}
/*****************Easter ends here***************/

/*****************Thanksgiving starts here***************/
.thanksgiving img {width:350px;}
/*****************Thanksgiving ends here***************/

/*****************Christmas starts here***************/
.christmas img {width:350px;}
/*****************Christmas ends here***************/

/**********************ESL banner and main navigation starts****************************/
.ccc-slide li.bg1, .ccc-slide li.bg2, .ccc-slide li.bg3  {padding-top:5px;padding-bottom:5px;}
/**********************ESL banner and main navigation end****************************/

/**********************Our Top ESL kids Resources start***************************/
.tree_esl ul li:nth-child(1) {left:89px;}
.tree_esl ul li:nth-child(2) {right:142px;}
.tree_esl ul li:nth-child(3) {left:35px;}
.tree_esl ul li:nth-child(4) {right:70px;}
.tree_esl ul li:nth-child(5) {left:100px;}
.tree_esl ul li:nth-child(6) {right:100px;}
/**********************Our Top ESL kids Resources end***************************/

/*********************ESL Kids Lesson Plans starts here***************************/
.lesson .left ul li {width:20%; margin:0 10px}

.cd-tabs-content li li .list_info {width:44%;}
.flashcard-cd-tabs-content li li .list_info {width:44%;}
/*********************ESL Kids Lesson Plans ends here***************************/

.whats_new .newsletter a {display:block; margin-top:10px; padding:5px 15px}

/**********************Readers to Download for ESL Kids Lessons start here****************************/
.full_list {text-align:center;}
.kids_reader {width:31%; text-align:left;}
.kids_reader .reader_description {width:43%;}
.right_reader_level {margin-left:0;}
.free_sample .kids_reader {width:42%;}
.free_sample .kids_reader .reader_description {width:54%;}
/**********************Readers to Download for ESL Kids Lessons end here****************************/

/******************Readers Levels start***************/
.left_reader_level {width:77%;}
.readers_level ul li ul li {width:140px;}
.list-inline li {width:16.55%; font-size:12px;}
/******************Readers Levels end***************/


.list-inline li img {height:auto; width:83.8%; margin-top:0;}

/*.worksheet-image ul li:nth-of-type(2n+7) {float:left;}*/
.worksheet-image ul li {margin:0 14px 20px}
.worksheet-image ul li:nth-of-type(6n) {margin-right:14px;}
.worksheet-image ul li:nth-of-type(6n+1) {margin-left:14px;}

/*******************kids songs start here*************************/
.kids_songs_block ul li {margin:0;}
/*******************kids songs end here*************************/
.banner .nav li a {font-size:12px;}
.kids_resources img {margin:0;}
.halloween img {margin:0;}
.thanksgiving img {margin:0;}
.christmas img {margin:0;}
.easter img {margin:0;}


.first ul li:first-child, .craftsheet-image ul li:nth-of-type(5n+1) {margin-left:36px;}
.craftsheet-image ul li:nth-of-type(6n) {margin-right:36px;}

#loginScreen {width:60%; left:20%;} 
.resources-image ul li {width:44% !important;}

#registerDiv2 {
	width: 100% !important;
}

}

@media screen and (max-width: 990px) {
/**************************basic structures starts****************************/
.container {padding:0 15px;} 
/**************************basic structures end****************************/
/**********************header navigation start here*****************************/
header .header-nav ul li {margin-bottom:15px;}
.view img {margin:0;}
.header-nav {height:auto; text-align:center;}
.view-sixth .mask {margin-top: -79px;padding-bottom: 10px;}
.view-register .mask {margin-top: -79px;padding-bottom: 10px;}
/**********************header navigation end here*****************************/
/************************footer starts here*******************************/
footer .nav_lst {width:45%;}
/************************footer end here*******************************/


/*****************OTHER ESL KIDS Resources starts here***************/
.kids_resources img {width:250px;}
/*****************OTHER ESL KIDS Resources ends here***************/

/*****************Halloween starts here***************/
.halloween img {width:250px;}
/*****************Halloween ends here***************/

/*****************Easter starts here***************/
.easter img {width:250px;}
/*****************Easter ends here***************/

/*****************Thanksgiving starts here***************/
.thanksgiving img {width:250px;}
/*****************Thanksgiving ends here***************/

/*****************Christmas starts here***************/
.christmas img {width:250px;}
/*****************Christmas ends here***************/


/************************what's new start**********************************/
.whats_new .news, .whats_new .newsletter {width:48%;}
.whats_new .newsletter a {display:inline-block;}
/************************what's new end**********************************/

/**********************ESL banner and main navigation starts****************************/
.nav-banner {text-align:center;}
.nav-banner h2 {margin-top:30px; font-size: 19px;}
.nav-banner .banner_flashcard h2 {font-size:36px;}
.nav-banner .banner, .nav-banner .nav-banner-left, .banner_flashcard, .banner_worksheet, .banner_craftsheet {width:98%; margin:0 auto; float:none;}
.banner_flashcard, .banner_worksheet, .banner_craftsheet {text-align:left;}
.nav-banner .nav-banner-left, .lesson_plan_intro {text-align:left; min-height:unset;}
.ccc-slide li.bg1, .ccc-slide li.bg2, .ccc-slide li.bg3  {padding-top:7px;padding-bottom:7px;}

.nav-banner-full-width {text-align:center;}
.nav-banner-full-width h2 {margin-top:30px; font-size: 19px;}
.nav-banner-full-width .banner_flashcard h2 {font-size:36px;}
.nav-banner-full-width .banner, .nav-banner-full-width .nav-banner-left, .banner_flashcard, .banner_worksheet, .banner_craftsheet {width:98%; margin:0 auto; float:none;}
.nav-banner-full-width .nav-banner-left, .lesson_plan_intro {text-align:left; min-height:unset;}
/**********************ESL banner and main navigation ends****************************/

/**********************Our Top ESL kids Resources start***************************/
.tree_esl ul li:nth-child(1) {left:0px; top:81px;}
.tree_esl ul li:nth-child(2) {right:27px;}
.tree_esl ul li:nth-child(3) {left:0px; top:260px;}
.tree_esl ul li:nth-child(4) {right:0px;}
.tree_esl ul li:nth-child(5) {left:0;}
.tree_esl ul li:nth-child(6) {right:0;}
/**********************Our Top ESL kids Resources end***************************/
/*********************ESL Kids Lesson Plans starts here***************************/
.lesson .left ul li {width:24%; margin:0}

.cd-tabs-content li li .list_info {width:31%;}
.cd-tabs-content li li .images {width:49%;}
.cd-tabs-content li li .images ul li {width:20%;}
.flashcard-cd-tabs-content li li .list_info {width:31%;}
.flashcard-cd-tabs-content li li .images {width:49%;}
.flashcard-cd-tabs-content li li .images ul li {width:20%;}
/*********************ESL Kids Lesson Plans ends here***************************/

/***********************ESL Flashcard starts here*****************************/
.banner_flashcard, .banner_worksheet, .banner_craftsheet, .lesson_plan_intro {background:none;}
.weather a {padding:0 10px; margin:10px 0;}
.weather h2, .weather h2 span {font-size:20px; margin:0;}

.flashcard-image ul, .worksheet-image ul {text-align:center;}
/***********************ESL Flashcard ends here*****************************/

/**********************Readers to Download for ESL Kids Lessons start here****************************/
.full_list {text-align:center;}
.kids_reader {width:48%; text-align:left;}
.kids_reader .reader_description {width:43%;}
.free_sample .kids_reader .reader_description {width:43%;}
/**********************Readers to Download for ESL Kids Lessons end here****************************/


/******************Readers Levels start***************/
.left_reader_level {width:98%; display:block; margin:0 auto;}
.readers_level ul li ul li {width:142px;}
.right_reader_level {display:none;}
/******************Readers Levels end***************/

.worksheet-image ul li:nth-of-type(2n+7) {float:none;}
.worksheet-image ul li {margin:0 8px 20px; display:inline-block; float:none;}

.worksheet-image ul li:nth-of-type(6n) {margin-right:8px;}
.worksheet-image ul li:nth-of-type(6n+1) {margin-left:8px;}

/*******************kids songs start here*************************/
.kids_songs_block ul li:nth-of-type(2n+4) {display:block; margin:0 auto 30px;}
.kids_songs_block .right ul li:nth-of-type(2n+4) {margin:0 7px 0 0; }
.kids_songs_block .right ul li {margin:0 7px 7px 0 !important; width:auto !important;}

.kids_songs_block_free_samples ul li:nth-of-type(2n+4) {display:block; margin:0 auto 30px;}
.kids_songs_block_free_samples .left ul li:nth-of-type(2n+4) {margin:0 7px 0 0; }
.kids_songs_block_free_samples .left ul li {margin:0 7px 7px 0 !important; width:auto !important;}

.free_sample .kids_reader:nth-of-type(2n+1) {margin-left:0;}
/*******************kids songs end here*************************/

#loginScreen {width:52%; left:22%;} 
.banner_resources {width:98% !important; display:block !important; margin:0 auto !important; float:none !important;}
.banner_resources h1 {background-position:center bottom !important;}
.farmers-vege {width:79%;}

.banner_worksheet h2 {font-size:36px;}

#registerDiv .redTextH1LessLarge2 {font-size:20px;}
#registerDiv2 .redTextH1LessLarge2 {font-size:20px;}
#registerDiv2 {
	width: 100% !important;
}
}

@media screen and (max-width: 767px) {
/**********************header navigation start here*****************************/
#demo_box {display:block;}
header nav {display:none !important;}

header .header-nav {background: rgba(254,152,0,1);
background: -moz-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,152,0,1)), color-stop(100%, rgba(254,233,127,1)));
background: -webkit-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -o-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -ms-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: linear-gradient(to bottom, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9800', endColorstr='#fee97f', GradientType=0 ););
border-bottom:none;
}
header .header-nav ul li {height:192px; width:33%;}
header .header-nav ul li a {color:#ff0000;}
.view-sixth .mask {margin-top:-20px;}
.view-register .mask {margin-top:-20px;}
/**********************header navigation end here*****************************/
/************************footer starts here*******************************/
footer .nav_lst {width:42%;}
/************************footer end here*******************************/

/*****************OTHER ESL KIDS Resources starts here***************/
.kids_resources img {display:none;}
.kids_resources .resources1, .kids_resources .resources2 {width:48%;}
/*****************OTHER ESL KIDS Resources ends here***************/

/*****************Halloween Resources starts here***************/
.halloween img {display:none;}
.halloween .resources1, .halloween .resources2 {width:48%;}
/*****************Halloween ends here***************/

/*****************Easter Resources starts here***************/
.easter img {display:none;}
.easter .resources1, .easter .resources2 {width:48%;}
/*****************Easter ends here***************/

/*****************Thanksgiving Resources starts here***************/
.thanksgiving img {display:none;}
.thanksgiving .resources1, .thanksgiving .resources2 {width:48%;}
/*****************Thanksgiving ends here***************/

/*****************Christmas Resources starts here***************/
.christmas img {display:none;}
.christmas .resources1, .christmas .resources2 {width:48%;}
/*****************Christmas ends here***************/

/************************what's new start**********************************/
.whats_new .news, .whats_new .newsletter {width:98%; margin:0 auto 20px; text-align:left;}
p.email_icon {float:left; margin-right:10px;}

/************************what's new end**********************************/

/**********************ESL banner and main navigation starts****************************/
.ccc-slide li.bg1, .ccc-slide li.bg2, .ccc-slide li.bg3  {font-weight:normal;}
/**********************ESL banner and main navigation ends****************************/


/*********************ESL Kids Lesson Plans starts here***************************/
.lesson .right {float:none;}
.lesson .left, .lesson .right {display:block; width:100%;}

.cd-tabs-content li li .list_info {width:75%;}
.cd-tabs-content li li .images {width:100%; margin-top:20px;}
.cd-tabs-content li li .images ul { text-align:left;}
.cd-tabs-content li li .images ul li {vertical-align:baseline;}
.flashcard-cd-tabs-content li li .list_info {width:75%;}
.flashcard-cd-tabs-content li li .images {width:100%; margin-top:20px;}
.flashcard-cd-tabs-content li li .images ul { text-align:left;}
.flashcard-cd-tabs-content li li .images ul li {vertical-align:baseline;}
/*********************ESL Kids Lesson Plans ends here***************************/



/**********************Readers to Download for ESL Kids Lessons start here****************************/
.kids-reader {background:none;}
.kids-reader p img {float:none; margin:0 auto;}
/**********************Readers to Download for ESL Kids Lessons end here****************************/

/**********************Readers to Download for ESL Kids Lessons start here****************************/
.full_list {text-align:left;}
.full_list .kids_reader {vertical-align:top;}
.kids_reader {width:48%; text-align:left; }
.kids_reader img {margin:0 auto; display:block;}
.reader_description {margin-top:15px;}
.free_sample .kids_reader .reader_description {width:100%; display:block; margin-left:0; margin-bottom:20px; text-align:center;}
.kids_reader .reader_description a {margin:10px auto;}
.kids_reader .reader_description a img {vertical-align:middle; display:inline-block;}
.kids_reader .reader_description {width:100%; display:block; margin-left:0; text-align:center;}
/**********************Readers to Download for ESL Kids Lessons end here****************************/

/******************Readers Levels start***************/
.readers_level ul li ul li {width:19.5%}
/******************Readers Levels end***************/

.worksheet-image ul li {margin:0 17px 20px;}

.worksheet-image ul li:nth-of-type(6n) {margin-right:17px;}
.worksheet-image ul li:nth-of-type(6n+1) {margin-left:17px;}


/*******************kids songs start here*************************/
.kids_songs_block ul li:nth-of-type(2n+2) {display:block; margin:0 auto 30px;}
/*******************kids songs end here*************************/

/*******************kids songs start here*************************/
.kids_songs_block .left, .kids_songs_block .right {width:98%; margin:0 auto 30px;}
/*******************kids songs end here*************************/

.list-inline li {width:16.5%; font-size:11px;}
.kids_songs_block .left .song_video {width:100%; margin:20px auto}
.kids-songs p img {display:none;}

.tooltip-label {display:none;} .tooltip-label_01 {display:block;}

#myCarousel .nav {margin-top:5px;}
.banner .nav li {display:inline-block; width:30%; margin:0;}
.banner .nav li a {border-right:none;}


.desktop {display:none;}
.mobile {display:block;}
header .header-nav .logo img {height:auto;}

#loginScreen {width:60%; left:14%;} 
.blueMediumItalics img {display:none}

#registerDiv {width:100%;}
#registerDiv .redTextH1LessLarge {font-size:20px;}
#registerDiv .redTextH1LessLarge2 {font-size:16px;}
#registerDiv #membershipBoxesDiv2 p {font-size:14px;}
#registerDiv #price-box-div2, #registerDiv #price-box-div, #registerDiv #price-box-div {margin-left:10px; margin-right:10px;}

#registerDiv2 {
	width: 100% !important;
}
#registerDiv2 .redTextH1LessLarge {font-size:20px;}
#registerDiv2 .redTextH1LessLarge2 {font-size:16px;}
#registerDiv2 #membershipBoxesDiv2 p {font-size:14px;}
#registerDiv2 #price-box-div2, #registerDiv2 #price-box-div, #registerDiv2 #price-box-div {margin-left:10px; margin-right:10px;}

.greenNumberTextBody {padding:0 !important; width:100%;}

#new-log-form .left, #new-log-form .right {width:auto; display:block; padding:0; border-right:none; border-bottom:3px dotted #ff9900; float:none;}

.holiday-menu {width:auto; display:block;}

.desktop-app-column {width:auto; display:block;}

.tips-title a {margin-bottom:10px; margin-top:0 !important;}

.resources-image ul li {width:100% !important; text-align:center; display:block; margin:0 auto 20px !important}
.resources-image ul li .resources-thumbnail {margin:0 auto !important; display:block !important; width:310px !important; height:auto !important; padding:10px !important;}

.register-map-img {text-align:center; padding:0;}
.register-map-img a {display:inline-block; width:32%;} 
.register-map-img a img {width:100%;} 
.imageRightFloatTips {margin-top:10px !important;}

.farmers-vege, .left-image-farmers {display:block; float:none; width:auto; text-align:left;}
.left-image-farmers img {width:auto;}
.banner_worksheet h2 {font-size:36px;}
.banner_worksheet h3 {font-size:12px;}
}

@media screen and (max-width: 600px) {

/*****************************header topbar start**********************************/
header .top {line-height:20px; text-align:center;}
header .top p{display:block;}
header .top .social {margin:10px 0;display:block; float:none;}
/*****************************header topbar end**********************************/

/************************footer starts here*******************************/
footer .bottom {text-align:center;}
footer .bottomp{display:block;}
footer .bottom .social {display:block; float:none;}
/************************footer end here*******************************/

/**********************ESL banner and main navigation starts****************************/
.nav-banner .banner, .nav-banner .nav-banner-left, .banner_flashcard, .banner_worksheet, .banner_craftsheet {width:98%; display:block; margin:0 auto;}
.nav-banner-full-width .banner, .nav-banner-full-width .nav-banner-left, .banner_flashcard, .banner_worksheet, .banner_craftsheet {width:98%; display:block; margin:0 auto;}
.ccc-slide li.bg1, .ccc-slide li.bg2, .ccc-slide li.bg3  {padding-top:1px;padding-bottom:1px;}
/**********************ESL banner and main navigation ends****************************/


/*********************ESL Kids Lesson Plans starts here***************************/
.lesson .left ul li {width:48%; margin:10px 0;}

.cd-tabs-navigation a {font-size:15px !important; line-height:30px !important;}

.cd-tabs-content li li .lesson-plan-img {display:block; text-align:center;}
.cd-tabs-content li li .list_info {width:100%; text-align:center;}
.cd-tabs-content li li .images {width:100%; margin-top:20px;}
.cd-tabs-content li li .images ul { text-align:center;}
.cd-tabs-content li li .images ul li img {height:60px;}
.cd-tabs-content li li .images ul li {vertical-align:top;}

.flashcard-cd-tabs-navigation a {font-size:15px !important; line-height:30px !important;}

.flashcard-cd-tabs-content li li .lesson-plan-img {display:block; text-align:center;}
.flashcard-cd-tabs-content li li .list_info {width:100%; text-align:center;}
.flashcard-cd-tabs-content li li .images {width:100%; margin-top:20px;}
.flashcard-cd-tabs-content li li .images ul { text-align:center;}
.flashcard-cd-tabs-content li li .images ul li img {height:60px;}
.flashcard-cd-tabs-content li li .images ul li {vertical-align:top;}
/*********************ESL Kids Lesson Plans ends here***************************/

/***********************ESL Flashcard starts here*****************************/
.weather a {float:right; padding:0 30px;}
/***********************ESL Flashcard ends here*****************************/


/******************Readers Levels start***************/
.readers_level ul li {float:left; width:49.5%;}
.readers_level ul li ul li {display:block; float:none; width:98%;}
/******************Readers Levels end***************/

.list-inline, #demo1_main_image {float:none; width:98%; margin:0 auto;}
.list-inline li {width:31.5%; float:none; display:inline-block; border:none; margin-top:2px;}
.desoSlide-wrapper {position:inherit !important;}

.welcome_content p img {display:none !important;}
.newsletter img {display:none !important;}
.whats_new .newsletter a {margin-left:-10px;}
.whats_new .news li {font-size:14px; line-height:20px; margin-bottom:10px;}

/*******************kids songs start here*************************/
.kids_songs_block ul li:nth-of-type(2n+1) {width:98%}
/*******************kids songs end here*************************/
.nav-banner h2 {font-size:15px;}
.nav-banner-full-width h2 {font-size:15px;}
.welcome_content h1, .banner_worksheet h1, .banner_craftsheet h1, .banner_flashcard h1, .kids-reader h1 {font-size:32px;}
.kids-reader h1, .lesson_plan_intro h1 {font-size:28px;}
.kids-reader h1 span, .lesson_plan_intro h1 span {font-size:17px;}
.kids-reader p span {font-size:15px; font-weight:bold;}
.nav-banner {min-height:unset;}
.nav-banner-full-width {min-height:unset;}
.tooltip-label_01 {margin:0 auto; width:185px;}

#registerDiv #membershipBoxesDiv2 table td {display:block !important; width:100% !important;} 
#registerDiv .dotsVerticalDiv {border-bottom:3px dotted #ff9900; border-left:none; margin-bottom:10px;}
#registerDiv2 #membershipBoxesDiv2 table td {display:block !important; width:100% !important;} 
#registerDiv2 .dotsVerticalDiv {border-bottom:3px dotted #ff9900; border-left:none; margin-bottom:10px;}
#registerDiv2 {
	width: 100% !important;
}
#membershipBoxesSchoolDiv table td {width:100% !important; display:block !important; }


#adDiv table td {display:block; width:100% !important; text-align:left;}
#adDiv {background-position:98% 3px !important; padding:6px 0 0 10px;}

.farmers-vege table td {display:block; width:100% !important; text-align:left; min-height:24px;}
.farmers-vege table td.greenBold {display:none !important;}
.farmers-vege .heading td {margin-bottom:15px;}
.notes ul {padding:0;}

.register-map-img a {display:block; width:auto; margin:0 auto 30px;} 
.register-map-img a img {width:auto;}
.book {float:none; display:block; margin:0 auto;} 
td.devider img {display:none;}
td.devider {min-height:unset !important;}
.farmers-vege table tr { border-bottom:1px dotted #FF9C05;}

.banner_worksheet h2 {font-size:36px;}
.banner_worksheet h3 {font-size:12px;}
}




@media screen and (max-width: 480px) {

header .top p {font-size:12px;}
header .top .login {margin-left:5px;}
/**********************header navigation start here*****************************/
header .header-nav ul li {height:192px; width:50%;}
/**********************header navigation ends here*****************************/
/************************footer starts here*******************************/
footer .nav_lst {width:98%; margin:0 auto;}
footer .bottom {line-height:20px; padding:10px 0;}
footer .bottom .social {margin-top:15px;}
footer .bottom .login {margin-left:0; display:block;} 
/************************footer end here*******************************/

/*****************OTHER ESL KIDS Resources starts here***************/
.kids_resources .resources1, .kids_resources .resources2 {width:98%;}
.kids_resources .resources1 li {background:url("../images/resource-bullet.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);padding:0 0 0 20px;}
.kids_resources .resources1 {text-align:left;}
/*****************OTHER ESL KIDS Resources ends here***************/

/*****************Halloween starts here***************/
.halloween .resources1, .halloween .resources2 {width:98%;}
.halloween .resources1 li {background:url("../images/resource-bullet.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);padding:0 0 0 20px;}
.halloween .resources1 {text-align:left;}
/*****************Halloween ends here***************/

/*****************Easter starts here***************/
.easter .resources1, .easter .resources2 {width:98%;}
.easter .resources1 li {background:url("../images/resource-bullet.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);padding:0 0 0 20px;}
.easter .resources1 {text-align:left;}
/*****************Easter ends here***************/

/*****************Thanksgiving starts here***************/
.thanksgiving .resources1, .thanksgiving .resources2 {width:98%;}
.thanksgiving .resources1 li {background:url("../images/resource-bullet.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);padding:0 0 0 20px;}
.thanksgiving .resources1 {text-align:left;}
/*****************Thanksgiving ends here***************/

/*****************Christmas starts here***************/
.christmas .resources1, .christmas .resources2 {width:98%;}
.christmas .resources1 li {background:url("../images/resource-bullet.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);padding:0 0 0 20px;}
.christmas .resources1 {text-align:left;}
/*****************Christmas ends here***************/

/**********************ESL banner and main navigation starts****************************/
.ccc-slide li.bg1, .ccc-slide li.bg2, .ccc-slide li.bg3  {padding-top:2px;padding-bottom:2px;}
/**********************ESL banner and main navigation end****************************/

/**************************Welcome to ESL KidStuff start!*****************************/
.welcome_content p img {float:none; margin-top:0; display:block; margin:0 auto;}
/**************************Welcome to ESL KidStuff end!*****************************/

/*********************ESL Kids Lesson Plans starts here***************************/
.lesson .left ul li {background:rgba(0,0,0,.1); margin:5px 0;}

.cd-tabs-navigation li {width:50%; margin:0 !important;}
.cd-tabs-navigation li a {font-size:15px !important; min-height:60px;}

.cd-tabs-navigation li {width:50%; margin:0 !important;}
.cd-tabs-navigation li a {font-size:15px !important; min-height:60px;}
/*********************ESL Kids Lesson Plans ends here***************************/


/***********************notes & Comments starts here*******************************/
.comment_form {margin-left:auto;margin-right:auto; width:98%;}
/***********************notes & Comments ends here*******************************/


/***********************ESL Flashcard starts here*****************************/
.weather h2 {display:block;}
.weather a {float:none; padding:0 30px; display:inline-block;}
/***********************ESL Flashcard ends here*****************************/

.whats_new .news, .whats_new .newsletter img {float:right; margin-top:-10px;}
.whats_new .newsletter a {font-size:12px; margin-top:0;}

.back_menu a {float:none; display:block; margin:0;}

/**********************Readers to Download for ESL Kids Lessons start here****************************/
.kids-reader p img {width:100%;}
.kids_reader img {display:block; margin:0 auto 10px;}
/**********************Readers to Download for ESL Kids Lessons end here****************************/


/**********************Readers to Download for ESL Kids Lessons start here****************************/
.kids_reader, .free_sample .kids_reader {width:98%; text-align:left;}
/**********************Readers to Download for ESL Kids Lessons end here****************************/
.nav-banner h2 {font-size:16px;}
.nav-banner-full-width h2 {font-size:12px;}
.welcome_content h1, .banner_worksheet h1, .banner_craftsheet h1, .banner_flashcard h1, .kids-reader h1 {font-size:19px;}
.kids-reader h1, .lesson_plan_intro h1 {font-size:36px;}
.kids-reader h1 span, .lesson_plan_intro h1 span {font-size:12px;}

#myCarousel {display:none;}
.home h2 {margin:0;}

#new-log-form table {width:100% !important;}
#new-log-form table td {display:block; width:100%;}


.farmers-vege .left-list, .farmers-vege .right-list {display:block; width:auto; text-align:left; float:none;}
.farmers-vege ul li.greenBold {margin:15px 0 5px;}
.farmers-vege ul li.redBold {margin:15px 0 5px;}
.farmers-vege .right-list ul li p {display:block;font-size:12px; margin:10px 0 5px;}

.farmers-vege, .left-image-farmers {display:inline-block;}
p.farmer-p {float:right; display:inline-block; width:54%;} 
.inner-p  {display:none;}
.banner_worksheet h2 {font-size:36px;}
.banner_worksheet h3 {font-size:12px;}
.banner_craftsheet h1 {font-size:32px;}
}

@media screen and (max-width: 444px) {
.ccc-slide li.bg1, .ccc-slide li.bg2, .ccc-slide li.bg3 {display:none !important;}
/**********************Our Top ESL kids Resources start***************************/
.tree_esl ul {text-align:center;}
.tree_esl ul li {position:relative; float:left; width:50%; margin:0; min-height:200px; vertical-align:top;}
.tree_esl ul li h3 {margin:10px auto 0; font-size:18px; width:auto;}
.tree_esl ul li h3, .tree_esl ul li p, .tree_esl ul li a {color:#fff !important;}
.tree_esl ul li img {float:none; display:block; margin:0 auto !important;}
.tree_esl ul li p {margin:10px  auto 15px; font-size:15px;}
.tree_esl ul li a {padding:10px 20px; font-size:15px;}
.tree_esl ul li:nth-child(1) {top:auto; left:auto; right:auto; background:rgba(0,140,153,.85);}
.tree_esl ul li:nth-child(2) {top:auto; left:auto; right:auto; background:rgba(191,178,2,.85);}
.tree_esl ul li:nth-child(3) {top:auto; left:auto; right:auto; background:rgba(255,102,0,.85);}
.tree_esl ul li:nth-child(4) {top:auto; left:auto; right:auto; background:rgba(47,165,248,.85);}
.tree_esl ul li:nth-child(5) {top:auto; left:auto; right:auto; background:rgba(180,0,255,.85);}
.tree_esl ul li:nth-child(6) {top:auto; left:auto; right:auto; background:rgba(219,31,34,.85);}
/**********************Our Top ESL kids Resources end***************************/

.join_esl .esl_text h3 a {padding:10px 30px;}
#demo_ul {width:96% !important;}

.kids_songs_block .right ul li {display:block; float:none; text-align:left;}
.kids_songs_block_free_samples .left ul li {display:block; float:none; text-align:left;}

.kids_songs_block h2 {font-size:15px; font-weight:bold}
.kids_songs_block .left h3, .kids_songs_block .right h3 {font-size:12px;}

.banner .nav li {width:48%;}
header .header-nav .logo img {width:100%;}
.flashcardsFullSet ul li:first-child {margin-left:10px;}
.flashcardsFullSet ul li {margin: 0 10px 10px;}

#tips-list ul {margin:0 !important;}
#tips-list li {margin-bottom:20px;}
#tips-list-image {display:block !important; text-align:center;}
#tips-list-text {display:block !important; text-align:center;}

#holiday-menu-list {padding-left:0 !important;}

.resources-image ul li .resources-thumbnail {width:100% !important; padding:0 !important}
.resources-image ul li .resources-thumbnail img {width:100%;}

#cover {padding:0;}
#loginScreen {left:7%;}

.tips-title a {float:none !important;}
.banner_worksheet h2 {font-size:36px;}
.banner_worksheet h3 {font-size:12px;}
.banner_craftsheet h1 {font-size:32px;}
}

/**********************Page Styles start***************************/
.imageRightFloat3 {
	float: right;
	margin-left: 30px;
	margin-bottom: 20px;
}

.imageLeftFloat {
	float: left;
	margin-right: 20px;
}

.imageLeftFloatBorder {
	float: left;
	margin-right: 20px;
	border: 1px solid #999;
	display: block;
	padding: 2px;
	margin-bottom: 10px;
}

.italics20px {
	font-size: 20px;
	font-style: italic;
}

.imageBorderRightFloat {
	float: right;
	margin-left: 30px;
	border: 1px solid #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;
}

.imageRightFloatTips {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-top: 0px;
}

#commentIconDiv {
	background-image: url(../images/commentIcon.gif);
	background-repeat: no-repeat;
	min-height: 75px;
	padding-left: 100px;
	font-size: 28px;
	color: #FF6600;
	padding-top: 20px;
}
#comment-box-div {
	border-top: 1px dotted #ffa316;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#comment-box-div h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	margin-bottom: 20px;
	color: #FF6600;
	margin-top: 20px;
}
#comment-box-div2 {
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 0px;
	padding-bottom: 20px;
}
#comment-box-div2 h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	margin-bottom: 20px;
	color: #FF6600;
	margin-top: 20px;
}
/**********************Page Styles end***************************/

/**********************Teaching Tips Styles start***************************/
#tips-list {
}

#tips-list ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#tips-list li {
}

#tips-list-image {
	/*float: left;*/
	margin-right: 8px;
	vertical-align:middle;
	display:inline-block;
}
#tips-list-text {
	/*height: 62px;
	line-height: 62px;*/
	vertical-align:middle;
	display:inline-block;
}

.tips-title {
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.tips-title h1 {
	display: inline-block;
	background: none !important;
	vertical-align: baseline;
	font-size: 30px !important;
	color: #ff0000;
	font-family: Georgia;
	font-weight: bold;
	padding-bottom: 0px;
}
.tips-title h1 span {color:#cccccc; font-size:28px; font-weight:500;}
.tips-title h2 {
	font-size: 34px !important;
	color: #ff0000;
	font-family: Georgia;
	font-weight: bold;
	margin-bottom: 0px;
	background-image: url(../images/welcome_title_bg.jpg);
	background-repeat: no-repeat;
}
.tips-title a {display:inline-block; float:right; background:url(../images/anchor_bg.jpg) left center no-repeat #ff6200; line-height:30px; color:#fff; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0 30px; margin-top:38px;}
.tips-title a:hover{color:#000;}

/**********************Teaching Tips Styles end***************************/

/**********************Games Styles start***************************/
.games-title {
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/gamesTitleImage.gif);
	background-position: right 16px;
	background-repeat: no-repeat;
}
.games-title h1 {
	display: inline-block;
	background: none !important;
	vertical-align: baseline;
	font-size: 34px !important;
	color: #ff0000;
	font-family: Georgia;
	font-weight: bold;
	padding-bottom: 0px;
}
.games-title h1 span {color:#cccccc; font-size:28px; font-weight:500;}
.games-title h2 {
	display: inline-block;
	background: none !important;
	vertical-align: baseline;
	font-size: 24px !important;
	color: #ff0000;
	font-family: Georgia;
	font-weight: bold;
	margin-bottom: 6px;
}
.games-title a {display:inline-block; float:right; background:url(../images/anchor_bg.jpg) left center no-repeat #ff6200; line-height:30px; color:#fff; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:0 30px; margin-top:38px;}
.games-title a:hover{color:#000;}

@media screen and (max-width: 900px) {
.games-title {
	background-image: none;
}
}
.back-to-link a {
	display: inline-block;
	float: right;
	background: url(../images/anchor_bg.jpg) left center no-repeat #ff6200;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
.back-to-link a:hover{color:#000;}

#adResourcesDiv {
	border: 1px solid #FF9900;
	background-color: #FFC;
	text-align: center;
	font-size: 12px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 30px;
}
#adResourcesDiv p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#adResourcesDiv a:link {
	color: #F60;
}
#adResourcesDiv a:visited {
	color: #F60;
}
#adResourcesDiv a:hover {
	color: #060;
}
#adResourcesDiv a:active {
	color: #F60;
}	

#adResourcesDiv-left-image {
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}

#adResourcesDiv-right-image {
	float: right;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
}

@media screen and (max-width: 900px) {
#adResourcesDiv-left-image {
	float: left;
	display: none;
}

#adResourcesDiv-right-image {
	float: right;
	text-align: right;
	display: none;
}

}

#adResourcesDiv-center-text {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}


/**********************Games Styles end***************************/

/**********************Holidays Styles start***************************/
#holidays-list {
}

#holidays-list p{
	margin-bottom: 0px;
	padding-top: 16px;
}

#holidays-list h2{
	font-size: 22px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 0px;
}

#holidays-list ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#holidays-list li {
}

#holidays-list-image {
	float: left;
	margin-right: 8px;
}
#holidays-list-text {
	height: 62px;
	line-height: 62px;
}
#holiday-menu-list {
	padding-left: 60px;
}
#holiday-menu-list li {
	list-style-type: disc;
}

#site-map-div {
}
#site-map-div h2{
	font-size: 22px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 20px;
	margin-top: 30px;
}
/**********************Holidays Styles end***************************/



/**********************Registration page Styles start***************************/
.reg-intro_div {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	text-align: left;
}
.reg-intro_div h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.reg-intro_div h1 span {font-size:25px; color:#333333;}

.reg-intro_div2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	text-align: left;
}
.reg-intro_div2 h1 {
	font-family: Georgia;
	font-size: 30px;
	background: url(../images/welcome_title_bg.jpg) no-repeat left bottom;
	color: #FF0000;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.reg-intro_div2 h1 span {font-size:25px; color:#333333;}



.reg-intro_div3 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	text-align: left;
}
.reg-intro_div3 h1 {
	font-family: Georgia;
	font-size: 30px;
	color: #FF0000;
	padding-bottom: 25px;
	margin-bottom: 25px;
	text-align: center;
	background-image: url(../images/welcome_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.reg-intro_div3 h1 span {font-size:25px; color:#333333;}





#registerDiv {
}
#registerDiv h3 {
	margin-top: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #FF6600;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#registerDiv h5 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 22px;
	color: #68B41E;
	font-weight: normal;
}

#registerDiv2 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#registerDiv2 h3 {
	margin-top: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #FF6600;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#registerDiv2 h5 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 22px;
	color: #68B41E;
	font-weight: normal;
}


#membershipBoxesDiv {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
}
#membershipBoxesDiv2 {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px;
	text-align: center;
	vertical-align: baseline;
}
#membershipBoxesDiv2 select{font-size: 12px;padding: 2px 5px; width:180px; margin-bottom:20px;}
#membershipBoxesDiv2 p{
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
#price-box-div {
	font-size: 28px;
	color: #EC1B23;
	background-color: #FFF;
	margin-right: 40px;
	margin-left: 40px;
	border: 1px solid #FF9900;
	padding-top: 6px;
	padding-bottom: 0px;
	height: auto;
	text-align: center;
}

#price-box-div p{
	margin-top: 0px;
	margin-bottom: 8px;

}

#price-box-div2 {
	font-size: 28px;
	color: #EC1B23;
	background-color: #FFF;
	margin-right: 40px;
	margin-left: 40px;
	border: 1px solid #FF9900;
	padding-top: 26px;
	padding-bottom: 0px;
	height: auto;
	min-height:102px;
}
#price-box-div2 p {
	margin-top: 0px;
	margin-bottom: 8px;
}
#prices-box-info-div {
	margin-top: 30px;
	font-size: 18px;
	margin-bottom: 30px;
}

.callToActionFont {
	font-size: 34px;
	color: #F00;
}
.callToActionFont a:link {
	color: #F00;
	text-decoration: underline;
}
.callToActionFont a:visited {
	color: #F00;
	text-decoration: underline;
}
.callToActionFont a:hover {
	color: #68B41E;
	text-decoration: underline;
}
.callToActionFont a:active {
	color: #F00;
	text-decoration: underline;
}
.font-creditcard-info {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.font12px {
	font-size: 12px;
	font-weight: normal;
}
.font13pxBlack {
	font-size: 13px;
	color: #000;
}
.fontLargeBlack {
	font-size: 24px;
	color: #000;
}
.fontLargeGeorga {
	font-size: 22px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.redTextPrice {
	color: #EC1B23;
	font-size: 13px;
}
.dotsVerticalDiv {
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #FF9900;
}
.paypal-logo-padding {
	margin-top: 10px;
}

#membershipBoxesSchoolDiv {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
}
#membershipBoxesSchoolDiv td {vertical-align:middle;}

#school-button-paddng {
   position: relative; top: -50%
}
#dividerDotsDiv {
	background-image: url(../images/dividerDots.gif);
	background-repeat: repeat-x;
	background-position: 0px 5px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ten-reasons-div {
}
#ten-reasons-div p {
	margin-top: 10px;
	margin-bottom: 20px;
}
#ten-reasons-contentbox {
	margin-left: 55px;
}
#ten-reasons-div a:link {
	text-decoration: underline;
}
.greenNumbers {
	float: left;
	margin-right: 14px;
}
.greenNumberTextBody {
	font-weight: normal !important;
	margin-left: 55px;
}
.greenNumberText {
	font-size: 25px;
	font-weight: normal;
	color: #68B41E;
	padding-top: 5px;
	display: block;
}
.greenBold {
	font-weight: bold;
	color: #060;
}

.blueMediumItalics {
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #0066CC;
	margin:15px 0;
}
.blueItalics {
	font-style: italic;
	font-weight: bold;
	color: #0066CC;
	margin:15px 0;
}

/**********************Registration page Styles end***************************/


/**********************Login page Styles start***************************/

.login-form {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.login-form h2 {
	font: normal 23px/40px Verdana;
	color: #FF6600;
	margin-top: 0px;
}
.login-form p {font:normal 16px/20px Arial, Helvetica, sans-serif; color:#000;}
#new-log-form table td {padding:10px 0 0;}
#new-log-form input[type="text"], #new-log-form input[type="password"] {border:1px solid #ccc; height:50px;}
#new-log-form input[type="submit"] {margin-top:10px; background:#ff6200; color:#fff; padding:5px 8px; border:none;}
#new-log-form input[type="submit"]:hover {color:#000; cursor:pointer;}
.login-form .left {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #FF9900;
	padding-right: 40px;
}
.login-form .right {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	float: right;
}
.login-form .left ul {background:url(../images/lesson_bg.png) repeat #ff9c05; margin:18px 0 0;}
.login-form .right ul {background:url(../images/lesson_bg.png) repeat #0066cb; margin:18px 0 0;}
.login-form ul {text-align:center;}
.login-form .left ul li {
	width: 17%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
.login-form ul {padding:20px;}
.login-form ul li p, .lesson a {color:#fff; display:block; margin:0 auto 10px; font-size:13px; font-weight: 600;}
.login-form a:hover, .right a:hover {color:#ff0000;}
.login-form .left ul li img, .lesson .right ul li img {display:block; margin:0 auto;margin:0 auto 10px; height:64px;}

.formLoginTextboxwidth {
	width: 100%;
}

/**********************Login page Styles end***************************/

/**********************Holiday pages Styles end***************************/
#holiday-menu-list {
}
.teachingPointText {
	font-style: italic;
	color: #F60;
}
#adDiv {
	border: 1px solid #FF9900;
	background-color: #FFC;
	text-align: center;
	font-size: 12px;
	background-image: url(../images/holidays/iconLightbulb.jpg);
	background-repeat: no-repeat;
	background-position: 20px 16px;
}

#adDiv p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#adDiv a:link {
	color: #F60;
}

#adDiv a:visited {
	color: #F60;
}

#adDiv a:hover {
	color: #69B51E;
}

#adDiv a:active {
	color: #F60;
}
#adDiv2 {
	border: 1px solid #FF9900;
	background-color: #FFC;
	text-align: center;
	font-size: 12px;
}

#adDiv2 p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#adDiv2 a:link {
	color: #F60;
}

#adDiv2 a:visited {
	color: #F60;
}

#adDiv2 a:hover {
	color: #69B51E;
}

#adDiv2 a:active {
	color: #F60;
}
.holiday_container {
	margin: 10px auto 30px;
	line-height: 24px;
}
.holiday_container h2 {
		font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 20px;
	padding-top: 30px;
}
.holiday_container h3 {
	font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 20px;
	padding-top: 30px;
}
.holiday_container p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 24px;
}
.holiday_container p a {text-decoration:underline; color:#000;}

.holiday_container p a:hover {color:#FF0000;}

.holiday_container ul{
	list-style-type: disc;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.holiday_container li{
	margin-top: 14px;
	margin-bottom: 14px;
}

.holiday_container ol{
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.holiday_container  a:link {
	color: #090;
	text-decoration: underline;
}
.holiday_container  a:visited {
	color: #090;
	text-decoration: underline;
}
.holiday_container  a:hover {
	color: #F00;
}
.holiday_container  a:active {
	color: #090;
	text-decoration: underline;
}
.christmasGreenLarge {
	font-size: 36px;
	font-weight: normal;
	color: #68B41E;
	padding-top: 5px;
	display: block;
	line-height:42px;
}
.halloweenRedLarge {
	font-size: 36px;
	font-weight: normal;
	color: #FF0000;
	padding-top: 5px;
	display: block;
	line-height:42px;
}
.easterPinkLarge {
	font-size: 36px;
	font-weight: normal;
	color: #FF33FF;
	padding-top: 5px;
	display: block;
	line-height:42px;
}
.thanksgivingBlueLarge {
	font-size: 36px;
	font-weight: normal;
	color: #0066FF;
	padding-top: 5px;
	display: block;
	line-height:42px;
}

/**********************Holiday pages Styles end***************************/

/********************Teacher Resources starts here***********************/
.banner_resources {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

}
.banner_resources h1 {font-family:Georgia; font-size:36px; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; color:#FF0000; padding-bottom:25px; margin-bottom:25px;}
.banner_resources h2 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.banner_resources h3 {
	font-family: Georgia;
	font-size: 26px;
	font-weight: normal;
	color: #333333;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
} 
.banner_resources p {
	margin-bottom: 15px;
	margin-top: 15px;
}
.banner_resources p a {text-decoration:underline; color:#000;}
.banner_resources p a:hover {color:#ff0000;}
.banner_resources img {vertical-align:middle;}

.worksheet-image {
	margin-top: 20px;
}
.resources-image ul {text-align:left;}
.resources-image ul li {
	width: 45%;
	vertical-align: top;
	display: inline-block;
	margin-top: 0;
	margin-right: 36px;
	margin-bottom: 20px;
	margin-left: 36px;
}
.resources-image ul li:nth-of-type(2n+2) {margin-right:0;}
.resources-image ul li:nth-of-type(2n+1) {margin-left:0;}
/*.worksheet-image ul li img {border:1px solid #dfdfdf; padding:3px;}*/
.resources-image ul li .resources-thumbnail {
	width: 387px;
	height: 307px;
	text-align: center;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
	display: table-cell;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
	margin-bottom: 5px;
}

.resources-image ul li img.tag {border:none; position:absolute; z-index:99}
.resources-image ul li a {display:inline-block; color:#000; line-height:18px}
.resources-image ul li a p {margin:5px 0 3px;}
.resources-image ul li a:hover p {color:#ff0000;text-decoration:underline;}
.resources-image ul li a:hover {text-decoration:underline;}
.resources-image ul li p img {border:none; display:block; margin-top:5px}



.resources-image2 ul {text-align:left;}
.resources-image2 ul li {
	width: 260px;
	vertical-align: top;
	display: inline-block;
	margin-top: 0;
	margin-right: 36px;
	margin-bottom: 20px;
	margin-left: 36px;
}
.resources-image2 ul li:nth-of-type(5n) {margin-right:0;}
.resources-image2 ul li:nth-of-type(5n+1) {margin-left:0;}
/*.worksheet-image ul li img {border:1px solid #dfdfdf; padding:3px;}*/
.resources-image2 ul li .resources-thumbnail {
	width: 220px;
	height: 302px;
	text-align: center;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
	display: table-cell;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
	margin-bottom: 5px;
}

.resources-image2 ul li img.tag {border:none; position:absolute; z-index:99}
.resources-image2 ul li a {display:inline-block; color:#000; line-height:18px}
.resources-image2 ul li a p {margin:5px 0 3px;}
.resources-image2 ul li a:hover p {color:#ff0000;text-decoration:underline;}
.resources-image2 ul li a:hover {text-decoration:underline;}
.resources-image2 ul li p img {border:none; display:block; margin-top:5px}

.resources-orange-font {
	color: #F60;
	font-size: 15px;
	font-weight: bold;
}
/********************Teacher Resources ends here***********************/#site-map-div {
}
#site-map-div a:link{
	text-decoration: underline;
}
#site-map-div a:visited {
	text-decoration: underline;
}


#line-dots-orange {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffa316;
	padding-bottom: 20px;
}
#line-dots-orange2 {
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #ffa316;
	margin-bottom: 30px;
	margin-top: 30px;
}
#links-page-content {
}
#links-page-content h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #ff6600;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff6600;
	margin-top: 40px;
	margin-bottom: 20px;
	background-image: none;
}
/**************************Form Styless starts****************************/
#form-style {
}

#form--login-style {
}

#form--login-style br {
	margin-bottom: 10px;
}

input[type="text"] {
	display: block;
	margin: 0;
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	appearance: button;
	box-shadow: none;
	border-radius: none;
}
input[type="text"]:focus {
  outline: none;
}

.style-1 input[type="text"] {
  padding: 10px;
  border: solid 2px #c9c9c9;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus {
	border: 5px solid #DDDDDD;
	box-shadow: 0 0 3px 1px #969696;
}

input[type="password"] {
	display: block;
	margin: 0;
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	appearance: button;
	box-shadow: none;
	border-radius: none;
}
input[type="password"]:focus {
  outline: none;
}

.style-1 input[type="password"] {
  padding: 10px;
  border: solid 2px #c9c9c9;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="password"]:focus,
.style-1 input[type="password"].focus {
	border: 5px solid #DDDDDD;
	box-shadow: 0 0 3px 1px #969696;
}

textarea {
  display: block;
  margin: 0;
  width: 80%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}
textarea:focus {
  outline: none;
}

.style-1 textarea {
  padding: 10px;
  border: solid 2px #c9c9c9;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 textarea:focus,
.style-1 textarea.focus {
  border: 5px solid #DDDDDD;
  box-shadow: 0 0 3px 1px #969696;
}

input[type="submit"] {
	font-size: 18px !important;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px;
}
/**************************Form Styles ends****************************/

/**************************FAQ page Styles starts****************************/
#faqPanelDiv {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}
#faqPanelDiv p {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 15px;
}
#faqPanelDiv li {
	font-size: 14px;
}

#faqPanelDiv li a:link {
	text-decoration: underline;
}
/**************************FAQ page Styles ends****************************/

/**************************How to print main page Styles starts****************************/
.how-to-print {width:48%; display:inline-block; vertical-align:top;}

#how-to-print-list {
	text-align: center;
	margin-right: 60px;
	margin-left: 60px;
	margin-bottom: 40px;
}

#how-to-print-list p{
	margin-bottom: 0px;
	padding-top: 16px;
}

#how-to-print-list ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#how-to-print-list li {
}

#how-to-print-list-image {
}
#how-to-print-list-text {
	height: 62px;
	line-height: 62px;
}
/**************************How to print main page Styles ends****************************/

/**************************How to print sub-pages Styles starts****************************/
#printing-menu {
	font-size: 14px;
	margin-top: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #ffa316;
	border-bottom-color: #ffa316;
	margin-bottom: 30px;
	padding-top: 14px;
	padding-bottom: 10px;
}

#printing-menu p{
	margin-bottom: 10px;
}

.printing-columns {
	-moz-column-width: 22em; /* Firefox */
	-webkit-column-width: 22em; /* webkit, Safari, Chrome */
	column-width: 22em;
	/*margin-left: 60px;*/
}
/*remove standard list and bullet formatting from ul*/
.printing-columns ul {
	/*margin: 0;
	padding: 0;*/
	list-style-type: disc;
}
.printing-columns li
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 4px;
}

.printing-columns li a:link {
	text-decoration: underline;
}

/* correct webkit/chrome uneven margin on the first column*/
.printing-columns ul li:first-child {
    margin-top:0px;
}

#printing-intro_div-content {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	text-align: left;
}

#printing-intro_div-content h2 {
	font-family: Georgia;
	font-size: 22px;
	color: #333333;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 0;
	font-weight: bold;
}

#printing-intro_div-content h3 {
	font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 20px;
	padding-top: 30px;
}

#printing-intro_div-content li a:link {
	text-decoration: underline;
}	

.printing-main_container {
	margin: 10px auto 30px;
	line-height: 24px;
}
.printing-main_container h2 {font: 36px/44px Georgia; font-weight:500; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; padding-bottom:20px; margin-bottom:10px;}
.printing-main_container h3 {
	font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 18px;
	padding-top: 30px;
}
.printing-main_container p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 24px;
}
.printing-main_container p span {font-weight:bold;}
.printing-main_container p a {text-decoration:underline; color:#000;}

.printing-main_container p a:hover {color:#FF0000;}

.printing-main_container ul{
	list-style-type: disc;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.printing-main_container li{
	margin-top: 14px;
	margin-bottom: 14px;
}

.printing-main_container li a:link{
	text-decoration: underline;
}

.printing-main_container ol{
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.printing-main_container img {
	border: 1px solid #CCC;
	padding: 2px;
	max-width: 100%;
	height: auto;
}
/**************************How to print sub-pages Styles ends****************************/

/**************************Newsletter Form Styles starts****************************/
#newsletterBoxDiv {
	border: 1px dotted #FF9900;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
}
#newsletterBoxDiv p{
	margin-bottom: 5px;
}
/**************************Newsletter Form Styles ends****************************/

/**************************Wordlists table Styles starts****************************/
#word-list-content-div {
}

#word-list-content-div h2 {
	margin-top:30px; font-size: 22px;
}

#wordlist-table-1 {
}
.wordlist-table-1 table {
	border-collapse: collapse;
	font-size: 14px;
}
.wordlist-table-1 table, th, td {
	border: 1px solid #CCC;
	padding: 2px;
}
.wordlist-table-1 tr:nth-child(even) {background-color: #f2f2f2}

#wordlist-table-2 {
}
.wordlist-table-2 table {
	border-collapse: collapse;
	font-size: 14px;
}
.wordlist-table-2 table, th, td {
	border: 1px solid #CCC;
	padding: 2px;
}
.wordlist-table-2 tr:nth-child(even) {background-color: #FFFFCC}

#wordlist-table-3 {
}
.wordlist-table-3 table {
	border-collapse: collapse;
	font-size: 14px;
}
.wordlist-table-3 table, th, td {
	border: 1px solid #CCC;
	padding: 2px;
}
.wordlist-table-3 tr:nth-child(even) {background-color: #f2f2f2}

#wordlist-table-4 {
}
.wordlist-table-4 table {
	border-collapse: collapse;
	font-size: 14px;
}
.wordlist-table-4 table, th, td {
	border: 1px solid #CCC;
	padding: 2px;
}
.wordlist-table-4 tr:nth-child(even) {
	background-color: #DFDFDF
}

/**************************Wordlists table Styles ends****************************/

/**************************Apps main page Styles starts****************************/
.app-main-div {width:48%; display:inline-block; vertical-align:top;}

.app-main-div h2 {
	background-color: #69B51E;
	display: block;
	color: #FFF;
	padding-top: 4px;
	padding-bottom: 4px;
}

.app-main-div h2 a:link {
	color: #FFF;
	text-decoration: underline;
}
.app-main-div h2 a:hover {
	color: #000;
	text-decoration: underline;
}
.app-main-div h2 a:visited {
	color: #FFF;
	text-decoration: underline;
}
.app-main-div h2 a:active {
	color: #FFF;
	text-decoration: underline;
}

.app-main-div h3 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
#app-main-div-list {
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 40px;
}

#app-main-div-list p{
	margin-bottom: 0px;
	padding-top: 16px;
}

#app-main-div-list ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#app-main-div-list li {
}

#app-main-div-list-image {
}
#app-main-div-list-text {
	height: 62px;
	line-height: 62px;
}
/**************************Apps main page Styles ends****************************/

/********************* KidStuff Home details page starts here***************************/

#menu-kidstuffhome-details {
	-moz-column-width: 20em;
	-webkit-column-width: 20em;
	column-width: 20em;
	margin-top: 30px;
	margin-bottom: 30px;
}

#menu-kidstuffhome-details ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu-kidstuffhome-details li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#menu-kidstuffhome-details ul li:first-child {
	margin-top: 0px;
}
#menu-kidstuffhome-details li:first-child {
	margin-top: 0px;
	background-color: #006600;
}
#menu-kidstuffhome-details li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-details li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-details li a:active {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-details li a:hover {
	text-decoration: underline;
	color: #000;
}


#menu-kidstuffhome-affiliates {
	-moz-column-width: 20em;
	-webkit-column-width: 20em;
	column-width: 20em;
	margin-top: 30px;
	margin-bottom: 30px;
}

#menu-kidstuffhome-affiliates ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu-kidstuffhome-affiliates li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#menu-kidstuffhome-affiliates ul li:first-child {
	margin-top: 0px;
}
#menu-kidstuffhome-affiliates li:nth-child(2) {
	margin-top: 5px;
	background-color: #006600;
}
#menu-kidstuffhome-affiliates li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-affiliates li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-affiliates li a:active {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-affiliates li a:hover {
	text-decoration: underline;
	color: #000;
}




#menu-kidstuffhome-feedback {
	-moz-column-width: 20em;
	-webkit-column-width: 20em;
	column-width: 20em;
	margin-top: 30px;
	margin-bottom: 30px;
}

#menu-kidstuffhome-feedback ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu-kidstuffhome-feedback li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#menu-kidstuffhome-feedback ul li:first-child {
	margin-top: 0px;
}
#menu-kidstuffhome-feedback li:nth-child(3) {
	margin-top: 5px;
	background-color: #006600;
}
#menu-kidstuffhome-feedback li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-feedback li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-feedback li a:active {
	text-decoration: underline;
	color: #FFF;
}
#menu-kidstuffhome-feedback li a:hover {
	text-decoration: underline;
	color: #000;
}

.comparison-table {
	text-align: left;
	border: 1px solid #090;
}

.comparison-table-style {
	text-align: left;
}
.comparison-table p {
	margin: 0px;
	padding: 0px;
}
.comparison-table table {
	border-collapse: separate;
	border-spacing: 3px;
	font-size: 14px;
}
.comparison-table table, th, td {
	padding: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	text-align: left;
}

.comparison-table-block {
	padding: 4px;
	background-color: #5AAD00;
	color: #FFF;
	text-align: left;
}

.comparison-table-block-white {
	padding: 4px;
	background-color: #FFFFFF;
	color: #000;
	text-align: left;
}
.comparison-table-block-center {
	padding: 4px;
	background-color: #5AAD00;
	color: #FFF;
}
/********************* KidStuff Home details page starts here***************************/


/**************************Apps sub-page Styles starts****************************/
#app-menu {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}

#app-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu ul li:first-child {
	margin-top: 0px;
}
#app-menu li:first-child {
	margin-top: 0px;
	background-color: #006600;
}
#app-menu li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu li a:hover {
	text-decoration: underline;
	color: #000;
}

#app-menu-instructions {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}
#app-menu-instructions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-instructions li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-instructions ul li:first-child {
	margin-top: 0px;
}
#app-menu-instructions li:nth-child(2) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-instructions li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-instructions li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-instructions li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-instructions li a:hover {
	text-decoration: underline;
	color: #000;
}



#app-menu-questions {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}

#app-menu-questions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-questions li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-questions ul li:first-child {
	margin-top: 0px;
}
#app-menu-questions li:nth-child(3) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-questions li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-questions li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-questions li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-questions li a:hover {
	text-decoration: underline;
	color: #000;
}

#app-menu-download {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}

#app-menu-download ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-download li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-download ul li:first-child {
	margin-top: 0px;
}
#app-menu-download li:nth-child(4) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-download li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-download li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-download li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-download li a:hover {
	text-decoration: underline;
	color: #000;
}




/*new app menu formatting start*/
#app-menu-upgrade {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}
#app-menu-upgrade ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-upgrade li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-upgrade ul li:first-child {
	margin-top: 0px;
}
#app-menu-upgrade li:nth-child(2) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-upgrade li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-upgrade li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-upgrade li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-upgrade li a:hover {
	text-decoration: underline;
	color: #000;
}


#app-menu-flashcards-instructions {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}

#app-menu-flashcards-instructions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-flashcards-instructions li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-flashcards-instructions ul li:first-child {
	margin-top: 0px;
}
#app-menu-flashcards-instructions li:nth-child(3) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-flashcards-instructions li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-flashcards-instructions li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-flashcards-instructions li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-flashcards-instructions li a:hover {
	text-decoration: underline;
	color: #000;
}



#app-menu-songs-instructions {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}

#app-menu-songs-instructions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-songs-instructions li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-songs-instructions ul li:first-child {
	margin-top: 0px;
}
#app-menu-songs-instructions li:nth-child(4) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-songs-instructions li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-songs-instructions li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-songs-instructions li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-songs-instructions li a:hover {
	text-decoration: underline;
	color: #000;
}


#app-menu-new-questions {
	-moz-column-width: 11em;
	-webkit-column-width: 11em;
	column-width: 11em;
	margin-top: 30px;
}

#app-menu-new-questions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#app-menu-new-questions li{
	text-align: center;
	background-color: #69B51E;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#app-menu-new-questions ul li:first-child {
	margin-top: 0px;
}
#app-menu-new-questions li:nth-child(5) {
	margin-top: 4px;
	background-color: #006600;
}
#app-menu-new-questions li a:link  {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-new-questions li a:visited {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-new-questions li a:active {
	text-decoration: underline;
	color: #FFF;
}
#app-menu-new-questions li a:hover {
	text-decoration: underline;
	color: #000;
}






/*new app menu formatting end*/



#app-sub-pages-content {
}

#app-sub-pages-content a:link {
	text-decoration: underline;
}

#app-sub-pages-content img {
	max-width: 100%;
	height: auto;
}

#app-sub-pages-content h2 {
	margin-top:30px; font-size: 22px;
}
#app-sub-pages-content h3 {
	color: #FF6600;
}
#app-sub-pages-content h3 a:link {
	color: #FF6600;
	text-decoration: underline;
}
#app-sub-pages-content h3 a:hover {
	color: #000000 !important;
	text-decoration: underline;
}
#app-sub-pages-content h3 a:visited {
	color: #FF6600;
	text-decoration: underline;
}
#app-sub-pages-content h3 a:active {
	color: #FF6600;
	text-decoration: underline;
}
#app-sub-pages-content h4 {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
}

#app-sub-pages-content h5 {
	color: #68B41E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin-top: 40px;
	margin-bottom: 20px;
}

.app-table {
	border: 1px solid #D9F4BD;
	background-color: #FFF;
}
.app-table p {
	margin: 0px;
	padding: 0px;
}
.app-table table {
	border-collapse: separate;
	border-spacing: 3px;
	font-size: 14px;
}
.app-table table, th, td {
	padding: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}

.app-instructions-columns {
	-moz-column-width: 22em; /* Firefox */
	-webkit-column-width: 22em; /* webkit, Safari, Chrome */
	column-width: 22em;
	/*margin-left: 60px;*/
}
/*remove standard list and bullet formatting from ul*/
.app-instructions-columns ul {
	/*margin: 0;
	padding: 0;*/
	list-style-type: disc;
}
.app-instructions-columns li
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 4px;
}

.app-instructions-columns li a:link {
	text-decoration: underline;
}

/* correct webkit/chrome uneven margin on the first column*/
.app-instructions-columns ul li:first-child {
    margin-top:0px;
}

.image-top-padding {
	padding-top: 40px;
}
.image-top-margin {
	margin-top: 10px;
}
.image-border {
	padding: 2px;
	border: 1px solid #999;
}

/**************************Apps sub-page Styles ends****************************/

/**************************register country Styles starts****************************/
#register-country-Div {
}
#register-country-Div h3 {
	margin-top: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #FF6600;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#register-country-Div h5 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 22px;
	color: #68B41E;
	font-weight: normal;
	background-image: url(../images/buttons/bulletGreen.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 16px;
}

#register-country-box {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px;
	text-align: center;
}
#register-country-box p{
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#register-country-box select{
	font-size: 16px;
	padding: 5px;
}

#register-country-pop-up {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	text-align: center;
	width: 60%;
}
#register-country-pop-up p {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#register-country-pop-up-1 {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	text-align: center;
	width: 60%;
}
#register-country-pop-up-1 p {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#register-country-pop-up-2 {
	background-color: #FFFFBF;
	border: 1px solid #FF9900;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	text-align: center;
	width: 60%;
}
#register-country-pop-up-2 p {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#register-country-info-div {
	margin-top: 15px;
	font-size: 18px;
	margin-bottom: 15px;
}

.text-align-right {
	text-align: right;
}

.text-align-left {
	text-align: left;
}

.btn_orange {
        background: #ff9900 none repeat scroll 0 0;
        border: 1px solid #d78100;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        font-size: 1em;
        padding: 4px 22px 3px;
        text-decoration: none;
        display: inline-block;
    }
.btn_orange:hover {
        color:#fff;
    }

/***FIRST STYLE THE BUTTON***/
input#gobutton{
	cursor: pointer; /*add some padding to the inside of the button*/
	background: #FF9900; /*the colour of the button*/
	border: 1px solid #D78100; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*style the text*/
	color: #FFFFFF;
	font-size: 1em;
	padding-top: 4px;
	padding-right: 22px;
	padding-bottom: 3px;
	padding-left: 22px;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
background-color :#D78100; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}
/**************************register country Styles ends****************************/

/**************************member's area Styles starts****************************/
#membersAreaMenuDiv {
	font-size: 12px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #F90;
	border-bottom-color: #F90;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#membersAreaMenuDiv p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.banner_membersArea {
	width: 75%;
	display: inline-block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.banner_membersArea h1 {
	font-family: Georgia;
	font-size: 36px;
	background: url(../images/welcome_title_bg.jpg) no-repeat left bottom;
	color: #000000;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.banner_membersArea h2 {font-family:Georgia; font-size:22px; font-weight:normal; margin:20px 0 14px; color:#333333;} 
.banner_membersArea h3 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	color: #FF6600;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
} 
.banner_membersArea h4 {
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #68b41e;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.banner_membersArea p {margin-bottom:15px;}
.banner_membersArea p a {text-decoration:underline; color:#000;}
.banner_membersArea p a:hover {color:#ff0000;}
.banner_membersArea img {vertical-align:middle;}

.members-area-button-padding {
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 10px;
}

#membersAreaPrintablesDiv {
	background-image: url(../images/buttons/icon_printables.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 68px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF6600;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-align:left;
}
#membersAreaNewsletterDiv {
	background-image: url(../images/buttons/icon_newsletter.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 68px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 40px;
}
#membersAreaLessonPlanHelpersDiv {
	background-image: url(../images/buttons/icon_lessonPlanner.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 68px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 40px;
}
#membersAreaHelpSupportDiv {
	background-image: url(../images/buttons/icon_help.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 68px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 40px;
}
#membersAreaWhatsNewDiv {
	background-image: url(../images/buttons/icon_whatsNew.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 68px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 40px;
}
#membersAreaMessagesDiv {
	background-image: url(../images/buttons/icon_messages.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 68px;
	padding-top: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 40px;
}

#newsletterBoxDiv2 {
	border: 1px dotted #FF9900;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
	background-color: #FFC;
}

.message-top {
	background-color: #DCFFCE;
	display: block;
	font-size: 11px;
	color: #090;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
	font-weight: bold;
}

.message-top p {
	margin: 0px;
	padding: 0px;
	}

#messages-content-div {
	background-color: #F1FFEC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
	margin-bottom: 20px;
}

#messages-content-div p {
	margin-top: 0px;
	margin-bottom: 16px;
}



#messages-content-div p span {
	font-weight: normal;
}

#messages-content-div h3 {
	font-size: 20px;
	color: #F60;
}

#message-content-div-container {
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#message-content-div-container a:link {
	text-decoration: underline;	
}

.callToActionFont2 {
	font-size: 28px;
	color: #F00;
}
.callToActionFont2 a:link {
	color: #F00;
	text-decoration: underline;
}
.callToActionFont2 a:visited {
	color: #F00;
	text-decoration: underline;
}
.callToActionFont2 a:hover {
	color: #68B41E;
	text-decoration: underline;
}
.callToActionFont2 a:active {
	color: #F00;
	text-decoration: underline;
}

#help-content-div {
	padding-left: 20px;
	margin-top: 30px;
}

#help-content-div p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

@media screen and (max-width: 480px) {
#help-content-div img {
	float: left;
	display: none;
}
}
/**************************member's area Styles ends****************************/

/*********************Menmbers Area Main Container starts here***************************/

.members-area-main_container {
	margin: 10px auto 30px;
	line-height: 24px;
	text-align: left;
}
.members-area-main_container h2 {font: 36px/44px Georgia; font-weight:500; background:url(../images/welcome_title_bg.jpg) no-repeat left bottom; padding-bottom:20px; margin-bottom:10px;}
.members-area-main_container h3 {
	font-weight: bold;
	padding-bottom: 14px;
	margin-bottom: 10px;
	font-family: Georgia;
	font-size: 20px;
	padding-top: 30px;
}
.members-area-main_container p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 24px;
}
.members-area-main_container p span {font-weight:bold;}
.members-area-main_container p a {text-decoration:underline; color:#000;}

.members-area-main_container p a:hover {color:#FF0000;}

.members-area-main_container ul{
	list-style-type: disc;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

@media screen and (max-width: 480px) {
.members-area-main_container ul {
    padding-left: 20px;
}
}

.members-area-main_container li{
	margin-top: 14px;
	margin-bottom: 14px;
}

.members-area-main_container ol{
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.members-area-main_container img {
	padding: 2px;
	max-width: 100%;
	height: auto;
}

/*********************Menmbers Area Main Container ends here***************************/


/**************************Teens Lesson Plan content starts****************************/
#teens-lesson-plans-content {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

#teens-lesson-plans-content a:link {
	text-decoration: underline;
}

#teens-lesson-plans-content p{
	margin-bottom: 16px;
	margin-top: 16x;
}

#teens-lesson-plans-content img {
	max-width: 100%;
	height: auto;
}

#teens-lesson-plans-content ul {
	margin-top: 40px;
}

#teens-lesson-plans-content li {
	list-style-type: disc;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 2px !important;
	padding-left: 8px !important;
	display: list-item !important;
}

#teens-lesson-plans-content h2 {
	margin-bottom: 30px;
	padding-bottom: 2px;
	margin-top: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #333333;
	background-image: none;
}
/**************************Teens Lesson Plan content ends****************************/

/**************************Songs CD download page content starts****************************/
#cd-download-div {
	float: left;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
}
#cd-download-div h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 30px;
	color: #EC1B23;
	padding-top: 0px;
}
.highlight-red {
	color: #F00;
	background-color: #FF3;
}
#songsPageMainDiv {
}
#songsPageMainDiv h2 {
	font-size: 20px;
	color: #ff6600;
	background-image: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff6600;
	padding-bottom: 0px;
	line-height: normal;
}
#songsPageMainDiv a:link {
	text-decoration: underline;
}
/**************************Songs CD download page content ends****************************/

/**************************Holidays lesson plans page content starts****************************/
#lessonPlanDetailsDiv {
	padding-bottom: 20px;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 0px;
}

#lessonPlanDetailsDiv a:link {
	text-decoration: underline;
}

#lessonPlanDetailsDiv h3 {
	font-size: 24px;
	margin-top: 4px;
	color: #68B41E;
	padding-top: 0px;
}

#lessonPlanDetailsDiv h4 {
	font-size: 22px;
	color: #68B41E;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #68B41E;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 50px;
}

#lessonPlanDetailsDiv h5 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

#lessonPlanDetailsDiv ul {
	padding-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#lessonPlanDetailsDiv li  {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 15px;
}

#lesson-plan-details-div {
	margin-bottom: 30px;
}

#lesson-plan-details-div  ul  {
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#lesson-plan-details-div  li  {
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 13px;
}

#lesson-plan-details-div2 {
	margin-bottom: 30px;
}

#lesson-plan-details-div2 a:link {
	text-decoration: underline;
}

#lesson-plan-details-div2 h3{
	font-size: 16px !important;
	font-weight: normal;
	color: #238c00 !important;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #238c00;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 1px;
	margin-top: 20px;
}

#lesson-plan-details-div2 ul  {
	padding-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#lesson-plan-details-div2 li  {
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 13px;
	list-style-type: none;
}

#lessonPlanTitleDivNo1 {
	background-image: url(../images/buttons/cirle01.gif);
	background-repeat: no-repeat;
	min-height: 34px;
	padding-top: 4px;
	padding-left: 46px;
	margin-bottom: 20px;
}
#lessonPlanTitleDivNo2 {
	background-image: url(../images/buttons/cirle02.gif);
	background-repeat: no-repeat;
	min-height: 34px;
	padding-top: 4px;
	padding-left: 46px;
	margin-bottom: 20px;
}
#lessonPlanTitleDivNo3 {
	background-image: url(../images/buttons/cirle03.gif);
	background-repeat: no-repeat;
	min-height: 34px;
	padding-top: 4px;
	padding-left: 46px;
	margin-bottom: 20px;
}
#lessonPlanTitleDivNo4 {
	background-image: url(../images/buttons/cirle04.gif);
	background-repeat: no-repeat;
	height: 34px;
	padding-top: 4px;
	padding-left: 46px;
	margin-bottom: 20px;
}

#lesson_procedure_div {
	font-size: 15px;
	line-height: 20px;
}
#lesson_procedure_div img {
height: auto;
max-width: 100%;
}
#lesson_procedure_div h5 {
	color: #b10202;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 40px;
	margin-bottom: 20px;
}

.song-reader-image {
	margin-top: 20px;
}
.song-reader-image ul {text-align:left;}
.song-reader-image ul li {
	width: 112px;
	vertical-align: top;
	display: inline-block;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 16px;
}
.song-reader-image ul li:nth-of-type(5n) {margin-right:0;}
.song-reader-image ul li:nth-of-type(5n+1) {margin-left:0;}
/*.worksheet-image ul li img {border:1px solid #dfdfdf; padding:3px;}*/
.song-reader-image ul li .worksheet-thumbnail {
	width: 94px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	margin-bottom: 5px;
}

.song-reader-image ul li img.tag {border:none; position:absolute; z-index:99}
.song-reader-image ul li a {display:inline-block; font-size:12px; color:#000; line-height:18px}
.song-reader-image ul li a p {margin:5px 0 3px;}
.song-reader-image ul li a:hover p {color:#ff0000;text-decoration:underline;}
.song-reader-image ul li a:hover {text-decoration:underline;}
.song-reader-image ul li p img {border:none; display:block; margin-top:5px}

#related-stuff-div {
}

#related-stuff-div a:link {
	text-decoration: underline;
}

#related-stuff-div h3 {
	margin-top: 0px;
}

/**************************Holidays lesson plans page content ends****************************/

.banner .carousel-indicators {left:auto; margin-left:0; position:relative; width:auto; bottom:auto;} 
.banner .carousel-control.left, .banner .carousel-control.right {background:none;}
.banner .carousel-control {width:auto;}
.banner .carousel-control span {padding:15px; background:rgba(255, 0, 0, 1); width:auto; height:auto; margin:0;}
.banner .nav-pills li {border:none; height:auto; border-radius:0; display:table-cell; text-indent:0; margin:0;}


.worksheet-image-03 {padding:0 30px;}
.worksheet-image-03 ul {margin:0 !important; padding:0 !important; list-style-type:none;}
.worksheet-image-03 ul li {width:100%; margin:0 0 20px !important; display:block; text-align:center;}

.worksheet-image-03 ul li .worksheet-thumbnail {width:106px; height:146px; text-align:center;border:1px solid #dfdfdf;vertical-align:middle;display: table-cell; -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.33); margin-bottom:5px;}

.worksheet-image-03 ul li img.tag {border:none; position:absolute; z-index:99}
.worksheet-image-03 ul li a {display:inline-block; font-size:12px; color:#000; line-height:18px; text-decoration:underline;}
.worksheet-image-03 ul li a p {margin:5px 0 3px; max-width:112px;}
.worksheet-image-03 ul li a:hover p {color:#ff0000;text-decoration:underline;}
.worksheet-image-03 ul li a:hover {text-decoration:underline;}
.worksheet-image-03 ul li p img {border:none; display:block; margin-top:5px}

.worksheet-image-03 ul li {
    position: relative;
    min-height: 1px;
}
.worksheet-image-03 ul li {
    width: 100%;
    float: none;
}

@media only screen and (min-width: 567px) and (max-width: 767px) {
.worksheet-image-03 ul li {
    width: 33.3%;
    float: left;
}
.worksheet-image-03 ul li:nth-child(6n+1) {clear:none;}	
.worksheet-image-03 ul li:nth-child(4n+1) {clear:none;}
.worksheet-image-03 ul li:nth-child(3n+1) {clear:both;}
}
@media (min-width: 768px) {
.worksheet-image-03 ul li {
        width: 25%;
        float: left;
    }
.worksheet-image-03 ul li:nth-child(6n+1) {clear:none;}	
.worksheet-image-03 ul li:nth-child(4n+1) {clear:both;}
}
@media (min-width: 992px) {
.worksheet-image-03 ul li {
        width: 16.666%;
        float: left;
    }
.worksheet-image-03 ul li:nth-child(6n+1) {clear:both;}	
.worksheet-image-03 ul li:nth-child(4n+1) {clear:none;}	
}
@media (min-width: 1200px) {
.worksheet-image-03 ul li {
        width: 16.666%;
        float: left;
    }
}

.navigation {display:none;position:fixed; z-index:999; left:0; top:0; right:0;} 
.navigation .navbar-toggle {float:left; border:none; margin:5px 0;}
.navigation .navbar-header {cursor:pointer;}
.navigation .navbar-inverse .navbar-toggle:hover, .navigation .navbar-inverse .navbar-toggle:focus {background:none;}
.navigation .navbar-inverse .navbar-brand {padding:10px 5px; color:#fff; height:auto;}



.navigation ul li:nth-child(1) {background-color: #ff0000;}
.navigation ul li:nth-child(1) i {color:#ff0000;}
.navigation ul li:nth-child(2) {background-color: #FF9C05;}
.navigation ul li:nth-child(2) i {color:#FF9C05;}
.navigation ul li:nth-child(3) {background-color: #E8047F;}
.navigation ul li:nth-child(3) i {color:#E8047F;}
.navigation ul li:nth-child(4) {background-color: #16AF16;}
.navigation ul li:nth-child(4) i {color:#16AF16;}
.navigation ul li:nth-child(5) {background-color: #0066CB;}
.navigation ul li:nth-child(5) i {color:#0066CB;}

.navigation .members-menu ul li:nth-child(1) {background-color: #800080;}
.navigation .members-menu ul li:nth-child(1) i {color:#800080;}
.navigation .members-menu ul li:nth-child(2) {background-color: #ff0000;}
.navigation .members-menu ul li:nth-child(2) i {color:#ff0000;}
.navigation .members-menu ul li:nth-child(3) {background-color: #FF9C05;}
.navigation .members-menu ul li:nth-child(3) i {color:#FF9C05;}
.navigation .members-menu ul li:nth-child(4) {background-color: #E8047F;}
.navigation .members-menu ul li:nth-child(4) i {color:#E8047F;}
.navigation .members-menu ul li:nth-child(5) {background-color: #16AF16;}
.navigation .members-menu ul li:nth-child(5) i {color:#16AF16;}
.navigation .members-menu ul li:nth-child(6) {background-color: #0066CB;}
.navigation .members-menu ul li:nth-child(6) i {color:#0066CB;}


.navigation .panel-group {margin:0;}
.navigation .panel-group .panel {border-radius:0; box-shadow:none; border:none; padding:0;} 
.navigation .panel-default > .panel-heading {background:none; border:none; padding:0;}
.navigation .panel-group .panel + .panel {margin:0;}
.navigation li { text-indent:0;}
.navigation li ul li {background:none repeat scroll 0 0 rgba(249, 241, 208, 0.9) !important;}
.navigation ul li ul li i {color:#474848 !important; padding:0 13px;}
.navigation li a {font-size:17px; color:#fff;display:inline-block; vertical-align:middle; text-decoration:none;padding:0; outline:none;}
.navigation li span {margin:5px 10px; width:20px; height:20px; text-align:center; background:#fff; border-radius:100%; display:inline-block; vertical-align:middle; padding-top:3px;}
.navigation li ul li a {color:#474848; font-size:16px; line-height:25px; padding:5px 5px;}
.navigation li ul li a:hover {color:#ff0000;}
.navigation .navbar-collapse {max-height:85vh; padding:0; overflow:auto;}
.close-menu a {display:block; background:#000; color:#fff; padding:10px 15px; text-transform:uppercase}
.close-menu a:hover {color:#fff; text-decoration:none;}

.mem-icons {display:inline-block; vertical-align:middle; margin-right:10px;}


.kids_22_v2.kids_songs_block_free_samples {margin:0; padding:0;}
.kids_22_v2.kids_songs_block_free_samples .left, .kids_22_v2.kids_songs_block_free_samples .right {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width:50%; float:left; display:block;}
.kids_22_v2_step1 {padding-left:15px; padding-right:15px;}
.blue_v2.kids_songs_block ul {border-bottom:none; text-align:left;}


@media only screen and (max-width: 991px) {
.navigation {display:block;} 
header {padding-top:42px;}
.mem-icons {margin-bottom:10px;}

}

@media only screen and (max-width: 767px) {
/*design modified on 03/10/2016*/
#app-sub-pages-content img.imageRightFloat2 {float:none; display:block; margin:0 auto 10px;}
.new-table-03 tr:first-child {display:none;}
.new-table-03 td {width:100% !important; height:auto !important; display:block; padding:0;}
.new-table-03 td span.avail {display:inline-block; vertical-align:baseline;}
.intro_div .imageRightFloat2, .intro_div .imageLeftFloat, .imageRightFloat2, .imageBorderRightFloat {float:none; margin:0 auto 10px; display:block; max-width:100%;}

.sitemap-menu #holidays-list-image {float:none; margin:0; display:block; text-align:center;}
.sitemap-menu #holidays-list-text {height:auto; text-align:center;}

.indexjp .imageLeftFloat {float: left; margin-right: 20px;}


#holidays-list ul {margin:0;}
.nav-banner .banner_flashcard h3 {font-size:12px;}
.nav-banner .banner_flashcard h2 {font-size:36px;}
.nav-banner-full-width .banner_flashcard h3 {font-size:12px;}
.nav-banner-full-width .banner_flashcard h2 {font-size:36px;}

.new-print-03 {display:block; text-align:center; width:auto;}
.new-print-03 #how-to-print-list {margin:0 auto;}
.new-print-03 #app-main-div-list {margin:0 auto;}

#register-country-Div img {max-width:100% !important;}
#register-country-box select {width:100%; display:block; margin-bottom:10px;}

.banner_resources h2 {font-size: 12px;}

.worksheet-image-03 ul li {text-align:center;}
.worksheet-image-03 ul li a {display:block;}
.worksheet-image-03 ul li .worksheet-thumbnail {margin:0 auto; display:block;}
.worksheet-image-03 ul li a p {margin:5px auto 3px;}

#lessonPlanDetailsDiv .worksheet-image ul {padding-left:0;}


}


#articles-content {
}
#articles-content li a:link {
	text-decoration: underline;
}
#social-div-padding {
	margin-bottom: 16px;
}

#registration-column-top {
}

#registration-column-top-2-year {
	background-image: url(../images/15pc-off.png);
	background-position: 95% 30px;
	background-repeat: no-repeat;
}

#registration-column-top-3-year {
	background-image: url(../images/24pc-off.png);
	background-position: 95% 30px;
	background-repeat: no-repeat;
}

#ebook-column-top {
	background-image: url(../images/29pc-off.png);
	background-position: 95% 30px;
	background-repeat: no-repeat;
}


#registartion-benefits {
	font-size: 14px;
	color: #0063C6;
	margin-bottom: 30px;
}


#registartion-benefits ul {
	margin-left: -10px;
}

#registartion-benefits li {
	list-style: none;
    margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

#comments-from-members {
	font-size: 14px;
}

#comments-from-members h3 {
	font-size: 20px;
}
#quote-div {
	background-image: url(../images/quote-open.gif), url(../images/quote-close.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	padding-right: 60px;
	padding-left: 60px;
	margin-bottom: 30px;
}

/*********************New Songs Page styles starts here***************************/
#top-bar-call-to-action {
	font-size: 12px;
	color: #FFF;
	background-color: #669D88;
	text-align: center;
	vertical-align: middle;
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#top-bar-call-to-action a {
	color: #FFF;
	text-decoration: underline;
}
#top-bar-call-to-action a:hover {
	color: #000000;
	text-decoration: underline;
}

#songs-top-intro {
	background-image: url(../images/bg-songs-introbox2.jpg);
	background-repeat: no-repeat;
	padding: 18px;
	position: relative;
}
#songs-top-intro-container {
	padding: 14px;
	width: 70%;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255, 255, 255, .9);
	float: left;
	line-height: normal;
}
#songs-top-intro-container p {
	margin-bottom: 12px;	
}

#songs-top-intro-container h2 {
	margin-top: 0px;
	font-size: 26px;
}


#songs-benefits-div {
	color: #00509F;
	font-size: 15px;
	margin-top: 20px;
	-moz-column-width: 18em; /* Firefox */
	-webkit-column-width: 18em; /* webkit, Safari, Chrome */
	column-width: 18em;
	/*margin-left: 60px;*/
}



/*remove standard list and bullet formatting from ul*/
.songs-benefits-div ul {
	/*margin: 0;
	padding: 0;*/
	list-style-type: disc;
}
#songs-benefits-div li
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
	padding-left: 4px;
}

/* correct webkit/chrome uneven margin on the first column*/
.songs-benefits-div ul li:first-child {
    margin-top:0px;
}

#songs-page-register-button {
	float: right;
	position: absolute;
	bottom: 20px;
	right: 35px;
}

/*********************New Songs Page styles ends here***************************/

@media only screen and (max-width: 991px) {
.kids_songs_block.blue_v2 #album-cover-container img {float:none; display:block; margin-bottom:10px !important;}
}

@media only screen and (max-width: 767px) {
#songs-top-intro-container.v2_22_container {width:auto; float:none;}
.v2_22_register-button#songs-page-register-button {float:none; right:auto; bottom:auto; position:relative; margin-top:15px;}
.blue_v2.kids_songs_block ul li:nth-of-type(2n+2), .blue_v2.kids_songs_block ul li:nth-of-type(2n+1) {width:100% !important; margin-bottom:30px;}
.blue_v2 #album-cover-container img {display:block; float:none;}
.v2_22_intro#songs-top-intro {background-size:cover;}
.v2_22_container .kids_songs_block_free_samples h2 {margin-left:15px;}
.kids_22_v2.kids_songs_block_free_samples .left, .kids_22_v2.kids_songs_block_free_samples .right {width:100%; float:none;}
.kids_songs_block .kids_22_v2 .left h3, .kids_songs_block .kids_22_v2 .right h3 {font-size:17px;}

.blue_v2.kids_songs_block ul {padding-bottom:0; margin-bottom:0;}
.blue_v2.kids_songs_block .blue_v2_new ul {padding-top:0;}
}
#register-button {
}

/*********************New Lesson Plans Page styles syarts here***************************/
#lesson-plans-left-content {
	float: left;
	width: 80%;
}

#lesson-plans-right-sidebar {
	float: right;
	width: 18%;
	margin-left: 10px;
	background-color: #FFC;
	border: 1px dashed #F90;
	padding-left: 20px;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#lesson-plans-right-sidebar a:link {
	text-decoration: underline;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#lesson-plans-right-sidebar a:hover {
	text-decoration: underline;
	color: #68B41E;
	text-decoration: none;
	border-bottom: 1px #68B41E dotted;
}

#lesson-plans-right-sidebar h3 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#lesson-plans-right-sidebar ul {
	margin: 0px;
	padding: 0px;
}
#lesson-plans-right-sidebar li {
	list-style-type: none;
	font-size: 13px;
}


/*********************New Lesson Plans Page styles syarts here***************************/
#lesson-plans-left-content {
	float: left;
	width: 80%;
}

#lesson-plans-right-sidebar {
	float: right;
	width: 18%;
	margin-left: 10px;
	background-color: #FFC;
	border: 1px dashed #F90;
	padding-left: 20px;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 20px;
}

@media screen and (max-width: 990px) {
#lesson-plans-left-content {
	width: 75%;
}
#lesson-plans-right-sidebar {
width: 23%;
}
}

@media screen and (max-width: 767px) {
#lesson-plans-left-content {
	width: 70%;
}
#lesson-plans-right-sidebar {
width: 28%;
}
}

@media screen and (max-width: 650px) {
#lesson-plans-left-content {
	width: 65%;
}
#lesson-plans-right-sidebar {
width: 33%;
}
}

@media screen and (max-width: 600px) {
#lesson-plans-left-content {
	width: 100%;
}
#lesson-plans-right-sidebar {
display:none;
}
}


#lesson-plans-right-sidebar a:link {
	text-decoration: underline;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#lesson-plans-right-sidebar a:hover {
	text-decoration: underline;
	color: #68B41E;
	text-decoration: none;
	border-bottom: 1px #68B41E dotted;
}

#lesson-plans-right-sidebar h3 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#lesson-plans-right-sidebar ul {
	margin: 0px;
	padding: 0px;
}
#lesson-plans-right-sidebar li {
	list-style-type: none;
	font-size: 13px;
}

#lesson-plans-benefits {
	display: block;
	float: right;
	width: 320px;
	margin-left: 30px;
	background-image: url(../images/bg-lesson-plans-benefits-box2.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: -80px;
}

#songs-benefits-new {
	display: block;
	float: right;
	width: 460px;
	margin-left: 30px;
	background-image: url(../images/bg-songs-introbox.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: -80px;
	background-position: right top;
}


@media screen and (max-width: 990px) {
#lesson-plans-benefits {
	margin-top: 0px;
}

#songs-benefits-new {
	margin-top: 0px;
}
}

@media screen and (max-width: 600px) {
#lesson-plans-benefits {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}

#songs-benefits-new {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}
}



.sidebar-category {
	font-weight: bold;
	display: block;
	padding-top: 20px;
	color: #68B41E;
}


#lesson-plans-benefits p {
	font-size: 14px;
	margin-bottom: 8px;
}

#songs-benefits-new p {
	font-size: 14px;
	margin-bottom: 8px;
}

#lesson-plans-benefits h2{
	color: #F00;
	margin-top: 0px;
	font-weight: bold;
	font-size: 18px;
}

#songs-benefits-new h2{
	color: #F00;
	margin-top: 0px;
	font-weight: bold;
	font-size: 18px;
}

#lesson-plans-benefits-container {
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255, 255, 255, .9);
	line-height: normal;
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 14px;
}

#lesson-plans-benefits-container li {
	color: #00509F;

}

#songs-benefits-new-container {
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255, 255, 255, .9);
	line-height: normal;
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 14px;
}

#songs-benefits-new-container li {
	color: #00509F;

}

#lesson-plan-register-button {
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 0px;
}

.lesson_plan_intro img {
height: auto;
max-width: 100%;
}

@media screen and (max-width: 1159px) {
.lesson_plan_intro img {
height: auto;
max-width: 62%;
}
}
@media screen and (max-width: 967px) {
.lesson_plan_intro img {
height: auto;
max-width: 58%;
}
}
@media screen and (max-width: 880px) {
.lesson_plan_intro img {
height: auto;
max-width: 56%;
}
}
@media screen and (max-width: 880px) {
.lesson_plan_intro img {
height: auto;
max-width: 56%;
}
}
@media screen and (max-width: 842px) {
.lesson_plan_intro img {
height: auto;
max-width: 100%;
}
}


/*********************New Lesson Plans Page styles ends here***************************/

/*********************New Top Nav Menu styles starts here***************************/

.header-nav.new-header-nav .flex-nav-style {min-height:175px;} 
.header-nav.new-header-nav .flex-nav-style .logo {padding:0;}
.header-nav.new-header-nav .flex-nav-style .logo a {/*-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;display: -ms-flexbox;	display: -webkit-flex;	display: flex;*/ display:block; padding-top:9px; min-height:172px;}
.header-nav.new-header-nav .flex-nav-style .logo img {height:auto; width:auto;}
.header-nav.new-header-nav .flex-menu-style {display:inline-block; vertical-align:middle; float:right;}
.header-nav.new-header-nav .flex-menu-style ul {padding:0; list-style-type:none; text-align:right;}
.header-nav.new-header-nav .flex-menu-style ul li {display:inline-block; /*vertical-align:middle;*/ vertical-align:top; text-align:center; width:auto; min-width:135px;}
.header-nav.new-header-nav .flex-menu-style ul li a {/*-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;display: -ms-flexbox;	display: -webkit-flex;	display: flex; flex-flow: row wrap; justify-content: space-around; */ display:block; min-height:172px; position:relative;}
.header-nav.new-header-nav .flex-menu-style ul li a .inner {display:block; margin:0 auto;}

.header-nav.new-header-nav .flex-menu-style ul li a p {font-size: 13px; font-weight:normal; color:#fff; font-family:Verdana; font-weight:bold; text-transform:uppercase;}
.header-nav.new-header-nav .flex-menu-style ul li a p span {display:block;}

.header-nav.new-header-nav .flex-menu-style ul li a h3 {font-size: 13px; font-weight:normal; color:#fff; font-family:Verdana; font-weight:bold; text-transform:uppercase;}
.header-nav.new-header-nav .flex-menu-style ul li a h3 span {display:block;}
.header-nav.new-header-nav .flex-menu-style ul li a i.fa-caret-down {position:absolute; left:0; right:0; bottom:2px; text-align:center;}

.header-nav.new-header-nav .flex-menu-style ul li:nth-child(1) a .inner {padding-top:44px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(2) a .inner {padding-top:45px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(3) a .inner {padding-top:44px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(4) a .inner {padding-top:37px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(5) a .inner {padding-top:48px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(6) a .inner {padding-top:54px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(6) a .inner img {margin:0 auto;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(7) a .inner {padding-top:62px;}

.header-nav.new-header-nav .flex-menu-style ul li a:hover, .header-nav.new-header-nav .flex-menu-style ul li.result_hover a {background:#fff3c7;}
.header-nav.new-header-nav .flex-menu-style ul li a:hover h3, .header-nav.new-header-nav .flex-menu-style ul li.result_hover a h3 {color: #ff0000; }
.header-nav.new-header-nav .flex-menu-style ul li a:hover p, .header-nav.new-header-nav .flex-menu-style ul li.result_hover a p {color: #ff0000;} 
.header-nav.new-header-nav .flex-menu-style ul li a:hover i, .header-nav.new-header-nav .flex-menu-style ul li.result_hover a i {color:#FF0000;}

.header-nav.new-header-nav .flex-menu-style ul li:nth-child(1) a p {margin-left:-15px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(2) a p {margin-top:3px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(3) a p {margin-top:3px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(7) a p {margin-top:4px;}

.header-nav.new-header-nav .flex-menu-style ul li:nth-child(1) a h3 {margin-left:-15px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(2) a h3 {margin-top:3px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(3) a h3 {margin-top:3px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(7) a h3 {margin-top:4px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(5) {min-width:145px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(6) {min-width:110px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(7) {min-width:155px;}

.header-nav.new-header-nav .flex-menu-style ul li a .normal {display:block;}
.header-nav.new-header-nav .flex-menu-style ul li a:hover .normal {display:none;}
.header-nav.new-header-nav .flex-menu-style ul li a .hover {display:none;}
.header-nav.new-header-nav .flex-menu-style ul li a:hover .hover {display:block;}

.header-nav.new-header-nav .flex-menu-style ul li {position:relative;}
.header-nav.new-header-nav .flex-menu-style ul li ul {background:#ff9c05; padding:10px 15px; min-width:226px; border:none; border-radius:0; margin-top:0px; border-top:3px solid #fff; position:absolute; left:0; box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); list-style-type:none; z-index:1000; position:absolute; display:none;}
.header-nav.new-header-nav .flex-menu-style ul li:hover ul {display:block;}
.header-nav.new-header-nav .flex-menu-style ul li ul li {display:block; min-width:0; float:none;}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover a {cursor:default;}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover ul li a {cursor:pointer;}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover ul li a, .header-nav.new-header-nav .flex-menu-style ul li ul li a {min-height:0; display:block; padding:7px 0; color:#fff; font-size:14px; text-transform:capitalize; text-align:left; border-bottom:1px dotted rgba(255,255,255,.8); background:none; font-family:Verdana;}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover ul li a i, .header-nav.new-header-nav .flex-menu-style ul li ul li a i {color:#fff;}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover ul li a:hover i, .header-nav.new-header-nav .flex-menu-style ul li ul li a:hover i {
	color: #000000;
}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover ul li:last-child a, .header-nav.new-header-nav .flex-menu-style ul li ul li:last-child a {border-bottom:none;}
.header-nav.new-header-nav .flex-menu-style ul li.result_hover ul li a:hover, .header-nav.new-header-nav .flex-menu-style ul li ul li a:hover {
	background: none;
	color: #000000;
}

.nav-banner .banner.new-style-banner {width:auto; display:block; float:none;}
.nav-banner .banner.new-style-banner #myCarousel .nav {background:#ddd;}


@media only screen and (max-width:1199px) {
header .header-nav {height:178px;}
header .header-nav .logo {width:auto;}
.header-nav.new-header-nav .flex-nav-style .logo img {max-width:150px;}
.header-nav.new-header-nav .flex-menu-style ul li {min-width:115px;}
.header-nav.new-header-nav .flex-menu-style ul li:nth-child(5), .header-nav.new-header-nav .flex-menu-style ul li:nth-child(6), .header-nav.new-header-nav .flex-menu-style ul li:nth-child(7) {min-width:115px;}
.header-nav.new-header-nav .flex-menu-style ul li ul {right:0; left:auto;}

.header-nav.new-header-nav .flex-nav-style .logo a {padding-top:35px;}

}

@media only screen and (max-width:991px) {
.header-nav.new-header-nav .flex-menu-style {display:none;}
header .header-nav.new-header-nav {background: rgba(254,152,0,1);
background: -moz-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,152,0,1)), color-stop(100%, rgba(254,233,127,1)));
background: -webkit-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -o-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -ms-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: linear-gradient(to bottom, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9800', endColorstr='#fee97f', GradientType=0 ););
border-bottom:none;
}
header .header-nav.new-header-nav .logo img.desktop {display:none;}
header .header-nav.new-header-nav .logo img.mobile {display:block; width:auto; max-width:100%;}


}
/*********************New Top Nav Menu styles ends here***************************/

/*********************New Members Top Nav Menu styles starts here***************************/

.header-nav.members-new-header-nav .flex-nav-style {min-height:175px;} 
.header-nav.members-new-header-nav .flex-nav-style .logo {padding:0;}
.header-nav.members-new-header-nav .flex-nav-style .logo a {/*-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;display: -ms-flexbox;	display: -webkit-flex;	display: flex;*/ display:block; padding-top:9px;min-height:172px;}
.header-nav.members-new-header-nav .flex-nav-style .logo img {height:auto; width:auto;}
.header-nav.members-new-header-nav .flex-menu-style {display:inline-block; vertical-align:middle; float:right;}
.header-nav.members-new-header-nav .flex-menu-style ul {padding:0; list-style-type:none; text-align:right;}
.header-nav.members-new-header-nav .flex-menu-style ul li {display:inline-block; vertical-align:top; text-align:center; width:auto; min-width:135px;}
.header-nav.members-new-header-nav .flex-menu-style ul li a {/*-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;display: -ms-flexbox;	display: -webkit-flex;	display: flex;*/ display:block;min-height:172px; position:relative;}
.header-nav.members-new-header-nav .flex-menu-style ul li a .inner {display:block; margin:0 auto;}

.header-nav.members-new-header-nav .flex-menu-style ul li a p {font-size: 13px; font-weight:normal; color:#fff; font-family:Verdana; font-weight:bold; text-transform:uppercase;}
.header-nav.members-new-header-nav .flex-menu-style ul li a p span {display:block;}

.header-nav.members-new-header-nav .flex-menu-style ul li a h3 {font-size: 13px; font-weight:normal; color:#fff; font-family:Verdana; font-weight:bold; text-transform:uppercase;}
.header-nav.members-new-header-nav .flex-menu-style ul li a h3 span {display:block;}
.header-nav.members-new-header-nav .flex-menu-style ul li a i.fa-caret-down {position:absolute; left:0; right:0; bottom:2px; text-align:center;}

/*.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(1) a .inner {margin-top:30px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(2) a .inner {margin-top:17px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(3) a .inner {margin-top:16px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(4) a .inner {margin-top:23px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(5) a .inner {margin-top:34px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(7) a .inner {margin-top:37px;}*/

.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(1) a .inner {padding-top:44px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(2) a .inner {padding-top:45px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(3) a .inner {padding-top:44px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(4) a .inner {padding-top:37px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(5) a .inner {padding-top:48px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(6) a .inner {padding-top:54px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(6) a .inner img {margin:0 auto;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(7) a .inner {padding-top:62px;}

.header-nav.members-new-header-nav .flex-menu-style ul li a:hover, .header-nav.members-new-header-nav .flex-menu-style ul li.result_hover a {background:#fff3c7;}
.header-nav.members-new-header-nav .flex-menu-style ul li a:hover h3, .header-nav.members-new-header-nav .flex-menu-style ul li.result_hover a h3 {color: #ff0000; }
.header-nav.members-new-header-nav .flex-menu-style ul li a:hover p, .header-nav.members-new-header-nav .flex-menu-style ul li.result_hover a p {display:block; max-width:120px; margin:0 auto; color: #ff0000;} 
.header-nav.members-new-header-nav .flex-menu-style ul li a:hover i, .header-nav.members-new-header-nav .flex-menu-style ul li.result_hover a i {color:#FF0000;}

.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(1) a h3 {margin-left:-15px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(2) a h3 {margin-top:3px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(3) a h3 {margin-top:3px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(7) a h3 {margin-top:4px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(5) {min-width:145px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(6) {min-width:110px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(7) {min-width:155px;}

.header-nav.members-new-header-nav .flex-menu-style ul li a .normal {display:block;}
.header-nav.members-new-header-nav .flex-menu-style ul li a:hover .normal {display:none;}
.header-nav.members-new-header-nav .flex-menu-style ul li a .hover {display:none;}
.header-nav.members-new-header-nav .flex-menu-style ul li a:hover .hover {display:block;}

.header-nav.members-new-header-nav .flex-menu-style ul li {position:relative;}
.header-nav.members-new-header-nav .flex-menu-style ul li ul {background:#ff9c05; padding:10px 15px; min-width:226px; border:none; border-radius:0; margin-top:0px; border-top:3px solid #fff; position:absolute; left:0; box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); list-style-type:none; z-index:1000; position:absolute; display:none;}
.header-nav.members-new-header-nav .flex-menu-style ul li:hover ul {display:block;}
.header-nav.members-new-header-nav .flex-menu-style ul li ul li {display:block; min-width:0; float:none;}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover a {cursor:default;}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover ul li a {cursor:pointer;}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover ul li a, .header-nav.members-new-header-nav .flex-menu-style ul li ul li a {min-height:0; display:block; padding:7px 0; color:#fff; font-size:14px; text-transform:capitalize; text-align:left; border-bottom:1px dotted rgba(255,255,255,.8); background:none; font-family:Verdana;}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover ul li a i, .header-nav.members-new-header-nav .flex-menu-style ul li ul li a i {color:#fff;}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover ul li a:hover i, .header-nav.members-new-header-nav .flex-menu-style ul li ul li a:hover i {
	color: #000000;
}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover ul li:last-child a, .header-nav.members-new-header-nav .flex-menu-style ul li ul li:last-child a {border-bottom:none;}
.header-nav.members-new-header-nav .flex-menu-style ul li.result_hover ul li a:hover, .header-nav.members-new-header-nav .flex-menu-style ul li ul li a:hover {
	background: none;
	color: #000000;
}

.nav-banner .banner.new-style-banner {width:auto; display:block; float:none;}
.nav-banner .banner.new-style-banner #myCarousel .nav {background:#ddd;}

#explainer-video-div.desk-video {display:block;}
#explainer-video-div.mob-video {display:none;}


@media only screen and (max-width:1199px) {
header .header-nav {height:178px;}
header .header-nav .logo {width:auto;}
.header-nav.members-new-header-nav .flex-nav-style .logo img {max-width:150px;}
.header-nav.members-new-header-nav .flex-menu-style ul li {min-width:115px;}
.header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(5), .header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(6), .header-nav.members-new-header-nav .flex-menu-style ul li:nth-child(7) {min-width:115px;}
.header-nav.members-new-header-nav .flex-menu-style ul li ul {right:0; left:auto;}
.header-nav.members-new-header-nav .flex-nav-style .logo a {padding-top:35px;}
}

@media only screen and (max-width:1159px) {
#explainer-video-div.desk-video {display:none;}
#explainer-video-div.mob-video {display:block; float:none; margin-left:0; margin-bottom:30px;}
#explainer-video-div.mob-video iframe {width:100% !important;}
}

@media only screen and (max-width:991px) {
.header-nav.members-new-header-nav .flex-menu-style {display:none;}
header .header-nav.members-new-header-nav {background: rgba(254,152,0,1);
background: -moz-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,152,0,1)), color-stop(100%, rgba(254,233,127,1)));
background: -webkit-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -o-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: -ms-linear-gradient(top, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
background: linear-gradient(to bottom, rgba(254,152,0,1) 0%, rgba(254,233,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9800', endColorstr='#fee97f', GradientType=0 ););
border-bottom:none;
}
header .header-nav.members-new-header-nav .logo img.desktop {display:none;}
header .header-nav.members-new-header-nav .logo img.mobile {display:block; width:auto; max-width:100%;}


}
/*********************New Members Top Nav Menu styles ends here***************************/

/*********************Explainer video styles starts here***************************/
#explainer-video-div {
	float: right;
	margin-top: 30px;
	margin-left: 30px;
	text-align: center;
}


@media only screen and (max-width: 360px) {
#explainer-video-div.mob-video iframe {height:150px !important;}
}

/*********************Explainer video styles ends here***************************/


/*********************Songs video styles starts here***************************/

#songs-video-volume-1 {
	margin-bottom: 60px;
}
#songs-video-volume-1 h2 {
	font-size: 26px;
	color: #ff6600;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff6600;
}

#songs-video-volume-1 h3 {
	font-size: 22px;
	color: #ff6600;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#songs-video-volume-2 {
	margin-bottom: 60px;	
}
#songs-video-volume-2 h2 {
	font-size: 26px;
	color: #0080ff;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0080ff;
}

#songs-video-volume-2 h3 {
	font-size: 22px;
	color: #0080ff;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#songs-video-volume-3 {
	margin-bottom: 60px;	
}
#songs-video-volume-3 h2 {
	font-size: 26px;
	color: #e8047f;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e8047f;
}

#songs-video-volume-3 h3 {
	font-size: 22px;
	color: #e8047f;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#songs-video-volume-4 {
	margin-bottom: 60px;	
}
#songs-video-volume-4 h2 {
	font-size: 26px;
	color: #1d9420;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1d9420;
}

#songs-video-volume-4 h3 {
	font-size: 22px;
	color: #1d9420;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#songs-video-volume-5 {	
}
#songs-video-volume-5 h2 {
	font-size: 26px;
	color: #821cf9;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #821cf9;
}

#songs-video-volume-5 h3 {
	font-size: 22px;
	color: #821cf9;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#song-video-div {
	float: left;
	width: 48%;
}

#song-video-div2 {
	float: left;
	width: 48%;
	margin-left: 2%;
}

#song-video-div2 {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 12px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-thumb-wrapper img{
	height: auto;
	margin-bottom: 12px;
	max-width: 100%;
}



@media only screen and (max-width: 990px) {

}

@media only screen and (max-width: 720px) {
#song-video-div {
	width: 100%;
	margin-bottom: 20px;
}

#song-video-div2 {
	width: 100%;
	margin-left: 0;
}
}

.song-video-icons {
	margin-right: 20px;
}


/*********************Songs video styles ends here***************************/
#notes-padding-div {
	margin: 0px;
	padding: 0px;
}

#notes-padding-div h5 {
	margin-top: 0px;
	padding-top: 0px;
}
#free-song-wrapper {
	width: 75%;
}

@media only screen and (max-width: 1100px) {
#free-song-wrapper {
	width: 100%;
}
}


/*********************Desktop app styles starts here***************************/

#resources-container {

}
#resources-container img {
	padding: 2px;
	max-width: 100%;
	height: auto;
}
#resources-left-container {
	float: left;
	width: 40%;
}
#resources-right-container {
	float: right;
	width: 55%;
	padding-left: 0px;
}
.video-border {
	padding: 1px;
	border: 1px solid #CCC;
	width: 631px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1280px) {
#resources-left-container {
	float: left;
	width: 100%;	
}	
#resources-right-container {
	float: left;
	width: 100%;
	padding-left: 0px;
}	
}


@media screen and (max-width: 660px) {
#resources-left-container {
	float: left;
	width: 100%;	
}	
#resources-right-container {
	float: left;
	width: 100%;
    height: auto;
	padding-left: 0px;
}
.video-border {
	padding: 1px;
	border: none;
	width: 100%;
	margin-bottom: 20px;
}	
}

.app-video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.app-video {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	padding: 1px;
	border: 1px solid #CCC;
}



/*********************Desktop app styles starts here***************************/