div.c {
    text-align: right;
}div.c {
    text-align: right;
}div.c {
    text-align: right;
} div.c {
    text-align: right;
} 
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
IMG.close {
 opacity: 0.7;}

* {
	margin: 0;
	padding: 0;
}

.becenter {
    padding: 140px 0;
    border: none;
    text-align: center;
}


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


#container {
    position:relative;
}

#img1 {
    position: absolute;
    top: 1250px;
	left: 2450px;
	right: 0 }

#img2 {
    position: absolute;
    top: 85px;
	left: 1535px;
	right: 0 }

#img3 {
    position: absolute;
    top: 716.5px;
	left: 2152px;
	right: 0 }

#img4 {
    position: absolute;
    top: 127px;
	left: 2145px;
	right: 0 }

#img5 {
    position: absolute;
    top: 1772px;
	left: 373px;
	right: 0 }
#img6 {
    position: absolute;
    top: 1900px;
	left: 1390px;
	right: 0 }

#lesson4-water {position: absolute;
    top: 199px;
	left: 447px;
	right: 0 
}

#lesson4-mirror {position: absolute;
    top: 1648px;
	left: 348px;
	right: 0 
}
#lesson5-there {position: absolute;
    top: 682px;
	left: 425px;
	right: 0 
}
#lesson5-mon {position: absolute;
    top: 180px;
	left: 1180px;
	right: 0 
}
#lesson5-mr {position: absolute;
    top: 1470px;
	left: 1870px;
	right: 0 
}

#lesson6-my {position: absolute;
    top: 585px;
	left: 348px;
	right: 0 
}
#lesson6-fox {position: absolute;
    top: 920px;
	left: 348px;
	right: 0 
}
#lesson6-paris {position: absolute;
    top: 1600px;
	left: 1410px;
	right: 0 
}
#lesson7-jane {position: absolute;
    top: 2186px;
	left: 718px;
	right: 0 
}
#lesson7-at {position: absolute;
    top: 2187px;
	left: 1175px;
	right: 0 
}

#lesson7-co {position: absolute;
    top: 1850px;
	left: 430px;
	right: 0 
}

#lesson7-old {position: absolute;
    top: 698px;
	left: 2380px;
	right: 0 
}


div{
  clear:both;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

mark { 
    background-color: #abd5ff;
    color: #666;
}

p.indent{ padding-left: 60px}

p.indent2{
	padding-left: 290px;
	
}
p.indent3{
	padding-left: 377.5px;
	
}
p.indent4{
	padding-left: 500px;
	
}

p.right{
	text-align: right;
	padding-right: 500px;}


h1 {  font-language-override: 'en', 'ko-KR';
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;

}

body { font-language-override: 'en', 'ko-KR';
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #666; }
a:active { text-decoration: underline; color: #666; }
a:visited { text-decoration: none; color: #666; }
a:hover {
	text-decoration: underline;
	text-align: center;
}

a img { border: none; }


/* navbar=top menu bar */

body {margin:auto;
text-align: center;}



.navbar { 
  background-color: white;
  position: fixed;
  top: 0;
  padding: 16px 50px 16px 25px;
  width: 100%;	
}

.navbar a {

  padding: 16px 50px 16px 0px;
}



.topnav-right {
 
}






#menu {
    width: 220px;
    overflow: hidden;
    top: 60px;
    bottom: 0;
	left: 3;
    position: fixed;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin:  0 25px 0;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 325px;
    top: 0;
}

#img-container p	{

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 16px;
		font-weight: normal;
	
}

#once { clear: left; }


img.top {
    vertical-align: text-top;
}

img.bottom {
    vertical-align: text-bottom;
}

nav.site_menu a {
  text-decoration: none;
  color: #666;
}

body.contact a.current {
 
  text-decoration: underline;
  color: black;
}




/*post it*/
section { margin: 227px 20px 60px; }
#section_wrap { width: 100%; line-height: 1.3em; }
#section_wrap.program article { display: none; }
#section_wrap.calendar { margin-left: 25%; width: 75%; line-height: 1em; }
#section_wrap.category.notice .list { border-bottom: 1px solid #000; margin-bottom: 1em; padding-bottom: 1em; }
#sticker_wrap { top: 4%; left: 0; width: 100%;}
#stickers { top:130px !important;height: 0px !important;}
#drag_area { position: auto; margin: 20 0 0 200; height: 100% !important;}
#sticker_wrap .sticker { position: absolute; padding: 5px 5px 8px 8px;border: 0px solid none; background-color: #f1c534; cursor: none; font-size: 15px; text-align: left; opacity: 0.7;}
#sticker_wrap .sticker a { font-weight: normal; }
#sticker_wrap .sticker.notice { background-color: #f1c534;}
#sticker_wrap .sticker.red { background-color: #f1c534; }
#sticker_wrap .sticker.yellow { background-color: #f1c534; }
#sticker_wrap .sticker.aqua { background-color: #f1c534; }
#sticker_wrap .sticker.green { background-color: #f1c534; }
#sticker_wrap .sticker.blue { background-color: #f1c534; }
#sticker_wrap .sticker.orenge { background-color: #f1c534; }
#sticker_wrap .sticker.gray { background-color: #f1c534; }
#sticker_wrap .sticker.violet { background-color: #f1c534; }
#sticker_wrap .sticker.very { color: #f1c534; }
#sticker_wrap .sticker a.close { display: block; position: absolute; top: 0; right: 0; width: 18px; height: 18px; }
#sticker_wrap .sticker a.close img { display: block; width: 18px; height: 18px; }



/*button*/
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:none;background-color:none;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   


.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:none!important}
		

/*lesson dropdown bar*/



/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
 font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;
    font-size: 16px;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    outline: none;
}


}

/* Main content */
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
	
}


/* container align*/
.dropdown-container {
    display: none;
    padding-left: 112px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 16px;}
}