@charset "utf-8";
/* CSS Document */

body {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	background-color: #ebebeb;
}

p {margin:5px 0;}


.clr {
	clear:both;
}
/*table main layout*/

.container  {
	background-color:#FFF;
	width:900px;
	margin:0 auto;
	border:0;
	border-spacing:0;
	padding: 0 0 20px 0;

}

/*cover*/
.cover {
	background-color:#FFF;
	width:900px;
	height:1270px;
	margin:0 auto;
	border:0;
	border-spacing:0;
	font-size:24px;
}
.p0a { background-image:url(images/bg/00_cover.jpg);
background-repeat: no-repeat;}
.p0b {
	background-image: url(images/bg/00_insidef.jpg);
	font-size: 12px;
	/* [disabled]margin: 0 auto; */
}
.logos { padding:20px 90px;
		 background-color:#fff; border-style:solid; border-color:#fff; border-top-color:#ec0677; border-bottom-color:#f68712; 
		 height:150px;}
.pheight { height:1200px;}
.hheight { height:500px;}
.lheight { height:1600px;}
.height100 {height:100%;}


.contents { text-align:right; font-size:16px;}
.index { text-align:left; padding-left:10px; font-size:16px;}

.bg_wh { background-color:#fff; }
.bg_00 { background-color:#FEFCE7; }
.bg_01 { background-color:#FCDED1; }
.bg_02 { background-color:#DDF3FA; }
.bg_03 { background-color:#E0EBD2; }
.bg_04 { background-color:#EDDED4; }
.bg_05 { background-color:#D0EAD7; }
.bg_06 { background-color:#FCDFE5; }
.bg_07 { background-color:#f6f1e5; }
.bg_08 { background-color:#fff7ee; }
.bg_09 { background-color:#edf0f9; }
.bg_10 { background-color:#e9e3f1; }

.les_01 { background:#ED1D30;  }
.les_02 { background:#00b8de;  }
.les_03 { background:#7aad37; }
.les_04 { background:#9e4b3e; }
.les_05 { background:#00a651; }
.les_06 { background:#ed0677; }
.les_07 { background:#936b00; }
.les_08 { background:#f7941e; }
.les_09 { background:#0066b3; }
.les_10 { background:#7c51a1; }


/*pages*/
/*editorial*/

.editorial {margin: 20px auto; font-size:16px; border:1px solid #000; border-spacing:0; padding:20px;}
.editorial th {border-right: 1px solid #000; padding-right: 20px; text-align:right; vertical-align:top;}
.editorial td {padding-left: 20px;}


/*titles*/
.les_box {
	border-radius:15px;
	-moz-border-radius: 15px;
	font-size: 24px; color: #fff;
	text-align:center;
	margin: 0 auto; padding:5px 15px; 
}


.act_01 { background:#E0C7BB; }

.book {
	color: #777;
	width: 250px;
	margin: 200px auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
}

h1 { text-align:center; font-family: "Arial Black", Gadget, sans-serif; font-size:80px; line-height:80px; margin:0 auto;}
h2  { text-align:center; font-family:"Arial Black", Gadget, sans-serif; font-size: 21px;margin:0 auto;}
h3 {
	margin:0 auto;
	font-size:24px;
	padding: 20px;
	font-weight:normal;
	}
.h4 { font-family: "Arial Black", Gadget, sans-serif; font-size:60px; line-height:60px;}
	
.abc { font-size:60px; font-family:"Comic Sans MS", cursive; text-align:center; line-height:2.3em; margin:0 auto;}


.f21 {
	font-size:21px;
	}
.f13px {font-size:13px;}
.f16px {font-size:18px;}
.f22px {font-size:22px;}
.byhl {font-weight:bold; text-shadow:0px 0px 5px #FFF000;}
.strong { font-weight: bold;}	


/*colors*/
.yellow { color:#ffcb06;}
.blue {color:#577bbc;}
.emerald { color:#35a88e;}
.maroon {color:#b12e16;}
.orange {color: #f7941d;}

.title_00 { color:#d3a907; }
.title_01 { color:#ed1b2f; }
.title_02 { color:#00b8de; }
.title_03 { color:#7aad37; }
.title_04 { color:#9e4b3e; }
.title_05 { color:#00a651; }
.title_06 { color:#ed0677; }
.title_07 { color:#936b00; }
.title_08 { color:#f7941e; }
.title_09 { color:#0066b3; }
.title_10 { color:#7c51a1; }
.magicletterhand {ffe200;}

.f_00 { color:#d3a907; }
.f_01 { color:#f3705d; }
.f_02 { color:#5acae7; }
.f_03 { color:#9ec16c; }
.f_04 { color:#b67966; }
.f_05 { color:#41ba7c; }
.f_06 { color:#ed0677; }
.f_07 { color:#b29048; } 
.f_08 { color:#fbb161; }
.f_09 { color:#5185c5; }
.f_10 { color:#9a7bb8; }



.contrib { color:#f68712; font-weight:bold; font-style:normal}
.contributors { 
	font-style:italic; 
	font-size: 15px;
	
}
/*list*/

li { 
	margin: 0;
    margin-left:300px;
	line-height:1.5em;	
}

.li2 li{ 
	padding:0 px;
    margin:0px;
}


/*paddings*/
.pad10{ padding:0 10px 0;}
.pad20{ padding:0 20px 0;}
.pad30{ padding:0 30px 0;}
.pad40{ padding:0 40px 0;}
.pad50{ padding:0 50px 0;}
.pad60{ padding:0 60px 0;}
.pad80{ padding:0 80px 0;}
.pad200{ padding:0 200px 0;}
.pad100{ padding:0 100px 0;}
.vpad {	padding-top:15px;}


.margin0 { margin: 0 auto;}
.lh_15em {line-height:1.5em;}
.lh_22 { line-height:2.2em; }
.lh_12 { line-height:1.2em; }
.lh_13 { line-height:1.3em; }


/*widths*/

.width80 {width:80%;}
.width70 {width:70%;}
.width60 {width:60%;}
.width50 {width:50%;}
.width40 {width:40%;}
.width30 {width:30%;}
.width20 {width:20%;}
.width90 {width:90%;}
.fwidth {width:100%;}


/*floats*/
.fleft {float: left;}
.fright {float:right;text-align: left;}


.posrel { position:relative;}
.posabs { position:absolute !important;}
.posabs2 { position:absolute !important; width: 400px;}


.botleft { bottom:5px; left:5px; }
.botright { bottom:5px;right:5px; }
.topleft { top:5px;	left:5px; }
.topright { top:5px; right:5px; }
.topmid { top:5px; right:100px; }
.botmid { bottom:5px; right:100px; }





/*align*/
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.just {text-align: justify;}

/*SECTION COLOURS*/
/*for borders*/
.brd_00, .bubble.brd_00, .triangle-border.brd_00 { border:1px solid #cfa406; }
.brd_01, .bubble.brd_01, .triangle-border.brd_01 { border:1px solid #ed192e; }
.brd_02, .bubble.brd_02, .triangle-border.brd_02 { border:1px solid #33bde0; }
.brd_03, .bubble.brd_03, .triangle-border.brd_03 { border:1px solid #6eb122; }
.brd_04, .bubble.brd_04, .triangle-border.brd_04 { border:1px solid #984037; }
.brd_05, .bubble.brd_05, .triangle-border.brd_05 { border:1px solid #00a650; }
.brd_06, .bubble.brd_06, .triangle-border.brd_06 { border:1px solid #ec0677; }
.brd_07, .bubble.brd_07, .triangle-border.brd_07 { border:1px solid #8c6205; }
.brd_08, .bubble.brd_08, .triangle-border.brd_08 { border:1px solid #f68712; }
.brd_09, .bubble.brd_09, .triangle-border.brd_09 { border:1px solid #1c63b7; }
.brd_10, .bubble.brd_10, .triangle-border.brd_10 { border:1px solid #7641a4; }
/*for speech bubble triangles*/
.triangle-border.brd_00:before { border-color:#cfa406 transparent; }
.triangle-border.brd_01:before { border-color:#ed192e transparent; }
.triangle-border.brd_02:before { border-color:#33bde0 transparent; }
.triangle-border.brd_03:before { border-color:#6eb122 transparent; }
.triangle-border.brd_04:before { border-color:#984037 transparent; }
.triangle-border.brd_05:before { border-color:#00a650 transparent; }
.triangle-border.brd_06:before { border-color:#ec0677 transparent; }
.triangle-border.brd_07:before { border-color:#8c6205 transparent; }
.triangle-border.brd_08:before { border-color:#f68712 transparent; }
.triangle-border.brd_09:before { border-color:#1c63b7 transparent; }
.triangle-border.brd_10:before { border-color:#7641a4 transparent; }
/*for left and right triangles*/
.triangle-border.bleft.brd_00:before, .triangle-border.bright.brd_00:before { border-color: transparent #cfa406; }
.triangle-border.bleft.brd_01:before, .triangle-border.bright.brd_01:before { border-color: transparent #ed192e; }
.triangle-border.bleft.brd_02:before, .triangle-border.bright.brd_02:before { border-color: transparent #33bde0; }
.triangle-border.bleft.brd_03:before, .triangle-border.bright.brd_03:before { border-color: transparent #6eb122; }
.triangle-border.bleft.brd_04:before, .triangle-border.bright.brd_04:before { border-color: transparent #984037; }
.triangle-border.bleft.brd_05:before, .triangle-border.bright.brd_05:before { border-color: transparent #00a650; }
.triangle-border.bleft.brd_06:before, .triangle-border.bright.brd_06:before { border-color: transparent #ec0677; }
.triangle-border.bleft.brd_07:before, .triangle-border.bright.brd_07:before { border-color: transparent #8c6205; }
.triangle-border.bleft.brd_08:before, .triangle-border.bright.brd_08:before { border-color: transparent #f68712; }
.triangle-border.bleft.brd_09:before, .triangle-border.bright.brd_09:before { border-color: transparent #1c63b7; }
.triangle-border.bleft.brd_10:before, .triangle-border.bright.brd_10:before { border-color: transparent #7641a4; }


/*
.brd_00, .bubble.brd, .triangle-border.brd,  .triangle-border.bleft.brd, .triangle-border.bright.brd { border:0px solid #cfa406; }
.triangle-border.brd:before { border-color:#cfa406 transparent; }
*/

/*RIBBON css and imgs*/
.ribbon {
	width: 840px; height: 140px; 
	margin: 0 auto; position: relative;
	text-align:center; line-height:2.4em;
}

.rb_bl { width:200px; height:140px; } /* empty box to help alignment*/
.rb_00 {background: url(images/bg/ribbon_00.png) no-repeat center top;}
.rb_01 {background: url(images/bg/ribbon_01.png) no-repeat center top;}
.rb_01b {background: url(images/bg/ribbon_01b.png) no-repeat center top;}
.rb_02 {background: url(images/bg/ribbon_02.png) no-repeat center top;}
.rb_03 {background: url(images/bg/ribbon_03.png) no-repeat center top;}
.rb_04 {background: url(images/bg/ribbon_04.png) no-repeat center top;}
.rb_04b {background: url(images/bg/ribbon_04b.png) no-repeat center top;}
.rb_05 {background: url(images/bg/ribbon_05.png) no-repeat center top;}
.rb_06 {background: url(images/bg/ribbon_06.png) no-repeat center top;}
.rb_07b {background: url(images/bg/ribbon_07b.png) no-repeat center top;}
.rb_07 {background: url(images/bg/ribbon_07.png) no-repeat center top;}
.rb_08 {background: url(images/bg/ribbon_08.png) no-repeat center top;}
.rb_08b {background: url(images/bg/ribbon_08b.png) no-repeat center top;}
.rb_09 {background: url(images/bg/ribbon_09.png) no-repeat center top;}
.rb_10 {background: url(images/bg/ribbon_10.png) no-repeat center top;}
.rb_none {background: no-repeat center top;}
.ribbon_none {
	width: 840px; height: 60px; 
	margin: 0 auto; position: relative;
	text-align:center; line-height:2.5em;
}

/*BOXES for index*/
.box_big_00 {
	overflow:hidden;
	width:630px;
	margin:0 auto;
}

.box_big_01 {
	overflow:hidden;
	width:750px;
	margin:0 auto;
}
.box_l_00 { 
	background:url(images/bg/00_box_l.jpg) no-repeat;  
	height:406px; 
	width:310px;
	margin:0 auto;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:1.6em;
	padding-right:10px;
	padding-top:2px;
}

.box_ru_00 { 
	background:url(images/bg/00_box_ru.jpg) no-repeat;  
	height:200px; width:310px;
	margin:0 auto;
	font-size: 21px;
	line-height:1.8em;
	padding:2px 0px 5px;
}

.box_rb_00 { 
	background:url(images/bg/00_box_rb.jpg) no-repeat;  
	height:200px; width:310px;
	margin:0 auto;
	font-size: 18px;
	line-height:1.6em;
	text-align:center;
	padding:2px 0px 0px ;
	background-color:#FFF;
}

.line_00 {
	background:url(images/bg/00_line.jpg) no-repeat;  
}

.box_l_img_00 { 	
	height:205px;
	text-align:center;
	margin: 10px auto;
}
.box_l_txt_00 { 	
	padding: 0 0 0 42px;
}
.box_ru_txt_00 { 	
	font-family:"Comic Sans MS", cursive;
	font-size: 24px;
	margin:0 5px;
}
.box_rb_txt_00 {
	font-size: 18px;
	padding: 0  0 3px 0;
}

.zin {position:absolute; left:0px; top:0px; z-index:-1; }

.or_border
{
 border-style:solid;
 border-width:thin;
 border-color:#f68712;
 padding:10px;
}


/* THE BUBBLES --------------------------------------------------------------------------*/
/*simple bubble*/
.bubble {
  font-size:18px; 
  text-align:center;
  line-height:1.8em;
  position:relative;
  padding:5px 20px;
  margin:0.5em 0 0.5em;
  border:1px solid;
  background:#FEFBD9;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.rnd_02 { border-radius:20px; padding:0px 10px; text-align:center; }
.rnd { border-radius:20px; left:5px;bottom:2px; padding:0px 10px; background:#fff;} /*round bubble for letters in activities*/

/*pointer*/
.triangle-border {
	position:absolute;
	padding:5px;
	margin:0.5em 0 0.5em;
	border:1px solid;
	background:#FEFBD9;
	/* css3 */
  -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:17px;
}



/* THE TRIANGLE*/

/* creates triangle colored that gives triangle's border*/
.triangle-border:before {
  content:"";
  left:40px; 
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  border-width:20px 9px 0;
  position:absolute;
  border-style:solid;
  border-color: inherit transparent;
  display:block;  /* reduce the damage in FF3.0 */
  width:0;
}

/* creates the smaller triangle that fills with spbubble's */
.triangle-border:after {
  left:42px; /*= .before +2px*/
  bottom:-18px; /* bottom value = - border-top-width - border-bottom-width */
  border-width:18px 7px 0;
  position:absolute;
  content:"";
  border-style:solid;
  border-color:#FEFBD9 transparent;
  display:block;  /* reduce the damage in FF3.0 */
  width:0;
}



/* Variant : TOP POINTER */

/* creates the larger triangle */
.triangle-border.btop:before {
  border-width:0 9px 23px;
  top:-23px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:46px; /* controls horizontal position */
}

/* creates the smaller  triangle */
.triangle-border.btop:after {
  top:-21px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 8px 22px;
}

/* Variant : LEFT POINTER  */

/* creates the larger triangle */
.triangle-border.bleft:before {
  top:21%; /* controls vertical position */
  bottom:auto;
  left:-26px; /* value = - border-left-width - border-right-width */
  border-width:8px 25px 8px 0;
  border-color:transparent inherit;
  display:block;  /* reduce the damage in FF3.0 */
}

/* creates the smaller  triangle */
.triangle-border.bleft:after {
  top:22%; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:-20px; /* value = - border-left-width - border-right-width */
  border-width:7px 20px 7px 0;
  border-color:transparent #FEFBD9;
    display:block;  /* reduce the damage in FF3.0 */
}

/* Variant : RIGHT POINTER*/

/* creates the larger triangle */
.triangle-border.bright:before {
  border-width:8px 0 8px 25px;
  right:-25px; /* value = - border-left-width - border-right-width */
  left:auto;
  top:21%; /* controls vertical position */
  bottom:auto;
  border-color:transparent inherit;
  display:block;  /* reduce the damage in FF3.0 */
}

/* creates the smaller  triangle */
.triangle-border.bright:after {
  border-width:7px 0 8px 22px;
  top:22%; 
  bottom:auto;
  left:auto;
  right:-20px; /* value = - border-left-width - border-right-width */
  border-color:transparent #FEFBD9;
  display:block;  /* reduce the damage in FF3.0 */

}
/* Variant : POINTER's position */

/* left and right positioned triangle */
.triangle-border.bleft { margin-left:30px; }
.triangle-border.bright { margin-right:30px; }

/* left in btop or reg bubble */
.triangle-border.bbl:before { left:15%;} 
.triangle-border.bbl:after { left:16%;}

/* center in btop or reg bubble */
.triangle-border.bbc:before, .triangle-border.btop.bbc:before { left:45%; }
.triangle-border.bbc:after, .triangle-border.btop.bbc:after { left:45.6%; }

/* right in btop or reg bubble */
.triangle-border.bbr:before { left:78%; }
.triangle-border.bbr:after { left:78.5%; }




/*Longer Pointers*/
.triangle-border.btop.lptr:before { left:42px; top:-62px; bottom:auto; border-width: 0 9px 62px; }
.triangle-border.btop.lptr:after { left:42px;top:-60px; bottom:auto; border-width: 0 9px 60px;}
.triangle-border.lptr:before { left:42px;bottom:-62px; top:auto; border-width: 62px 9px 0; }
.triangle-border.lptr:after {left:42px; bottom:-54px; top:auto; border-width:60px 9px 0 ;}

.triangle-border.btop.rptr:before { left:83%; top:-62px; bottom:auto; border-width: 0 9px 62px; }
.triangle-border.btop.rptr:after { left:83.5%;top:-60px; bottom:auto; border-width: 0 9px 60px;}
.triangle-border.rptr:before { left:83%;bottom:-62px; top:auto; border-width: 62px 9px 0; }
.triangle-border.rptr:after {left:83.5%; bottom:-54px; top:auto; border-width:60px 9px 0 ;}
/*for small bubbles*/
.triangle-border.btop.scptr:before { left:20px; top:-62px; bottom:auto; border-width: 0 9px 62px; }
.triangle-border.btop.scptr:after { left:21px;top:-60px; bottom:auto; border-width: 0 9px 60px;}
.triangle-border.scptr:before { left:20px;bottom:-62px; top:auto; border-width: 62px 9px 0; }
.triangle-border.scptr:after {left:21px; bottom:-54px; top:auto; border-width:60px 9px 0 ;}

.triangle-border.sbbc:before, .triangle-border.sbtop.bbc:before { left:20px; }
.triangle-border.sbbc:after, .triangle-border.sbtop.bbc:after { left:21px; }

.triangle-border.btop.cptr:before { left:100px; top:-62px; bottom:auto; border-width: 0 10px 62px; }
.triangle-border.btop.cptr:after { left:101px;top:-60px; bottom:auto; border-width: 0 9px 60px;}
.triangle-border.cptr:before { left:100px;bottom:-62px; top:auto; border-width: 62px 10px 0; }
.triangle-border.cptr:after {left:101px; bottom:-54px; top:auto; border-width:60px 9px 0 ;}

/*ENDs SPEECH BUBBLE --------------------------------------------------------------------------*/