
body {
	margin:0px;
	padding:0px;
	background-color:#e8af2a;
	background-image:url(../images/mainbg2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:100%;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	line-height:15px;
}
a {
	color:#FFFFFF;
}
a:hover {
	color:#000000
}
h1 {
	FONT-SIZE: 17px;
	COLOR: #015cb1;
	MARGIN-top: 20px;
	MARGIN-left: 17px;
}
h2 {
	FONT-SIZE: 14px;
	margin:0;
	padding:0;
	COLOR: #ffffff;
	line-height:16px;
}
#content {
	height:552px;
	vertical-align:top;
}
#learning-content {
	height:552px;
	vertical-align:top;
}
.padd20 {
	padding:20px;
}
.grey {
	color:#333333;
	font-size:12px;
}
.grey a {
	color:#333333;
	font-size:12px;
	text-decoration:underline;
}
.grey a:hover {
	color:#333333;
	text-decoration:none;
}
.footer-grey {
	color:#333333;
	font-size:11px;
}
/*school tab list*/
#tablist {
	padding: 3px 0;
	width:177px;
	margin-right: 10px;
	margin:0px;
	background-image:url(../images/navi-bg.jpg);
	background-repeat:repeat-x;
	min-width:100px;
	height:313px;
}
#tablist li {
	list-style: none;
	display:block;
	float:left;
	margin: 0;
	width: 165px;
	margin-bottom: 5px;
}
#tablist li a {
	float:left;
	text-decoration: none;
	padding: 3px;
	width: 165px;
	min-width:100px;
	margin-left: 3px;
	color:#FFFFFF;
	border-bottom: 1px solid #007087;
}
#tablist li a:link, #tablist li a:visited {
	color:#FFFFFF;
}
#tablist li a:hover {
	color: #ffffff;
	background: #00d4ff;
}
#tablist li a.current {
	background: #00d4ff;
}
#tablist li .heading {
	float:left;
	text-decoration: none;
	padding: 3px;
	width: 165px;
	min-width:100px;
	margin-left: 3px;
	color:#FFFFFF;
	border-bottom: 1px solid #007087;
}
/*school tab list close*/





/*story tab list*/
#tablist2 {
	padding: 3px 0;
	width:580px;
	margin-right: 5px;
	margin:0px;
}
#tablist2 li {
	list-style: none;
	display: inline;
	float:left;
	width: 145px;
	margin-bottom: 5px;
	margin-right:0px;
}
#tablist2 li a {
	float:left;
	text-decoration: none;
	padding: 4px 0px 3px 25px;
	width: 105px;
	min-width:65px;
	margin-right: 0px;
	color:#FFFFFF;
	font: bold 12px Verdana;
	background-image:url(../images/arr1.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#tablist2 li a:link, #tablist2 li a:visited {
	color:#FFFFFF;
}
#tablist2 li a:hover {
	color: #49e014;
}
#tablist2 li a.current2 {
	color: #FFFFFF;
	background:#055d05;
	background-image:url(../images/arr2.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#tablist2 li .heading {
	float:left;
	text-decoration: none;
	padding: 3px;
	width: 125px;
	min-width:95px;
	margin-left: 3px;
	color:#49e014;
}
/*story tab list close*/










.tablebox-hd {
	border:1px dashed #ffffff;
	padding:3px;
	background-color:#49e014;
	text-align:left;
	color:#000;
	font-weight:bold;
	font-size:12px;
}

