.subtitle {display:none;}
ul.bullets {margin-left:0px}
ul.bullets li {list-style-image : url(../images/kids/bullet.gif);margin-left:15px;padding-top:2px}

#column {min-height:100px;}

#content, #copy {height:auto;}

#context {background:transparent;}

#copy {background:white;width:704px;padding-top:36px;padding-left:24px;padding-right:10px;}

.home #copy {width:980px !important;}

#header {background-image:none !important;background-color:transparent;
	position:absolute;
	top:-75px;
	left:0px;
	border:none;
	height:170px;
	padding:0px;
	padding-top:1px;
	margin:0px;
	width:984px;
	margin-left:-20px;
	z-index:3000;
	}
	
.home #header {top:0px; height:50px;}

h1 {font-size:20px; font-weight:bold !important;}

#navigation {
	background-color:rgb(60,177,255);
	margin-top:15px;
	min-height:100px;
}

#sidebar, #dir #sidebar {border:none;}

.titlepad {
vertical-align:bottom;height:89px;
}

body {font-family:"Arial Round", Arial, Helvetica, Verdana, sans-serif;}

#keynotepad {border:none;background:transparent;}

#accent, #search, #signin, #menu, #breadcrumb, #stripe {display:none !important;}

body {background:#fff url(../images/bgs/kids/page.gif) repeat-x;}

#context {height:78px;}
#footer {background:transparent;margin-top:10px;}
#page, #dir #page {
	background-image:none;
	border:5px solid rgb(255,225,0);
	margin-top:70px;
	padding:0px;}
	
#tools {background:rgb(249,248,203);width:738px;padding-top:4px;height:24px;}

#tools {	margin:0px 16px 0px 16px;}

#languages {
	color:#666;
	top:10px;
	left:890px;
	font-size:11px}

h1 {
	color:white;
	font-weight:normal;
	}

/* corners */
b.cn {
	position:absolute;
	height:5px;
	width:5px;
	background:url(../images/kids/corners/outer.gif) no-repeat;
	line-height:1px;
	font-size:1px;}
	 
* html b.cn {background-image:url(../images/kids/corners/outer.gif);}
b.tl {top:-4px; left:-4px; background-position:top left;z-index:100;}
b.tr {top:-4px; right:-4px; background-position:top right;z-index:101;}
b.bl {bottom:-4px; left:-4px; background-position:bottom left;z-index:102;}
b.br {bottom:-4px; right:-4px; background-position:bottom right;z-index:103;}



.container {position:relative;
	background:transparent;
}

 ul.directory li {
 	height:130px;
 	width:260px;
 	float:left;
 	margin:0px 24px -6px 24px;
 	border:none;
 	background: transparent url(../images/kids/directory.png) top left no-repeat;
 	display:inline;
 	clear:none;
 	padding-top:16px;
 	position:relative;
}

ul.directory li, ul.directory dd, ul.directory dt, ul.directory dl {display:inline;}

.directory dl {
	margin-left:0px !important;}

#dir .directory dt {
	margin-top:16px !important;}

