@font-face {
    font-family: SakalBharti_font;
    src: url('SakalBharti.eot');
    src: local(SakalBharti_font), url('fonts/SakalBharti.ttf') format('opentype');
}

html, body, *{ 
	font-family:SakalBharti_font;
box-sizing:border-box; }
/*html, body{ height:100%; }
body { border:solid 40px #000; border-bottom:none; }*/
/*html { height: 100%; }
body { min-height: 100%; }
body{ border:solid 40px #000;  padding:40px; background:#fff; height:100%; }*/
body{ font-weight:600; }
#outer-page{ width:100%; border:solid 40px #000; border-bottom:none; position:relative; }
#page{  padding:20px; margin:0 auto; max-width:740px; }
img{ max-width:100%; }
a:focus{ background-color:#8CB1DF; }

/*.image{ max-width:100%; height:400px; overflow:hidden; }*/
.image{ width:85%; }
.image img{ z-index:10; }
.content{ text-align:left; padding:20px 0; font-size:28px; line-height:2; }
.content .sentence .start,
.content .sentence .end{ width:12px; height:12px; border-radius:6px; display:inline-block; vertical-align:middle; margin:0 8px 5px 8px; }
.content .sentence .start{ background-color:#149D38; }
.content .sentence .end{ background-color:#FF0000; }

.content .flashcard{ /*display:inline-block; background:#000; color:#ffff00; padding:0 5px;*/ }

nav { width:100%; position:absolute; left:0; bottom: -40px; line-height:40px; height:40px; /*overflow:hidden;*/ background:black;  }
nav div{ width:30%; /*font-size:60px;*/ }
nav div img{ max-height:70%; vertical-align:middle; }
nav div.previous{ float: left; }
nav div.next{ float: right; text-align:right; }
nav div a{ display:block; text-decoration:none; }
nav div a,
nav div a:hover,
nav div a:active,
nav div a:visited{ color:#fff;  }
nav div.pagenumber{ float:left; width:40%; text-align:center; font-size:20px; color:#fff; }
nav .filler{ width: 40px; height:40px; position:absolute; background:#000;  }
nav .filler.left{ left:-40px; }
nav .filler.right{ right:-40px; }
nav:before,nav:after{ content:' '; background:#000; width:40px; height:40px; position:absolute; }
nav:before{ left:-40px; }
nav:after{ right:-40px; }

@media only screen 
  and (max-height: 700px){
	html, body{ min-height:100%; }
	body { border:solid 40px #000; border-bottom:none; }
	#outer-page{ border:none; padding-bottom:40px; min-height:660px; }
	nav{ position:fixed; bottom: 0; padding:0 40px;}
	nav .filler{ display:none; }
}


.yellowbox{ background:#FEECC1; padding:5px 10px; }
.lightyellowbox{ background:#FEF3DB;padding:5px 10px; border:solid 1px #D1C5AA; }
.aligncenter{ text-align:center; }
img.aligncenter{ margin:5px auto; }

.backcover p.aligncenter{ font-size:12px; }

.pagenum{ background-image:url(images/pagenum.png); width:25px; height:25px; background-repeat:no-repeat; background-size:100%; text-align:center; line-height:2; font-size:13px; margin-top:-16px; z-index:100; position:relative; }
.pagenum.left{ margin-left:8%; }
.pagenum.right{ margin-left:90%; }

.page01 .image div{ font-size:30px; }
.page01 .image div span{ margin-left:140px; display:inline-block; }

.message{ font-size:26px; text-align:center; }

.accessibilities{ text-align:center; }
.accessibility{ text-align:center; margin:0 25px 10px; display:inline-block; }
.accessibility a{ display:inline-block; margin:5px; /*border:solid 1px #ccc; padding:5px; font-size:12px;*/ text-decoration:none; }
.accessibility a img{ max-height:40px; }
/*.accessibility a.changeregular{ background-color:#fff; }
.accessibility a.changecream{ background-color:#ffe5cb; }
.accessibility a.changeblack{ background-color:#000; color:#fff; }*/

.accessibility.visual a{ margin:5px 10px; }
body.zoom1{ zoom:1; }
body.zoom11{ zoom:1.1; }
body.zoom12{ zoom:1.2; }
body.zoom13{ zoom:1.3; }

body.cream{ background-color:#ffe5cb; }
body.black{ background-color:#000; color:#fff; }
body.black .pagenum{ color:#000; }
body.black .yellowbox{ color:#000; }
body.black .content a,
body.black .image a{ color:#fff; }

body.ny{ background-color:#ffff00; color:#000080 }
body.ny a{ color:#000080; }
body.yb{ background-color:#000000; color:#ffff00; }
body.yb a{ color:#ffff00; }
body.yb .yellowbox,
body.yb .lightyellowbox{ background:#000; }

.sign a{ display:inline-block; width:48%; margin:100px .5%; text-align:center; vertical-align:top; }
.videos .sign a{ width:31%; }

.teachernotesicon #page{ text-align:center; }

.frontinner,
.teachernotes{ font-weight:normal;  }
.teachernotes{ background:url(images/teacherswall.jpg); background-size:100%; }
.teachernotes p,
.teachernotes li{ text-align:justify; }
.teachernotesenglish01{ line-height:1.5 }
.teachernotesenglish01 li{ margin:10px 0; }
.teachernotes #page h3{ text-align:center; }


.videos a.home-t-icon{ position:absolute; top:10px; right:10px; margin:0; width:150px; font-size:10px; }