.tablebox-hd-bl {
	border:1px dashed #ffffff;
	padding:3px;
	background-color:#3e0542;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

.tablebox {
	border:1px dashed #ffffff;
	padding:3px;
	vertical-align:top;
	height:25px;
	text-align:left;
	font-size:11px;
}
.tablebox1 {
	border:1px dashed #ffffff;
	vertical-align:top;
	text-align:left;
}
.main-text {
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #414141;
	font-size:12px;
	/*width:400px;*/
	line-height:15px;
}
.main-text a {
	font-family:Tahoma, "Trebuchet MS", Arial;
	font-size:12px;
	color:#0075c0;
	text-decoration:none;
	font-weight:bold;
}
.main-text a:hover {
	text-decoration:underline;
}
.learning-11w {
	font-family:Tahoma, "Trebuchet MS", Arial;
	color:#FFFFFF;
	font-size:12px;
	line-height:15px;
}
.learning-11w a {
	font-family:Tahoma, "Trebuchet MS", Arial;
	color:#ffffff;
	font-size:12px;
	line-height:15px;
	text-decoration:underline;
	font-weight:bold;
}
.learning-11w a:hover {
	text-decoration:underline;
	font-weight:bold;
}
.learning-ban-main {
	width:450px;
	float:left;
	padding-left:25px;
}
.stories-11wt {
	font-family:Tahoma, "Trebuchet MS", Arial;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
}
.stories-11wt a {
	font-family:Tahoma, "Trebuchet MS", Arial;
	color:#FFFFFF;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
}
.stories-11wt a:hover {
	text-decoration:underline;
	color:#000;
}
.stories-14br {
	font-family:Tahoma, "Trebuchet MS", Arial;
	font-size:15px;
	color:#633c03;
}
/*tooltips*/
#dhtmltooltip {
	position: absolute;
	left: -1000px;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	color:#000000;
	background-color: white;
	visibility: hidden;
	z-index: 200;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}
#dhtmlpointer {
	position:absolute;
	left: -1000px;
	z-index: 201;
	visibility: hidden;
}
/*tooltips close*/



/*stories table*/

.stories-tb-box {
	width:170px;
	padding:0px;
	margin:0px;
}
.stories-tb-box ul {
	padding:0px;
	margin:0px;
}
.stories-tb-box li {
	float:left;
	width:150px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/roll-bg3.gif)
}
.stories-tb-box li a {
	float:left;
	text-decoration:none;
	background-color:#ffdab0;
	width:150px;
	font-size:11px;
	color:#883a05;
	background-image:url(../images/roll-bg1.gif);
	padding:5px;
	border:0px #990000 solid;
}
.stories-tb-box li a:hover {
	background-color:#883a05;
	color:#502000;
	background-image:url(../images/roll-bg2.gif);
}
/*stories table2*/

.stories-tb-box2 {
	width:210px;
	padding:0px;
	margin:0px;
}
.stories-tb-box2 ul {
	padding:0px;
	margin:0px;
}
.stories-tb-box2 li {
	float:left;
	width:190px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/roll-bg3.gif)
}
.stories-tb-box2 li a {
	float:left;
	text-decoration:none;
	background-color:#ffdab0;
	width:190px;
	font-size:11px;
	color:#883a05;
	background-image:url(../images/roll-bg1.gif);
	padding:5px;
	border:0px #990000 solid;
}
.stories-tb-box2 li a:hover {
	background-color:#883a05;
	color:#502000;
	background-image:url(../images/roll-bg2.gif);
}
/*learning table*/

.learning-tb-box {
	width:170px;
	padding:0px;
	margin:0px;
}
.learning-tb-box ul {
	padding:0px;
	margin:0px;
}
.learning-tb-box li {
	float:left;
	width:150px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/ler-roll-bg3.gif);
}
.learning-tb-box li a {
	float:left;
	text-decoration:none;
	background-color:#ffdab0;
	width:150px;
	font-size:11px;
	color:#883a05;
	background-image:url(../images/ler-roll-bg1.gif);
	padding:5px;
	border:solid 1px #059fbe;
}
.learning-tb-box li a:hover {
	background-color:#883a05;
	color:#502000;
	background-image:url(../images/ler-roll-bg2.gif);
}
.learning-tb-box .learn-act {
	float:left;
	width:150px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/ler-roll-bg2.gif);
	padding:5px;
	border:solid 1px #059fbe;
}
/*learning table close*/

/* BUTTONS */