.directory img {
	float:left;
	margin-right:12px;
	margin-bottom:10px;
	margin-top:0px;
	margin-left:18px;
	clear:both;
	border:2px solid #d13b28;
	}
 
 .directory dl, .directory dt, .directory dd {width:140px;border:0px solid #ccc;}

ul.directory {margin-top:55px;width:860px !important;border:0px solid red;}

#dir dd, #dir dt {width:120px !important;}

.definition {width:120px;height:44px;}

dt {border:0px solid red !important;}



/* now for the grownups... 
.grownup ul.directory li {
	background-image:none !important;
	display:block;
 	margin:0px 24px 12px 24px;
	float:none;
	position:relative;
}

.grownup ul.directory {margin-top:-10px;width:860px !important;border:0px solid red;}

.grownup ul.directory .definition, .grownup ul.directory dl, .grownup ul.directory dt, .grownup ul.directory dd {width:500px !important;border:0px solid red;}

.grownup dt {white-space:nowrap;}

.grownup .deadwood {height:24px !important;}

.grownup ul.directory li {height:auto; width:500px !important;} */

#navigation b.cn {height:15px; width:15px;background-image:url(../images/kids/corners/menu_learn.gif);}
#navigation b.tl {top:0px; left:0px; background-position:top left;z-index:100;}
#navigation b.tr {top:0px; right:0px; background-position:top right;z-index:101;}
#navigation b.bl {bottom:0px; left:0px; background-position:bottom left;z-index:102;}
#navigation b.br {bottom:0px; right:0px; background-position:bottom right;z-index:103;}

.read #page {background-color:#0085c8;}
.read #navigation b.cn {background-image:url(../images/kids/corners/menu_read.gif);}

.play #page {background-color:#74a862;}
.play #navigation b.cn {background-image:url(../images/kids/corners/menu_play.gif);}

.learn #page {background-color:#ff7b00;}
.learn #navigation b.cn {background-image:url(../images/kids/corners/menu_learn.gif);}

.listen #page {background-color:#d13528;}
.listen #navigation b.cn {background-image:url(../images/kids/corners/menu_listen.gif);}

.grownup #page {background-color:#ececd2;}
.grownup #navigation b.cn {background-image:url(../images/kids/corners/menu_grownup.gif);}

.grownup h1 {color:black !important;}


#dir #tools, #dir #navigation, #dir #title, #dir #context {display:none;}
#dir #copy, #dir #column {width:880px;}
#dir #page {width:940px;}


/* .grownup #copy {width:684px !important;border:0px solid red;margin-left:222px;margin-bottom:-33px;background:white !important;}
.grownup #tools, .grownup #title, .grownup #context {display:block !important;}

.grownup #tools {margin-left:222px;width:718px;} */

#sidemenu {margin-left:0px;margin-top:15px;}

li li.current {color:black !important;background:rgb(255,225,0);border:none !important;padding-top:3px !important;padding-bottom:5px !important;	text-decoration:none;
}

a.parent, .parent {border:none !important;}

#sidemenu li a {
	display:block;
	width:178px;
	padding-left:10px;
	padding-right:20px;
	border:none !important;
	padding-top:3px !important;
	padding-bottom:5px !important;
	border:0px solid red !important;
	color:white;
	font-weight:bold;
	text-decoration:none;
	}

#sidemenu li li a {padding-left:20px;width:167px;padding-right:20px;}

#sidemenu li.current {width:188px;	border:0px solid red !important;}


#sidemenu li a:hover {text-decoration:underline !important;	background-color:rgb(60,177,255);}

#sidemenu li a, #sidemenu li li a, #sidemenu li, #sidemenu li li, .current{white-space:normal !important;overflow-y:visible !important; height:auto;}

/* homework help styles */
.buttonshadow
{ background-image: url(http://sfpl.org/images/kids/buttonshadow.gif);
background-repeat:no-repeat;
         float: left;
		 width: 60px;
         height:60px;
		 margin-top: 0px; 
		 margin-left: 1px;
		 padding-right: 10px;
		 
		 		 
}
.rightbutton
{	position:absolute;
	margin-top: 25px;
	margin-left: 455px;
		 
		}
.tutortbutton 
	{ position:absolute;
	margin-top: 25px;
	margin-left: 530px;
	}
.booklist { margin-bottom:20px;}

.card { 
background-color:#F8DA07;
	left: 350px;
    height: 70px;
  	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	position:relative;
	width:300px;

	}
.card img {
	float:right;}
	
.tricycle_hl { position: absolute; left: 730px; top: 67px;
background-image:url(http://sfpl.org/images/kids/listen/tricycle/2011poster.jpg);
background-repeat:no-repeat;
float:right;
height:300px;
width:210px;
}