@charset "utf-8";
/* CSS Document */
img { border:0; }
body, div {
font:13px Arial, Verdana, "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif;
color:#fff;
margin:0; 
padding:0;
}
form { 
margin:0; padding:0; 
}
.clear { 
clear:both;
height:0px;
font-size:1px;
line-height:0px;
}
input, textarea {
font:12px Arial, Verdana, "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif;
color:#000;
}
body.mceContentBody {
background: #ce0000;
color:#fff;
}
body.mceContentBody a:link{
color:#fff208 !important;
font-weight:800;
text-decoration:underline;
}

ul li { margin-bottom:12px; }

#splitverticalback  	{ background: url(/gui/splitverticalback.gif) repeat-y 25px center; }
#splitverticaltop		{ background: url(/gui/sprites2.png); background-repeat:no-repeat; background-position:0px -539px; height:10px; width:17px; margin-left:25px; position:relative; top:-6px; }	
#splitverticalbottom	{ background: url(/gui/sprites2.png); background-repeat:no-repeat; background-position:0px -844px; height:10px; width:17px; margin-left:443px; margin-top:-1px; }

/* SPRITES 1 */
#header, .footerheight1, .footerheight2, .read-to-me, #books, #lessonplans, #aboutus, #icon-book, #icon-pencil, #icon-star { 
background: url(/gui/sprites.png) no-repeat top left; }

/* #footer { background-position:0px -5px; } */
#header { background-position:0px -510px; } 
#icon-book { background-position: 0 -664px; z-index:1100; width:116px; height:96px; position:absolute; left:-5px; top:56px; } 
#icon-pencil { background-position: 0 -765px; z-index:1100; width:85px; height:95px; position:absolute; left:263px; top:57px; } 
#icon-star { background-position: 0 -865px; z-index:1100; width:86px; height:87px; position:absolute; left:660px; top:57px; } 
#books { background-position: 0 -1015px; z-index:1200; width:161px; height:55px; position:absolute; left:78px; top:88px; cursor:pointer; } 
#lessonplans { background-position:0px -1075px; z-index:1200; width:342px; height:54px; position:absolute; left:308px; top:88px; cursor:pointer; } 
#aboutus { background-position: 0 -957px; z-index:2200; width:233px; height:53px; position:absolute; left:716px; top:86px; cursor:pointer; }  
.read-to-me { background-position: 0 -1134px; width:300px; height:147px; position:relative; margin:auto; top:-88px; } 

/* SPRITES 2 */
.books-archived, .books-splitline, .books-current, .books-archived, #book-current, #book-archived, .cover, .author, .books-viewvideo, #video-celebsite, #video-celebsite2, #video-publishersite, #video-authorsite, #frame-video {
background: url(/gui/sprites2.png) no-repeat top left; }

.books-archived { background-position: 0 -5px; width:172px; height:31px; cursor:pointer; position:absolute; top:107px; left:31px; } 
.books-current { background-position: 0 -90px; width:166px; height:31px; position:absolute; top:40px; left:31px; } 
.books-boom { background-position: 0 -38px; width:59px; height:47px; position:relative; top:-40px; z-index:0; } 
.cover { background-position: 0 -122px; } 
.author { background-position: 0 -302px; } 
#book-archived, #book-current { background-position: 0 -467px; width:81px; height:67px; position:absolute; top:13px; } 
#book-archived { top:79px; } 
.books-splitline { background-position: 0 -539px; } 
.books-viewvideo { background-position: 0 -857px; width:138px; height:31px; position:relative; z-index:1222; margin-left:16px; } 
#frame-video { background-position: 0 -893px; height:336px; width:667px; position:absolute; top:5px; left:-10px; } 
#video-celebboom { height:116px; width:139px; position:absolute; top:240px; left:438px; }
#video-celebboom2 { height:116px; width:139px; position:absolute; top:360px; left:438px; } 
#video-authorboom { height:116px; width:139px; position:absolute; top:360px; left:689px; } 
#video-publisherboom { background-position: 0 -1234px; height:116px; width:139px; position:absolute; top:240px; left:689px; } 
#video-celebboom img, #video-celebboom2 img, #video-publisherboom img, #video-authorboom img { position:relative; z-index:2000; } 
#video-celebsite { background-position: 0 -1355px; height:92px; width:215px; position:absolute; top:258px; left:468px; cursor:pointer; z-index:2010; }  
#video-celebsite2 { background-position: 0 -1355px; height:92px; width:215px; position:absolute; top:378px; left:468px; cursor:pointer; z-index:2010; } 
#video-publishersite { background-position: 0 -1452px; height:92px; width:221px; position:absolute; top:258px; left:719px; ; cursor:pointer; z-index:2010; } 
#video-authorsite { background-position: 0 -1547px; height:92px; width:221px; position:absolute; top:378px; left:719px; ; cursor:pointer; z-index:2010; } 

/* HIDE LINKS */
#bookmenu a span, #lessonplans a span, #aboutus a span, #books a span, .hidelink a, .books-viewvideo a span, #video-celebsite a, #video-celebsite2 a, #video-publishersite a, #video-authorsite a, .read-to-me a span { display:none; }

