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

#content{
	width: 510px;
	padding-left: 0;
	padding-right: 10px;
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
}

#center_content_full{
	width: 90%;
	padding-left:10px;
}

#center_content_split{
	float: left;
	width: 65%;
	margin-top: 5px;
	margin-right:10px;
}
#right_content_split{
	width: 30%;
	float: left;
	margin-top: 5px;
}

/* THESE ARE FOR TWO EQUAL COLUMNS WITHIN AN AREA */
.two-equal-columns	{
	padding: 5px;
	width: 100%;
	}
.two-equal-columns-left	{
	width: 50%;
	float:left;
}
.two-equal-columns-right	{
	width: 50%;
	float:left;
}

/* THESE ARE FOR THREE EQUAL COLUMNS WITHIN THE CONTENT AREA */
.three-equal-columns	{
	padding: 5px;
	width: 100%;
	/*border:solid;
	border-width:1px; */
	}
.three-equal-columns-left	{
	width: 33%;
	float:left;
	text-align:center;
}
.three-equal-columns-center	{
	width: 33%;
	float:left;
	text-align:center;
}
.three-equal-columns-right	{
	width: 33%;
	float:left;
	text-align:center;
}
/* width of the content area in kids leaf is 521 pixels.  this is for littlekids fun and games */
.screenshot	{
	clear:both;
	margin-bottom:10px;
	}
.screenshot-img	{/*container class for screenshot image of website*/
	float:left;
	padding: 5px 20px 10px 10px;
	font-size:90%;
}
.screenshot-text	{ /*container class for text of selected resources*/
line-height:20px;
font-size:14px;
margin-top:5px;
}


/* THESE STYLES ARE FOR THE POPUP SCREENSHOTS OF THE FUN AND GAMES WEBSITES FOR THE THUMBNAILS */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 2;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
/*background-color: white;*?
/*padding: 5px;*/
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

/*this positions the popup window */
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
left: -360px; /*position where enlarged image should offset horizontally */
}

/* THIS IS TO REPLACE THE TABLE IN THE DISPLAY OF DATABASES */
.database-item	{
	width:100%;
	padding-bottom:10px;
	border-style:none none dashed none;
	border-width:1px;
	border-color:#009AC8;	/* TURQUOISE */
	margin-bottom:20px;
	}

}
.databasetitle	{
	float:left;
	width:45%;
	padding:0 5px 5px 0;
	font-weight:bold;
	/*border:solid 1px;*/
	}
.databaselibrary	{
	float:left;
	width:25%;
	/*border:solid 1px;*/
	}
.databaseremote	{
	float:right;
	width:25%;
	/*border:solid 1px;*/
	}
.databasedescription	{
	width:100%;
	clear:both;
	}
	
/* this is to format the LC table in the library of congress classification */
.LCtable	{
	clear:both;
	width:100%;
}
.LCnumber	{
	float:left;
	width:25%;
	font-weight:bold;
	}
.LCsubject	{
	float:left;
	width:75%;
	}