*{padding:0;margin:0;}
html,body{min-height:100%;height:100%;}
html{background:#9debff url(../images/bg_pattern.jpg) scroll left top repeat-x;}
body{background:url(../images/banner_shadow.png) scroll center top no-repeat;width:970px;margin:0 auto;font: normal 62.5%/120% "Trebuchet MS", Arial, Helvetica, sans-serif ;font-size:13px;color:#555 }
.fl{float:left}
.fr{float:right}
.tr{text-align:right}
.tl{text-align:left}
.block{display:block}
.clear{clear:both;height:0;}
input,select,textarea{padding:2px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
img{border:0}
ul,li{list-style:none}
a, a:visited, a:link {text-decoration:none;font-weight:bold;color:#00B0D8}
a:hover{text-decoration:underline;color:#205F04}
a.more {display:block;width:116px;height:29px;margin:5px 0;background:url(../images/more.png) left top no-repeat;}
a.more:hover{background-position:left bottom}
.general a{font-weight:bold;color:#00b0d8;font-size:14px;text-decoration:none}
.general a strong{font-size:18px}
.big a{font-size:18px}
.general a:hover small{color:#fff}
.leftbar .general{padding:5px 0;}
.leftbar .general li{padding:2px 0}
.leftbar .general a:hover{color:#205F04}
.rightbar .general a:hover{color:#205F04}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

div.break{background:url(../images/break.png) center center repeat-x;height:40px}
small{font-size:12px;color:#00b0d8;text-decoration:none}
h1,h2{padding:5px 0 10px 0;}
h1{font-size:18px;color:#215704}
#book h1{color:#8058bd;}
.no_transform{text-transform:none;}

h2{font-size:14px;color:#205f04;padding:10px 0 0;}
.no_transform{text-transform:none}
p{padding:5px 0}
#container,#footer{width:960px;}
#container{margin:0 auto;background:#f7f8ea;min-height:100%;overflow:hidden;}
* html body #container{height:100%}

#container #header{background:url(../images/banner.png) scroll center top no-repeat;height:172px;}

#container #content{margin:15px 20px 15px 15px}
#container #content .leftbar{float:left;width:611px}
#container #content .leftbar #category ul{padding-left:6px;display:block;height:85px;background:url(../images/category.png) left top no-repeat;}
#container #content .leftbar #category ul li{display:inline;float:left}
#container #content .leftbar #category ul li a{display:block;float:left;width:100px;height:85px;}
#container #content .leftbar #book {height:402px;background:url(../images/rhyme_text_area.jpg) left top no-repeat;margin-top:15px;overflow:hidden;position:relative;}
#container #content .leftbar #book .wrapper {margin:24px 24px 0 28px;}
#container #content .leftbar #book #image{float:left;width:250px;height:275px;overflow:hidden}
#container #content .leftbar #book #text{float:left;margin-left:50px;overflow-x:hidden;overflow:auto;height:360px;max-height:360px}
#container #content .leftbar #book  #flashDiv{height:92px;position:absolute;bottom:24px;left:24px}
#container #content .leftbar #book  #task  li{display:inline;float:left;margin-right:30px}

#container #content .rightbar{float:right;width:304px}
#container #content .rightbar #search{background:url(../images/search.png) right top no-repeat;height:135px;overflow:hidden}
#container #content .rightbar #search form{padding:66px 60px 0 35px;display:block}
#container #content .rightbar #search form input{width:138px;height:20px;background:none;border:0;color:#333;font-size:12px;float:left;display:block;}
#container #content .rightbar #search form input.submit{width:44px;height:24px;margin-left:12px;text-indent:-6969px;cursor:pointer;display:block;}
#container #content .rightbar #search form div{padding-top:12px;clear:both}
#container #content .rightbar #offer li{margin-top:15px}

#footer a:link,#footer a:visited,#footer a:hover {font-weight:normal}
#footer{background:transparent url(../images/footer.png) scroll center bottom repeat-x;height:180px;margin:0 auto;overflow:hidden;position:relative}
#footer #siteby{position:absolute;bottom:10px;right:15px;}
#footer .wrapper{padding:55px 10px 0 10px;text-align:center;text-transform:capitalize;color:#fff}
#footer .wrapper *{color:#fff;text-transform:capitalize}
#footer .wrapper span{padding:2px;color:#f7f8ea}
#footer .wrapper div{text-align:right;font-weight:bold;text-transform:none;font-size:12px}

#container #header{width:960px;height:173px;overflow:hidden}

#container #content .leftbar #slider{margin:15px 0}
#container #content .leftbar #slider *{color:#215704}
#container #content .leftbar #slider h2{padding:10px 0;margin-left:45px}
#container #content .leftbar #slider .wrapper{position:relative;width:100%}
#container #content .leftbar #slider .wrapper.printables{padding-top:30px;height:600px}
#container #content .leftbar #slider .wrapper.printables .display{height:100%}

#container #content .leftbar #slider span {position:absolute;top:50%;margin-top:-25px;display:block;background:transparent center center no-repeat}
#container #content .leftbar #slider span a{border:0;width:24px;height:51px;display:block;width:24px;height:51px}
#container #content .leftbar #slider span#prev {left:2px;background-image:url(../images/prev.png)}
#container #content .leftbar #slider span#next {right:1px;background-image:url(../images/next.png)}
#container #content .leftbar #slider .wrapper .display{width:560px;height:150px;overflow:hidden;margin:0 auto;position:relative;}
#container #content .leftbar #slider ul {position:absolute;left:0px;top:0}
#container #content .leftbar #slider ul li{display:inline;float:left;}
#container #content .leftbar #slider ul li a{display:block;width:102px;height:150px;margin:0 19px;text-align:center;overflow:hidden}
#container #content .leftbar #slider ul li.last a{margin:0}
#container #content .leftbar #slider ul li a:hover{text-decoration:none}
#container #content .leftbar #slider ul li a:hover *{color:#339900;}
#container #content .leftbar #slider ul li a img,#container #content .leftbar #slider ul li a div{width:100px;height:100px;overflow:hidden;display:block;border:1px solid #bbdca3;background:#fff url(../images/loader.gif) center center no-repeat;line-height:98px}
#container #content .leftbar #slider ul li a p{padding-top:5px;display:block}
#container #content .leftbar #character ul li{margin-bottom:20px}
#container #content .leftbar #character ul li div.char_pic,div.char_pic{padding:8px;width:170px;height:170px;float:left;overflow:hidden;background:url(../images/box.png) left top no-repeat;margin-right:0px;}
div.char_pic a img, #container #content .leftbar #character ul li div.char_pic a img{width:154px;height:154px;padding:8px;overflow:hidden}
div.char_desc, #container #content .leftbar #character ul li div.char_desc{/*float:left*/;margin:0 20px}
.char_desc h3 {margin:5px 0pt;}
.char_desc h4{font-style:italic;margin:5px 0pt}
.char_desc p{padding:10px;margin:0pt}
#container #content .leftbar #lesson div.char_desc{margin-left:0}
#vplayer {margin: 0 0 15px 0}
#fplayer{
	position:absolute;
	width:540px;
	height:330px;
	left:50%;
	top:50%;
	margin-left:-270px;
	margin-top:-165px;
	z-index:100;
	display:none;
	}

#fplayer div#outter{position:relative;width:100%;height:100%;background:url(../images/fplayer.png) left top no-repeat;overflow:hidden}
#fplayer div#outter div#inner{
	width:480px;
	height:270px;
	line-height:270px;
	text-align:center;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-240px;
	margin-top:-135px;
	z-index:120;
	}
#fplayer div#outter span{
	width:31px;
	height:33px;
	line-height:33px;
	text-align:center;
	display:block;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	overflow:hidden;
	z-index:130;
}
div#loading{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-10px;
	width:80px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FF6600;
	background:#FFFFFF;
	border:1px solid #ddd;
	z-index:100;
}
#slider {background:#F7F8EA url(../images/slider_bg.png) left top repeat-y;overflow:hidden;}
#slider .top{background:url(../images/slider_top.png) left top no-repeat}
#slider .bot{background:url(../images/slider_bot.png) left bottom no-repeat}

#book {background:#F7F8EA url(../images/book_bg.png) left top repeat-y;overflow:hidden}
#book .top{background:url(../images/book_top.png) left top no-repeat}
#book .bot{background:url(../images/book_bot.png) left bottom no-repeat}
#video_player,#audio_player{width:610px;height:413px;overflow:hidden;line-height:423px;text-align:center;z-index:100}
#rhyme_video_player{overflow:hidden;line-height:423px;text-align:center;z-index:100}


#all_pages a{color:#00B0D8}
#contact,#complete_rhyme_list,#search_results{padding-right:15px}
#search_results p{padding-top:0}
#search_results #all_pages{text-align:right;overflow:hidden}
#search_results .general li{list-style-position:inside;font-size:14px;color:#00B0D8;font-weight:bold}
#search_results .general p{font-size:13px;color:#555;font-weight:normal}
#contact #comment{color:#215704;font-style:italic;margin-top:10px}
#contact #comment #type{font-style:normal;font-size:18px;color:#00B0D8;padding-left:30px}
#contact #comment label{display:block;}
#contact #comment input,#contact #comment textarea{border:1px solid #d8d8d8;display:block;width:206px;padding:3px;margin:5px 10px 15px 0;color:#555;font-size:13px}
#contact #comment textarea{width:430px;height:170px;overflow:auto}
#contact #comment input[type=submit]{width:86px;height:29px;font-size:0;line-height:0;border:none;text-indent:-9999px;padding:0;background:url(../images/submitt.png) left top no-repeat;cursor:pointer}
#contact #comment input[type=submit]:hover{background-position:left bottom}


#lesson .char_desc p {padding:5px 0px;text-align:justify}
#lesson .char_desc h4 {padding: 0px 0px;text-align:justify;font-size:13px;color:#215704}
#lesson .char_desc h3 {padding: 0px 0px;text-align:justify;font-size:13px;color:#215704}
#lesson div.paddedDiv {padding:10px}
#lesson p{padding:0px}
#lesson div.char_pic {margin-left:20px;float:right}
#lesson ul li {margin:5px 0px 5px 1.2em;list-style-type:disc}
#lesson ul li  ol li{list-style-type:decimal}
#lesson ol  li{list-style-type:decimal;margin-left:1.65em}
#lesson ol  li ul li{list-style-type:disc}
#animatedSlider li a p{font-size:11px}