@charset "utf-8";

body {background-color:#000066; padding:10px; text-align:center; margin:auto; font-family:"Courier New", Courier, monospace;}
h1 {font-size:138.5%;}
h2 {font-size:123.1%;}
h3 {font-size:108%;}
/*h1,h2,h3 {margin:1em 0;}*/
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
img {border:0px;}
span {border:0px;}

#maindiv {background-image:url(../Imgs/teen_bkg_2.jpg);background-repeat:no-repeat;margin:auto;width:900px;text-align:center;}
#hd {width:900px; height:100px;}
#wrap{height:620px; width:900px;}

#leftside {width:200px; float:left; height:600px; overflow:hidden;}
#teen_2col_left {width:430px; float:left; height:620px; overflow:hidden; padding-left:20px;}
#teen_2col_right {width:430px; float:right; height:620px; overflow:hidden; padding-right:20px;}

form {border: 0;margin:0px; padding: 0px;}

#menu {
	width:150px;
	float:right;
	vertical-align:top; 
	height:300px;
	clear: both;
	/*overflow: hidden;*/
	
}
#poll {
	width:160px; 
	height:auto;
	margin: 0px;
	font-family: “Times New Roman”, Times, serif;
	font-size:12px;
	float: right;
	/*background-color:#FDF89C;*/
	vertical-align:bottom;
	overflow:hidden;
}
#poll_header{
	width:160px;
	height:45px;
	background-color:#FDF89C;
	overflow:hidden;
}

#poll_question{
	height:auto;
	background-color:#FDF89C;
	overflow:hidden;
	padding:0 5px;
	text-align:left;
	font-family: "Courier New", Courier, monospace;
	letter-spacing:-0.1em;
	
}


.pollbutton {font-family: arial;font-weight: bold;font-size: 12px;color: #ffffff;background: #233b7a;margin: 0;padding-left: 1px;padding-right: 1px;border: solid 1px #000000;}

#poll_footer{
		width:160px;
		height:10px;
		background-image:url(../Imgs/poll_footer.jpg);
		background-repeat:no-repeat;
		/*background-color:#FDF89C;*/
		overflow:hidden;
}

#container{
	width:650px;
	float:right;
	height:600px;
	overflow:hidden;
	clear: none;
	position: relative;
}