.books-viewvideo a { height:35px; width:136px; display:block; }
#books a { width:161px; height:55px; display:block; }
#aboutus a { width:233px; height:53px; display:block; }
#lessonplans a { width:342px; height:54px; display:block; }
.read-to-me a { width:300px; height:147px; display:block; }

.books-current a { width:166px; height:31px; display:block; }
.books-archived a { width:172px; height:31px; display:block; }

#bookmenu {
position:absolute;
top:34px;
width:205px;
height:316px;
}
#booklist {
position:relative;
background:url(/gui/splitverticalback.gif) repeat-y 210px 0px;
display:block;
padding-left:210px;
width:696px;
}
	.item { clear:both; display:block; margin-left:22px; }
	.cover {
	float:left;
	height:175px;
	width:202px;
	}
	.cover img { margin-top:27px; margin-left:39px; border:4px solid black; }
	.item .content {
	float:left;
	width:265px;
	margin-left:12px;
	}
	.author {
	float:right;
	height:160px;
	width:172px;
	margin-left:14px;
	}
	.item .author img { margin-top:23px; margin-left:24px; }
	.item .books-boom img { position:relative; }
	.viewvideo {
	}

#playvideo {
height:310px;
}
#playvideohigh {
height:425px;
}
	#video {
		position:absolute;
		top:26px;
		left:30px;
	}
	#videotext {
		position:absolute;
		top:30px;
		left:672px;
		width:280px;
		height:217px;
		overflow:auto;
		padding-right:12px;
		font-size:14px;
	}
	#videotext h1 {
		font-size:18px;
	}
	#videohelp {
		position:absolute;
		top:330px;
		left:40px;
	}
	#author {
		position:absolute;
		top:45px;
		left:481px;
	}

a:link 			{ color: #fff208; font-weight:bold; text-decoration: underline; }
a:visited 		{ color: #fff208; font-weight:bold; text-decoration: underline; }
a:hover 		{ color: #fff000; font-weight:bold; text-decoration: underline; }
a:active 		{ color: #fff208; font-weight:bold; text-decoration: underline; }

#body {
text-align:center;
background-color:#a9ff8c;
background-image:url(/gui/background.jpg);
background-position:center top;
background-repeat:repeat-x;
}
h1, h2, .headlines {
font:14px Arial, Verdana, "Courier New", sans-serif, "Trebuchet MS";
font-weight:800;
color:#fff;
margin-top:20px;
margin-bottom:5px;
padding:0;
line-height:20px;
}
.headlines {
font-size:22px;
color:#fff;
}
h2 {
font-size:16px;
line-height:14px;
letter-spacing:0px;
}
h1 + h2 {
}
p {
margin-top:0px;
margin-bottom:10px;
}

#header {
width:958px;
height:149px;
position:relative;
margin:auto;
margin-top:98px;
text-align:center;
z-index:1500;
}
div#credits {
color:#000;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:25px;
}
div#container {
position:relative;
width:958px;
color:#FFFFFF;
margin:auto;
z-index:100;
}
	div#container #content {
	position:relative;
	background: url(/gui/frame-middle.png) repeat-y top left;
	font:16px Verdana, Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-weight:200;
	line-height:18px;
	color:#fff;
	text-align:left;
	}
	.template121 { padding:45px 26px 20px 28px; }
	.template122 { padding:35px 31px 20px 19px; }
	
	div#container h1:first-child {
	margin-top:0px;
	margin-bottom:0px;
	}
#footer {
clear:both;
width:958px;
text-align:left;
z-index:100;
}
.footerheight1 {
height:178px;
background-position:0px -5px;
}
.footerheight2 {
height:15px;
background-position:0px -168px;
}
	#footer a {
	text-align:center;
	display:block;
	}
	#footer img {
	margin:auto;
	}
.floatleft {
float:left;
}
#floatlogos {
height:185px;
margin-top:2px;
}
#floatlogos img {
float:left;
margin-right:3px;
margin-bottom:4px;
}

.line_dark {
clear:both;
height:10px;
margin-top:9px;
background-image:url(/gui/splitline.png);
background-position:left top;
background-repeat:no-repeat;
}

.lessonplan { width:207px; float:left; margin-right:17px; margin-bottom:15px; }
.download { text-align:center; clear:both; }
.download h1 { text-decoration:none; }

#footer a:link 			{ color: #fff; font-weight:bold; text-decoration: none; }
#footer a:visited 		{ color: #fff; font-weight:bold; text-decoration: none; }
#footer a:hover 		{ color: #fff; font-weight:bold; text-decoration: underline; }
#footer a:active 		{ color: #fff; font-weight:bold; text-decoration: none; }

#footer a:link.addvisors 		{ color: #878787; font-weight:bold; text-decoration: none; }
#footer a:visited.addvisors 	{ color: #878787; font-weight:bold; text-decoration: none; }
#footer a:hover.addvisors 		{ color: #878787; font-weight:bold; text-decoration: none; }
#footer a:active.addvisors 		{ color: #878787; font-weight:bold; text-decoration: none; }

#credits a:link 		{ color: #000; font-weight:200; text-decoration: underline; }
#credits a:visited 		{ color: #000; font-weight:200; text-decoration: underline; }
#credits a:hover 		{ color: #333; font-weight:200; text-decoration: underline; }
#credits a:active 		{ color: #000; font-weight:200; text-decoration: underline; }