.buttons a, .buttons button {
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#5de4f8;
	border:1px solid #ba5532;
	border-top:1px solid #ba5532;
	border-left:1px solid #ba5532;
	background-image: url(../images/roll.gif);
	background-repeat: repeat-x;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	padding:4px 7px 3px 7px; /* Links */
}
.buttons button {
	width:auto;
	overflow:visible;
	padding:4px 7px 3px 7px; /* IE6 */
}
.buttons button[type] {
	padding:4px 7px 3px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type] {
	padding:4px 7px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img {
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
button:hover, .buttons a:hover {
	background-color:#1b4e79;
	border:1px solid #ba5532;
	color:#ffffff;
	background-image: url(../images/roll1.gif);
	background-repeat: repeat-x;
}
.buttons a:active {
	background-color:#1b4e79;
	border:1px solid #ba5532;
	color:#ffffff;
}

/* STANDARD */


/*topper table*/

.topper-tb-box {
	width:300px;
	margin:auto;
	text-align:center;
	

}
.topper-tb-box ul {
	padding:0px;
	margin:0px;
}
.topper-tb-box li {
	float:left;
	width:300px;
	background-color:#883a05;
	display:block;
	text-align:left;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/ler-roll-bg4.gif);
	margin-top:10px;
}
.topper-tb-box li a {
	float:left;
	text-decoration:none;
	background-color:#ffdab0;
	width:300px;
	font-size:12px;
	color:#ffffff;
	background-image:url(../images/ler-roll-bg4.gif);
	padding:5px;
	border:solid 1px #ae51ce;
	text-align:center;
}
.topper-tb-box li a:hover {
	background-color:#883a05;
	color:#ffffff;
	background-image:url(../images/ler-roll-bg2.gif);
}
.topper-tb-box .learn-act {
	float:left;
	width:525px;
	background-color:#883a05;
	display:block;
	text-align:left;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/ler-roll-bg2.gif);
	padding:5px;
	border:solid 1px #059fbe;
}
/*topper table close*/


/*topper table Inner*/
.topper-tb-box2 {
	width:170px;
	padding:0px;
	margin:0px;
}
.topper-tb-box2 ul {
	padding:0px;
	margin:0px;
}
.topper-tb-box2 li {
	float:left;
	width:150px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/ler-roll-bg4.gif);
}
.topper-tb-box2 li a {
	float:left;
	text-decoration:none;
	background-color:#ffdab0;
	width:150px;
	font-size:12px;
	color:#ffffff;
	background-image:url(../images/ler-roll-bg4.gif);
	padding:5px;
	border:solid 1px #ae51ce;
}
.topper-tb-box2 li a:hover {
	background-color:#883a05;
	color:#502000;
	background-image:url(../images/ler-roll-bg2.gif);
   font-size:12px;
	color:#ffffff;
}
.topper-tb-box2 .learn-act {
	float:left;
	width:150px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/ler-roll-bg2.gif);
	padding:5px;
	border:solid 1px #ae51ce;
    font-size:12px;
	color:#ffffff;
}
/*topper table close*

/*field box*/
.topper-field{ 
    font-size:12px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #005460;
	width:170px;}

.topper-field1{ 
    font-size:12px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #005460;
	width:170px;
	height:40px;}

.topper-field2{ 
    font-size:12px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #005460;
	width:50px;
	}

.topper-field3{ 
    font-size:12px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #005460;
	width:115px;
	}
	
.topper-field4{ 
    font-size:12px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #005460;
	width:98px;
	}
	
/*stories table2*/

.active-sample-box {
	padding:0px;
	margin:0px;
}
.active-sample-box ul {
	padding:0px;
	margin:0px;
}
.active-sample-box li {
	float:left;
	width:190px;
	background-color:#883a05;
	display:block;
	text-align:center;
	margin:0;
	margin-bottom:1px;
	background-image:url(../images/roll-bg3-wizkids.gif);
}
.active-sample-box li a {
	float:left;
	text-decoration:none;
	background-color:#ffdab0;
	width:190px;
	font-size:11px;
	color:#000000;
	background-image:url(../images/roll-bg3-wizkids.gif);
	padding:5px;
	border:0px #990000 solid;
}
.active-sample-box li a:hover {
	background-color:#883a05;
	color:#000000;
	background-image:url(../images/roll-bg1-wizkids.gif);
}

/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}



/*  */


/* flash intro */

#container {
	margin:0 auto;
	position:relative;
	width:1000px;
}
#container #shok {
	left:0px;
	top:0px;
	position:absolute;
	z-index:99999;
}

/* flash intro close */