#feature {
	width: 430px;
	vertical-align:top;
	padding-top:25px;
	padding-right:250px;
}
#teen_contents{
	width:900px;
	float:center;
	height:480px;
	overflow:hidden;
	clear: none;
	position: relative;
}
#row2 {width: 610px; vertical-align:bottom;height:400px; }
#row2left {width: 305px; float:left; height:400px; padding-top:55px;}
#row2left table {background-image:url(../Imgs/teen_libcard.gif);background-repeat:no-repeat;}
#row2leftNew {width: 305px; float:left; height:400px; padding-top:55px;}
#row2right {width: 305px; float:right;  height:400px; /*margin-top:20px; padding-top:15px;background-image: url(../Imgs/photobox.gif); background-repeat:no-repeat;*/}
a.teen_menu{text-decoration:none; font-style:italic; font-variant:small-caps;}
h1.ask_menu {font-size :14px;font-family : arial;font-weight : bold;color : #223D80;margin: 2px; line-height:0;}
a.teen_headline {font-size :18px;font-family: "Courier New", Courier, monospace;font-weight : bold;color : #000;margin: 2px;}
a.teen_headline:hover {color:#F00;}
.teen_headline_small {font-size :12px;font-family: "Courier New", Courier, monospace;font-weight : bold;color : #000;margin: 2px; text-decoration:none;}
a.teen_headline_small:hover {color:#F00;}
div#backnav {	
	width:150px;
	text-align:left;
	height:120px;
	float:left;
	vertical-align:top; 
	clear: both;
	padding-left:20px;
}
div#ft {clear:left;width:100%; text-align:right; height:29px; vertical-align:bottom;}
p.teen_footer {font-size : 9px;font-family : arial;font-weight : bold;color : #9B9DC3;padding-right: 12px;padding-top: 3px;margin: 2px;}
A.teen_footer_nav{color: #9B9DC3;text-decoration: none;font-weight : bold;}
A.teen_footer_nav:hover {color : #E47404;text-decoration : none;}


#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
/*.flickr_badge_image img {border: 1px solid black !important;}*/
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff; border-bottom: solid 1px #666; border-right:solid 1px #666;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
/*#flickr_stream{margin-right:72px;}*/


ul.vert-one{margin-top:30px;padding:0;list-style-type:none;display:block;font:bold 14px Courier New, Courier, monospace;line-height:165%;width:150px;}
ul.vert-one li{margin:0;padding:0;/*border-top:1px solid #4D0000;border-bottom:1px solid #761A1A;*/}
ul.vert-one li a{display:block;text-decoration:none;color:#fff;width:150px;background-repeat:no-repeat;height:24px;}
ul.vert-one li.teen_mcatalog a{background-image:url(../Imgs/teen_catalog.gif);}
ul.vert-one li.teen_mcatalog a:hover{background-image:url(../Imgs/teen_catalog_ro.gif);}
ul.vert-one li.teen_mcoollinks a{background-image:url(../Imgs/teen_cool_links.gif);}
ul.vert-one li.teen_mcoollinks a:hover{background-image:url(../Imgs/teen_cool_links_ro.gif);}
ul.vert-one li.teen_mlibhome a{background-image:url(../Imgs/teen_library_home.gif);}
ul.vert-one li.teen_mlibhome a:hover{background-image:url(../Imgs/teen_library_home_ro.gif);}
ul.vert-one li.teen_mdigdown a{background-image:url(../Imgs/teen_digit_downloads.gif);}
ul.vert-one li.teen_mdigdown a:hover{background-image:url(../Imgs/teen_digit_downloads_ro.gif);}
ul.vert-one li.teen_mevents a{background-image:url(../Imgs/teen_events.gif);}
ul.vert-one li.teen_mevents a:hover{background-image:url(../Imgs/teen_events_ro.gif);}
ul.vert-one li.teen_mhomework a{background-image:url(../Imgs/teen_homework_help.gif);}
ul.vert-one li.teen_mhomework a:hover{background-image:url(../Imgs/teen_homework_help_ro.gif);}
ul.vert-one li.teen_mreviews a{background-image:url(../Imgs/teen_book_reviews.gif);}
ul.vert-one li.teen_mreviews a:hover{background-image:url(../Imgs/teen_book_reviews_ro.gif);}
ul.vert-one li.teen_navback a{background-image:url(../Imgs/teen_backbutton.gif);}
ul.vert-one li.teen_navback a:hover{background-image:url(../Imgs/teen_backbutton_ro.gif);}
ul.vert-one li.teen_twine a{background-image:url(../Imgs/teen_TWINE.gif);}
ul.vert-one li.teen_twine a:hover{background-image:url(../Imgs/teen_TWINE_RO.gif);}

ul.accmenu{margin:0;padding:0;list-style-type:none;}
ul.accmenu li a{display:block;text-decoration:none;color:#fff;}
ul.accmenu li.accopen a:hover{background-image:url(../Imgs/GetCard.gif); background-repeat:no-repeat; height:60px; background-position:center;}
ul.accmenu li.accview a:hover{background-image:url(../Imgs/OpenSesame.gif); background-repeat:no-repeat; height:35px; background-position:center;}
ul.accmenu li.fine_forgiveness a:hover{background-image:url(../Imgs/FineForgiveness.gif); background-repeat:no-repeat; height:35px; background-position:center;}
/*td.accopen a:hover{background-image:url(../Imgs/55%20plus.gif);}*/

a.getCard
{
	display:block;
	width: 150px;
	height: 70px;
}
a.getCard:hover
{
	background-image:url(../Imgs/GetCard.gif); 
	background-repeat:no-repeat; 
	background-position:center; 
}

a.fineForgiveness
{
	display:block;
	width: 100px;
	height: 70px;
}
a.fineForgiveness:hover
{
	background-image:url(../Imgs/FineForgiveness.gif); 
	background-repeat:no-repeat; 
	background-position:center; 
}

a.viewAccount
{
	display:block;
	width: 200px;
	height: 55px;
}

a.viewAccount:hover
{
	background-image:url(../Imgs/OpenSesame.gif); 
	background-repeat:no-repeat;
	background-position:center;
}


/* Shadow for book covers*/
.img-shadow {float:left;background: url(../imgs/shadow.gif) no-repeat bottom right !important;background: url(../imgs/shadow.gif) no-repeat bottom right; margin:2px 0 0 10px;}

.img-shadow img {display: block;position: relative;margin: -4px 4px 4px -4px;padding: 0px;} 
/*End Shadow for book covers*/

/**jcarousel
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 200px;}

/**jcarousel
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}

/**jcarousel skin*/
.jcarousel-skin-tango .jcarousel-container { /*background: #F0F6F9;border: 1px solid #346F97;*/ height:100px;}
.jcarousel-skin-tango .jcarousel-item {width: 75px; height: 100px;}

.jcarousel-skin-tango .jcarousel-container-horizontal {width: 400px; padding: 0px 40px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  400px; height: 100px;}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 43px;right: 5px;width: 32px;height: 32px;cursor: pointer; background: transparent url(../Imgs/next-horizontal.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 5px;width: 32px;height: 32px;cursor: pointer; background: transparent url(../Imgs/prev-horizontal.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}

/*SLIDESHOW FORMATTING*/
#myGallery, #myGallerySet, #flickrGallery{width: 488px;height: 225px;z-index:5;border: 0px solid #000;}
#flickrGallery{width: 500px;height: 334px;}
#myGallery img.thumbnail, #myGallerySet img.thumbnail{display: none;}
.jdGallery{overflow: hidden;position: relative;}
.jdGallery img{border: 0;margin: 0;}
.jdGallery .slideElement{width: 100%;height: 100%; background-color:#EEEFE7; background-repeat: no-repeat;background-position: center center;background-image: url('img/loading-bar-black.gif');}
.jdGallery .loadingElement{width: 100%;height: 100%;position: absolute;left: 0;top: 0; background-color: #FFF; background-repeat: no-repeat;background-position: center center;background-image: url('img/loading-bar-black.gif');}
.jdGallery .slideInfoZone{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 40px;background: #333;color: #fff;text-indent: 0;overflow: hidden;}
* html .jdGallery .slideInfoZone{bottom: -1px;}
.jdGallery .slideInfoZone h2{padding: 0;font-size: 80%;margin: 0;margin: 2px 5px;font-weight: bold;color: inherit;}
.jdGallery .slideInfoZone p{padding: 0;font-size: 60%;margin: 2px 5px;color: #eee;}
.jdGallery div.carouselContainer{position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;}
.jdGallery a.carouselBtn{position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;}
.jdGallery .carousel{position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #333;color: #fff;text-indent: 0;overflow: hidden;}
.jdExtCarousel{overflow: hidden;position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper{position: absolute;width: 100%;height: 78px;top: 10px;	left: 0;overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail{margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label{font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number{color: #b5b5b5;}
.jdGallery a{font-size: 100%;text-decoration: none;color: inherit;}
.jdGallery a.right, .jdGallery a.left, .jdGallery div#ppButtons{position: absolute;height: 99%;width: 5%;cursor: pointer;z-index:10;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
* html .jdGallery a.right, * html .jdGallery a.left{filter:alpha(opacity=50);}
.jdGallery a.right:hover, .jdGallery a.left:hover, .jdGallery div#ppButtons:hover{filter:alpha(opacity=80);-moz-opacity:0.8;	-khtml-opacity: 0.8;opacity: 0.8;}
.jdGallery a.left{left: 0;top: 0;background: url('img/fleche1.gif') no-repeat bottom left;}
* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat bottom left; }
.jdGallery a.right{right: 0;top: 0;background: url('img/fleche2.gif') no-repeat bottom right;}
* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat bottom right; }
.jdGallery a.open{left: 0;top: 0;width: 100%;height: 100%;}
.withArrows a.open{position: absolute;top: 0;left: 5%;height: 99%;width: 90%;cursor: pointer;z-index: 10;background: none;	-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;outline:none;}
.jdGallery a.gallerySelectorBtn{z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);}
.jdGallery .gallerySelector{z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;}
.jdGallery .gallerySelector h2{margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow: hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{background: #333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin: 0;padding: 0;font-size: 12px;font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}