.days14 {padding-left:270px !important}
.days15 {padding-left:270px !important}
.days22 {padding-left:108px !important}
.days26 {padding-left:86px !important}
.days27 {padding-left:75px !important}
.days30 {padding-left:27px !important}

/* CSS Document xx */
a {text-decoration: underline;    color: #00aded;    font-size: 20px;    margin-top: 5px;    font-weight: bold;}
	#carousel a, .snippetTable a {font-size:14px}
	#left, #right, #leftMap, #rightMap, #leftDiscuss, #rightDiscuss {margin-top:0}
	#cms a {font-weight:400; margin-top:0; color:#000;  font-size:14px}
	#cms menuItem a {color:#fff; font-size:30px}
	#left, #right {margin-top:0}

#cms a {font-weight:400; margin-top:0; color:#000;  font-size:14px}
#cms menuItem a {color:#fff; font-size:30px}

* {margin: 0;}
html, body {height: 100%;}

#container {margin: 0 auto; padding-bottom:30px}
	#container:lastChild {margin-bottom:30px} 
#contentPage #container, #cms #container  {min-height: 100%; margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */}
#contentPage footer, #contentPage .push, #cms footer, #cms .push {height: 200px; /* .push must be the same height as .footer */}

	#headerContainer header {margin: 0 auto; padding-bottom:0px;width:1025px;}

html {overflow-y:scroll; font-family:'Open Sans', tahoma}
html, body {height:100%; margin:0; padding:0;}
body {background:url(../images/headerBk.png) repeat-x top left}

#container {width:1025px;}
header {height:89px; width:100%; position:relative}
.primaryBranding {margin:0; padding:0}

.level1 {position:absolute; top:27px; right:191px}
	menuItem {display:block; float:left; font-size:30px; font-family:'Yanone Kaffeesatz', tahoma; -webkit-font-smoothing: antialiased; font-weight:700; font-weight:bold; color:#fff; cursor:pointer; white-space:nowrap;padding:0 11px}
	menuItem a, menuItem a.openLink {color:#fff; text-decoration:none; font-size:30px; padding:10px 0}
	.selected {color:#00aded}
	nav.level1 menuItem menuItem a{font-weight:400; display:block; margin-top:0}

.headerMenu {position:absolute; right:0; top:30px}	
	.headerMenu, .headerMenu a {color:#00aded; font-size:14px; text-decoration:none; font-weight:400}
	.headerMenu a {font-weight:bold}

.level2 {width:260px; position:absolute; background-color:#464646; color:#00aded; margin-left:0}
	.level2 menuItem {border-top:1px solid #00aded; width:260px}
	.level2 menuItem a{font-size:25px; color:#00aded; padding:10px 8px 5px 5px;}
menuItem nav {display:none}
	nav menuItem:hover nav {display:block; z-index:999}
	nav menuItem menuItem:hover a {color:#fff!important}
.lastMenu {right:0}



#carousel {clear:both; padding-top:3px}

#dayList {text-align:center; margin:0 auto; padding:0 3px 10px 3px; overflow:hidden; width:1024px; background-color:#00aded}

#dayList menuItem {font-family:'Open Sans', tahoma; font-weight:bold; padding:1px 6px;;  color:#464646; font-weight:bold;float:left; text-align:center;border-radius: 5px; border:none; display:block; font-size:16px; background-color:#fff; margin:3px 2px; display:block}

#dayList menuItem a {color:#464646; display:block; padding:0; font-size:16px; margin-top:0}

#dayList .selected {background-color:#5d5d5f;}
	
	#dayList menuItem.inactive {opacity:0.5; display:block; padding:1px 6px;}	
		#dayList menuItem.active {padding:0}	
		#dayList menuItem.active a {padding:1px 6px;}	
	
		#dayList .selected a{color:#fff}
.cover {width:auto; margin:0 auto; height:auto}


#liveMenu {padding:0; font-size:30px; position:absolute; top:-2px; left:155px}
#liveMenu menuItem {color:#58585a; padding:2px 9px; margin:0 20px; border-radius:5px; font-size:30px;}
	#liveMenu menuItem.selected {background-color:#e1e1e1}
			#liveMenu menuItem.selected span {}
	#liveMenu menuItem {padding-top: 7px;}

#pageCounter {text-align: center; margin:10px auto; height: 20px; clear: both; display: inline-block; width:auto}		
	#pageCounter span {height:5px; text-align:center;margin:0 auto; display:block; width:15px; float:left;padding:0; margin:0 5px;background-color:#E5E5E5;border-radius: 50%; width: 16px; height: 16px;cursor:pointer}	
	#pageCounter span.selected {background-color:#4E4E4E}	
		
.main {margin-top:37px; padding:0 0 20px 0; position:relative;}	
	.main main {padding:0}
.mainImg {border:10px solid #e6e6e6; width:420px; height:320px}

.daySummary {padding:0; margin:50px 0 0 0;}
	.daySummary li {font-size:13px; padding:25px 10px 0 51px; margin:0 0 20px 0; list-style:none; width:209px; float:left; min-height:44px}
	      .question {background:url(../images/question2.png) no-repeat top left}
          .word {background:url(../images/word2.png) no-repeat top left}
          .weather {background:url(../images/weather2.png) no-repeat top left}
          .learn {background:url(../images/learn2.png) no-repeat top left}
	
	
.footerContainer {clear:both; background-color:#00aded; min-height:200px; }	
	footer {margin:0 auto; width:1023px; position:relative;font-family:'Open Sans', tahoma; padding-top:10px}	
		footer label {font-size:13px; padding:5px 0 0 0; font-weight:800; width:50px; display:block; float:left; clear:both}
		footer a {text-decoration:none; color:#000; font-size:12px; font-weight:400}
	.separator {padding:0 10px}
	
h1 {text-align:left; font-size:20px; font-weight:800; margin:5px 0 4px 0; color:#00aded; font-family:'Open Sans', tahoma}
h2 {text-align:left; font-size:45px; font-family:'PT Sans Narrow', tahoma; color:#58585a}	
h3 {font-size:16px;  color:#58585a}
	#contentPage h2 {margin:46px 0 20px 0}
	#carouselContainer h2 {margin-top:20px}
	#contentPage h3 {margin-bottom:10px}
	#contentPage h4 {font-size:22px; font-weight:bold; font-family:'Open Sans', tahoma; color:#838e99; margin-bottom:10px}
	

.interactiveContainer {position:relative;float:right; width:570px;}

#carouselContainer {margin:60px 0 0 0; overflow:hidden}

#carousel article {display:block; padding:0; float:left; font-family:'Open Sans', tahoma; font-size:14px; }
.snippetImage {float:left; position:relative; text-align:center}

.mainImage {width:300px; margin:0 10px 0 0; border-radius:10px}
.multipleSelector {padding-top:10px; display:block;  width:68px; margin:0 auto}

#left.inactive, #right.inactive {cursor:text; opacity:0.3;}

#left, #right {}

.contentImage {float:right; margin-left:40px; margin-bottom:40px}
.contentText {position:relative; z-index:3; width:573px; float:left; padding-bottom:30px}

.contentLessons {float:left; width:874px; padding-left:20px; padding-bottom:30px}

.lesson {width:260px; color:#fff; float:left; margin-right:23px; margin-bottom:30px}
	.lessonTitle {font-size:25px; font-family: 'PT Sans Narrow', tahoma; padding:8px 5px 3px 15px}
	.lessonDetails {font-size:15px; padding: 0 5px 9px 15px; font-weight:400}
	.lessonSubject {font-size:20px; padding:5px; font-family: 'PT Sans Narrow', tahoma; padding:3px 5px 10px 15px}

	.geography {background-color:#50afef;}
	.science {background:url(../images/filterBk.png)}
	.english {background-color:#8ec63d}
	
	.search {padding:20px}
/* GLOBALS */

*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0}	

ul {margin: 0 0 20px 30px; font-size: 13px;}
ul li {padding: 2px 0;}

ul.form {margin:0}

p {margin:0 0 20px 0; line-height:24px; font-size:13px;}
	article p {text-align:justify; margin-bottom:10px}
			
#left img, #right img, #leftMap img, #rightMap img, #leftDiscuss img, #rightDiscuss img {cursor:pointer}

.cover menuItem {cursor:text}
.cover menuItem.active {cursor:pointer}

.audioImg {display:block; width:363px; text-align:center; margin:10px auto 0; cursor:pointer}
.caption {text-align:center; }

#audioPlayer {display:block; width:300px; margin:20px auto 15px auto; text-align:center;}

label.Science, label.Geography, label.English {background-color:transparent; color:#000}

.subjectFilter h4, .yearFilter h4 {padding:0 0 5px 0}

#discussions {padding-left:0;}
#discussions h3 {color:#fcca32; font-size:18px; margin:20px 0 0 0}
#discussions a {color:#232323}

.summaryContainer {width:419px; float:left}
.mainImgMob {display:none; margin:0 auto}
.mobileMenu {display:none}

.supporters {margin:0; padding:0; font-size:13px}
	.supporters li {list-style:none; margin:25px 0}
	

.doPost {cursor:pointer}

.success {padding:5px; border-radius: 8px; background-color:#5cb85c; color:#fff}
.fail {padding:5px; border-radius: 8px; background-color:#d9534f; color:#fff; display:none; margin-top:20px;}
	


.signUp input {padding:3px}
.signUp label.error {margin-left:0; width:400px; font-size:12px}

/* modal */

.modalDialog > div, .modalDialogEdit > div {width: 446px;height:327px; position: relative; margin: 10% auto;	padding: 40px 20px 13px 45px;background-color: #fff; position:relative}

#homePage .modalDialog h3, #contentPage .modalDialog h3 {color:#555557; padding-bottom:25px; font-size: 37px; font-family: 'PT Sans Narrow', tahoma; margin:0}

.modalDialog input {width:239px; border:1px solid #c7c7c7; background-color:#fff !important; padding:3px 3px; margin-bottom:5px}

.closeLink {color:#606061;	line-height: 25px;	position: absolute;	right: 0;	text-align: center;	top: 0px;	width: 24px;	text-decoration: none;
font-weight: bold;margin:0}
.closeLink:hover { background: #606061; color:#fff }
.openLink {font-size:12px; color:#0000ee}
.closeLink, .openLink {cursor:pointer}
.editLink, .deleteLink {color:#0000ee; cursor:pointer; text-decoration:none}
.modalDialog, .modalDialogEdit {	position: fixed; top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.6);	z-index: 99999;	opacity:0;	pointer-events: none;}
.open {opacity:1;	pointer-events: auto; transition: opacity 400ms ease-in;}

.buttonContainer {text-align:center; text-decoration:none;}
	.buttonContainer a {text-decoration:none}
.updateSnippetButton, .saveButton, .cancelButton {font-size:12px; border:none;width:47px; background-color:#448ccb; padding:5px; border-radius:5px; color:#fff; cursor:pointer; font-family:arial; font-size:12px}
	.saveButton, cencelButton {margin:10px}
	.updateSnippetButton {width:40px; margin: 0 auto}
#openModal label {display:inline-block; width:105px; padding:5px 7px 5px 0; font-size:14px; text-align:right}
#openModal p {font-size:14px; }
.noAccount {font-size:14px;padding-bottom:10px; font-size:12px}
.forgotton {font-size:14px; color:#00aded; position:absolute; top:208px; left:49px}
.headerMenu .headerLoggin {cursor:pointer; font-weight:400; background-color:#00aded; color:#fff; padding:4px 8px}
	.headerMenu .headerLoggin:hover {}


.signUp label {display:inline-block; width:160px; padding:5px 0}
.signUp {color:#5a5a5c; font-weight:bold; text-decoration:none; }
.noAccount {position:absolute; top:265px; left:49px}
.courseLink {text-decoration:underline; color:#00aded; font-size:20px;margin-top:5px; font-weight:bold}
	.courseLink:hover {text-decoration:none; }

ol {font-size:13px; padding-left:40px; padding-bottom:15px}
	ol li {padding:5px 0}


/* Home Page */

.imageContainer {position:absolute; top:89px; left:0; width:100%}
	

#homePage h2 {color:#fff; font-size:54px; margin-top:0; padding:0; position:relative; margin-top:-15px}
#homePage h3 {color:#00aded; font-size:37px; line-height:33px; font-family: 'PT Sans Narrow', tahoma; padding:10px 0}
#homePage p {font-size:15px}
.homePageLink {margin-bottom:10px}

#homePage .homepageContent a {color:#00aded; font-style:italic; font-weight:600; text-decoration:none; font-size:18px; font-family: 'Open Sans', sans-serif}

.programContainer{min-height: 700px; width: 100%; height: auto;}
.homepageContent {padding-top: 170px; color: #fff; width: 1024px; margin: 0 auto;}
.content2 .homepageContent {padding-top:130px}
.pastExpeditions .homepageContent {padding-top:90px}

.columnWidth2 {text-shadow: 1px 1px #000;}

.pastExpeditions  {background:#000 url(../images/homepage-tile1600-06.jpg) top center no-repeat; min-height:505px}
	 
.columnWidth1 {width:574px; float:left}
.columnWidth2 {width:450px; float:left; }

#homePage .nepalContent, #homePage .worldHeritageContent, #homePage .mariaIslandContent {text-shadow: 1px 1px #000;}

.contrast {padding:15px; background-image:url(../images/trans.png)}

.sponsers img {display:block; float:left; margin-right:28px}
	.sponsers {margin:8px 0 20px 0}
	.sponsers .sponsers {padding-top:0}



.footerContainer input {width:194px; height:26px}
.footerLogin {float:left}
/* temp knockout */
	.footerLogin div span {display:inline}
.footerTwitter {width:341px; float:left; text-align:center;display:none}
.footerLogo {float:right; text-align:right}

.copyright {font-size:12px; position:relative;}
.twitter {font-size:20px; position:relative; top:12px}
.loginButton {background-color:#000000; color:#fff; padding:4px 35px; margin-right:5px;margin-top:5px; font-size:12px}


.unorderedList {margin:0 0  20px 30px; font-size: 13px;}
	.unorderedList li {padding:2px 0}

.italic {font-style:italic}

.imageSideBar {float:right; width:360px; margin-left:40px}
.contentImageSideBar {float:right; width:499px; margin-left:10px}

.imageSideBar img, .contentImageSideBar img {padding-left:0 !important}
.imageSideBar span, .contentImageSideBar span {font-size:12px; margin-top:0; margin-bottom:40px; display:block}

.courseContent {margin-left:170px}
/*.searchPanel {background:url(images/filterBk.png) repeat-y 0px -20px; position:absolute; top:0; left:0}*/
.searchPanel {width:160px; margin-right:10px; min-height:640px; float:left; height:100%; padding:7px 0 0 20px}
.sortContainer {color: #58585a;; font-family: 'PT Sans Narrow', tahoma; font-size:25px; width:210px; margin:-60px 0 15px 0; float:right}

.learnTitle {padding-left:175px}
    .learnCourses {margin-left:175px}

.learn a {font-size:13px}

.partnersLink {font-size:14px}
.supportUTAS {background:url(../images/partner_UTAS.png) no-repeat; padding:0 0 0 210px; width:700px; height: 110px}
.supportPennicott {background:url(../images/partner_pennicott.png) no-repeat; padding:0 0 0 210px; width:700px; height: 110px}
.supportNIE {background:url(../images/partner_NIE.png) no-repeat; padding:20px 0 0 210px; width:700px; height: 110px}
.supportIMAS {background:url(../images/partner_IMAS.png) no-repeat; padding:25px 0 0 210px; width:700px; height: 155px}
.supportSTS {background:url(../images/partner_STS.png) no-repeat; padding:10px 0 0 210px; width:700px; height: 110px}
.partnersLink {color:#3a9db4; padding:12px 0; display:block}

.row {width:100%}
.fifty {width:50%; box-sizing: border-box; float:left; padding: 0 30px 0 0}

/*for greater than 1600px */
@media screen and (min-width: 1600px) {
		.homeImg {background-size:100% auto !important; }
		.programContainer {background-size: 100% auto !important;}
}

/*for less than 1024px + scrollbar */
@media screen and (max-width: 1044px) 
{
	.days14, .days22, .days27 {padding-left:0 !important}

	#headerContainer header {width:100%}

	.content {padding:0 15px;}
	.courseContent {margin-left:0; padding-top:50px}
	.searchPanel div {width:auto; float:left; padding-right:15px}
	.sortContainer {margin:0 0 20px 0; float:none}

	.mainImgMob {display:block}
	.youTube {display:none}
	.main {padding:8px 5px 0 5px; margin-top:0}
	.primaryBranding {margin-left:5px; display:block; clear:both; margin-top:0px}
	.headerMenu {margin-right:5px}
	#container {width:100%}
	.interactiveContainer {float:none; margin:0 auto;width:100%;}
	#carouselContainer {padding-top:0px; margin-top:10px}
	.footerContainer {height:auto}
	footer {width:100%}
	.summaryContainer  {float:none !important; margin:0 auto; width:100%; text-align:center}
	#liveMenu {width:305px; margin:0 auto; position:static; height:35px}
	body {background:none}

	.brandingContainer {background-color:#464646; padding:21px 0}
	.primaryBranding {top:-8px; left:10px; position:relative}

	 header {height:140px}
	 	.level1 {display:none;}	
			
	 header.open {height: 280px;}
	 	.open .level1 {position:static; display:block;}
	 	.mobileMenuButton {cursor:pointer}

	 
	.level1 {margin-top:0}
		.level1 menuItem {font-size:28px;float:none; background-color:#ccc; border-bottom:1px solid #aaa; padding:0}	 
			.level1 menuItem  a {display:block; padding-left:8px; margin-top:0}
			.level1 menuItem:hover nav {display:none;}
			.level1 menuItem:hover {background-color:#6E6E6E}

	#dayList {background-color:#00aded; margin:0; width:auto; height:auto}	
	
	.cover {text-align: center; margin: 0; padding: 0;}
	
	.headerMenu {top:10px; color:#464646}
	.headerMenu a {color:#464646}
	.daySummary li {text-align:left}
	#dayList menuItem {margin:5px}
	#liveMenu {width:230px; margin-top:5px}
	#liveMenu menuItem {padding:2px 3px; font-size:25px; margin:0 10px}
	#left, #right {top:-3px !important}
	
	.mobileMenu {height:39px; font-family: 'Yanone Kaffeesatz', tahoma; display:block; font-size:22px; color:#464646; background-color:#00aded}
		.mobileMenu  img {margin:10px 0 0 10px;  -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
		.mobileMenu  span {margin-left:7px; -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none; }
		.level1 menuItem a {color:#464646; background-color:#00aded}
		.level1 menuItem a:hover {color:#fff; background-color:#6e6e6e}

	.imageContainer {top:140px !important;}
		.imageContainer.open {top:280px !important;}
	.homeImg { min-height: 510px;  height: 510px; background-position:bottom left}
	
	/* Homepage */
	
	.homepageContent, .content2 .homepageContent {width:290px; margin:0 auto; padding-top:50px; height:510px}
		 	.pastExpeditions .homepageContent {width:240px;}
		
	#homePage h2 {font-size:30px; margin-top:0}
		#homePage .content2 h2 {font-size:29px} 
	#homePage h3 {font-size:23px;}
	#homePage p {font-size:13px; line-height:19px; margin-bottom:10px}
	#homePage .homepageContent a {font-size:13px;}
	 
	#homePage .columnWidth1 {display:none}
	.columnWidth1, .columnWidth2 {width:auto !important; height:auto}
		.columnWidth2 {float:none; padding: 15px; background-image: url(../images/trans.png);}
	
	.video, .homePageImg {display:none}
	
	
	.programContainer {height:510px; min-height:510px}
		.pastExpeditions {height:auto; min-height:510px}
		.pastExpeditions .homepageContent {height:auto; min-height:auto; padding:20px 0}
	
	.footerLogin {text-align:center; width:100%; float:none}	
	.footerTwitter {text-align:center; padding:20px 0 5px 0; width:100%}
	.footerLogo {clear:both; text-align:center; width:100%; float:none}
	
	#subscribe {width:340px; margin:10px auto; text-align:center}
	.loginButton {margin:10px auto; text-align:center}
	
	.sponsers {padding-top:5px; width:100% !important}
	.sponsers img {display:block; margin:20px auto; float:none; width:auto !important}

	.contentImage {float:left; width:400px; height:auto; padding:0; margin:0 20px 0 0}
	.contentText {width:100%; float:left}

	#contentPage #container, #cms #container {height:auto; min-height:100px}
	
	.sidebar, .disqussContainer {float:none !important; width:100% !important}
	
}

@media screen and (max-width: 720px) {
	.imageSideBar, .contentImageSideBar {float:none; margin:0px 0 15px 0}
	.contentImageSideBar {width:auto}
	.contentImage {float:none;}
	#contentPage h2 {margin-top:20px}
	.content {background:none !important}
}

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

	h2, .boardName {font-size:30px !important}
	.mainImg {width:100%; height:auto}
	
	.mainImgMob {width:100%; }
	.contentImage {width:100%; height:auto; margin:0; margin-bottom:10px}
	
	.contentImageSideBar {float:none}
	.contentImageSideBar .contentImage {width:100%; height:auto; margin:0; margin-bottom:10px}
	
	.modalDialog > div, .modalDialogEdit > div {width: 320px;height:327px; position: relative; margin: 0 auto;	padding: 40px 20px 13px 45px;background-color: #fff; position:relative}
	.modalDialog input {width:239px; border:1px solid #c7c7c7; background-color:#fff !important; padding:3px 3px; margin-bottom:5px}

	#homePage .modalDialog h3, #contentPage .modalDialog h3 {padding-bottom:10px; font-size:20px}
	#openModal label {text-align:left}
	.forgotton {top:245px}
	.noAccount {top:285px}
	.logginButton {top:201px !important; left:197px !important}
}

@media screen and (max-width: 385px) {
	header {height:auto}
	.primaryBranding {width:90%; height:auto; position:static; margin:0 5%; padding:0 0 10px 0}
	.bookendLogo {width:100%; height:auto}
	#subscribe {width:100%}
}

@media screen and (max-width: 800px) {
	.learnTitle {padding-left:0}
    .learnCourses {margin-left:0}
	.searchPanel {display:none}
}