@charset "UTF-8";

/* dark blue: #003366



*/

body {
	background-color: #036;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 12px;
	}




a img {
	border: none;
	}

a, a:link, a:visited {
	color: #2f3741;
		}

a:hover {
	color: #000;
	text-decoration: none;
	}

p {margin-top: 0;}


#header {
	width: 850px;
	padding: 0;
	margin: 0px auto;
	/*background-color: #033;*/
	position: relative;
	left: 0;
	top: 0;
}

#header_bg {
	padding: 0;
	height: 94px;
	background: url(../images/header_bg.jpg) repeat-x;
	}
	
#header_bg_inner {
	padding: 0;
	height: 80px;
	background: url(../images/header_bg.jpg) repeat-x;
	}



#content_wrap {
	width: 850px;
	margin: 20px auto 0px auto;
	}
	
	
#content_wrap_home {
	width: 850px;
	margin: 0px auto 0px auto;
	}

#main {
	width: 814px;
	border: 3px solid #333333;
	margin: 0px auto 0px auto; 
	padding: 10px 15px 15px 15px;
	background-color: #FFF;
	}
	


#networking {
	padding-top: 24px;
	padding-right: 3px;
	height: 30px;
	padding-bottom: 9px;
	}
	
#networking img {
	float: right;
	margin-left: 14px;
	}


#logo {
	position: absolute;
	left: 0;
	top: 10px;
}


#wfl_text {
	position: absolute;
	left: 140px;
	top: 15px;

}

#wfl_text_inner {
	position: absolute;
	left: 70px;
	top: 15px;

}

#tag {
	position: absolute;
	left: 148px;
	top: 74px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}

#navigation {
		
		margin: 0;
		background-color: #000;
		border: 2px solid #333;
		font-size: 13px;
		font-weight: bold;
		padding: 7px 0;
		position: relative; /*To Make the dropdown position correctly */
}

#navigation a, #navigation a:link, #navigation a:visited {
	margin-top: 0;
	padding: 0px 11px;
	text-decoration: none;
	color: #FFF;
	border-left: 1px dotted #333;
	}

#navigation a:hover,
#kids #navigation a.z_kids,
#teens #navigation a.z_teens,
#adults #navigation a.z_adults,
#about #navigation a.z_about,
#databases #navigation a.z_databases

{
	color: #CC0;
}


#navigation a#first {
		border-left: none;
		margin-left: 40px; /* was 7 */
		}


#search_bar {
	background-color: #e5e5e5;
	padding: 7px 13px 4px 17px;
	height: 23px;
	margin-bottom: 25px;
	}

#search_bar_left {
 	float: left;
	color: #004071;
	font-size: 13px;
	font-weight: bold;
	}


#search_bar_right {
	float: right;
	padding-top: 2px;
	}
	
#search_bar_right a, #search_bar_right a:link, #search_bar_right a:active {
	background-color: #4d7a9c;
	border: #333 1px solid;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	padding: 3px 8px;
	margin-left: 10px;
		}

#search_bar_right a:hover{
	color: #4d7a9c;
	background-color: #FFF;
	}


#footer {
	clear: both;
	padding-top: 10px;
	height: 40px;
	text-align: center;
	font-weight: bold;
	color: #CCC;
	width: 850px;
	margin: 0px auto;
	}
	
#footer a {
	color: #CCC;
}


#left_navigation {
	width: 210px;
	}

#left_navigation_wrap {
	background-color: #e2eaef;	
	padding: 10px 15px;
	margin-bottom: 20px;
	}

#main_content {
	/*background-color: #39F;*/
	width: 570px;
	float: right;
}

ul.left_nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

ul.left_nav li {
	margin-bottom: 4px;
	}
	
ul.left_nav li.header_row {
	margin-top: 15px;
	font-weight: bold;
	}

ul.left_nav li a, ul.left_nav li a:link, ul.left_nav li a:visited {
	color: #000;
	text-decoration: none;
	background-image: url(../images/greenArrow.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 14px 2px;
	padding-left: 23px;
	}
	
ul.left_nav li a:hover,
 #get_card ul.left_nav li a.z_get_card,
 #internet ul.left_nav li a.z_internet,
 #new ul.left_nav li a.z_new,
 #friends ul.left_nav li a.z_friends,
 #special ul.left_nav li a.z_special,
 #community ul.left_nav li a.z_community,
 #searching ul.left_nav li a.z_searching,
 #review ul.left_nav li a.z_review,
 #reserve ul.left_nav li a.z_reserve,
 #renew ul.left_nav li a.z_renew,
 #pin ul.left_nav li a.z_pin,
 #news ul.left_nav li a.z_news,
 #answer ul.left_nav li a.z_answer,
 #book ul.left_nav li a.z_book,
 #printer ul.left_nav li a.z_printer,
 #donation ul.left_nav li a.z_donation,
 #info ul.left_nav li a.z_info,
 #teachers ul.left_nav li a.z_teachers,
 #newsletter ul.left_nav li a.z_newsletter,
 #staffpicks ul.left_nav li a.z_staffpicks,
 #building ul.left_nav li a.z_building



{
	color: #900;
	}
	
ul.left_nav li.header_row.no_top_space { margin-top: 0; }



#right_column {
	width: 132px;
	float: right;
}

#right_column img {
	margin-bottom: 20px;
}

.boxes { 
	border: 1px solid #666666;
	padding: 0px 8px 0px 8px;
	margin-bottom: 20px;
	}

/*------------ News ------------ */

.date {color: #000; font-size: 12px; font-style: italic;}
.date2 {color: #000; font-size: 10px; font-style: italic; font-weight: normal;}


/*-----------------NEWS BLOCKS ------------*/


.top_story {
	border-bottom: 1px solid #333333;
	min-height: 189px;
	height: auto !important;	/*this is a hack to fix IE6 problem*/
	height: 189px;	/*this is a hack to fix IE6 problem*/
	margin-bottom: 10px;
}

.news_block {
	border-bottom: 1px dotted #333333;
	min-height: 115px;
	height: auto !important;	/*this is a hack to fix IE6 problem*/
	height: 115px;	/*this is a hack to fix IE6 problem*/
	margin-bottom: 10px;
	
	}

.news_block img, .news_toc img {
	width: 144px;
	height: 102px;
	float: left;
	margin-right: 10px;
	}
	
.news_block p {
	margin-left: 154px;
	}

#news_wrap {
	width: 400px;
	}



h1 {
	margin-top: 0px;
	font-size: 16px;
	color: #003366;
}


h2 { 
	color: #a60000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	}

h2 a {
	font-size: 13px;	
}

h4 { 
	color: #a60000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	margin-bottom: 5px;
	}

h3 {
	margin: 0 -8px 0 -8px;
	color: #FFF;
	font-weight: bold;
	background-color: #030;
	padding: 3px 5px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
	letter-spacing: 1px;
}

h5 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}

h6 {
	font-size: 11px; 
	font-weight: bold;
	margin-top: 5px;
	}


.clear { clear: both; }


#mobile_header { display: none; }

.simple_lists { margin: 0px; }

.simple_lists li { margin-bottom: 5px; }

.float_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.half_screens {
	width: 50%;
	float: left;
}

.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

.new_toggles .letter_list li {
	list-style-type:upper-alpha;}
	
.new_toggles .letter_list li ul li {
	list-style-type:disc;}


.new_toggles li div {font-size: 11px; color: #000;}
	
new_toggles li div ol {
	list-style-type: upper-roman;
	margin-left: 0;
	padding-left: 32px;
	color: #000;
	}
	
.new_toggles li div ol li {
	list-style-type: upper-roman;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 5px;
	color: #000;
	background-image: none;
	}
	
	
.new_toggles li div ol ul li {
	list-style-type:disc;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 5px;
	color: #000;
	background-image: none;
	}
	
.new_toggles li div ol ol {
	list-style-type: upper-alpha;
	}
	
ul.new_toggles {
	padding: 0;
	margin: 0;
}

ul.new_toggles li {
	padding-left: 30px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-bottom:8px
	}
	
#links {
	line-height: 150%;
}

#links a {
	border-left: 1px solid #CCC;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
}

#links a.first {
	padding-left: 0px;
	border-left: none;
}







/*------------ DROP DOWNS -------------- */

#m1
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000;
	left: 541px;
	top: 32px;
	width: 185px;
	/*border: 1px solid #5970B2*/}

#navigation #m1 a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 165px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background-color: #666;
		color: #FFF;
		font-size: 9px;
		border-bottom: 1px dotted #CCC;}

#navigation #m1 a:hover
	{	color: #CC0;
	}

/* ---------------------------------------- */

#teachers_sub { 
text-align:center;}


#teachers_sub a:link, #teachers_sub a:visited {
	border:#39F 2px outset;
	text-decoration:none;
	font-weight:bold;
	background-color:#69C;
	color:#000;
	padding:5px;
	margin-right:10px;
	text-align:center;
	}


#teachers_sub a:hover, 
#alerts #teachers_sub .z_alerts,
#cards #teachers_sub .z_cards,
#directed #teachers_sub .z_directed,
#visits #teachers_sub .z_visits,
#teacherlinks #teachers_sub .z_teacherlinks
{ background-color:#FFF;
color:#06C;}
	


.acro_list li {
	list-style-image:url(../images/acro_icon2.jpg);
	margin-bottom:5px;}
	
.acro_list li.header {
	padding-top:20px;
	margin-bottom:10px;
	color:#F00;
	font-weight:bold;
	list-style-image:none;
	font-size:14px;
	list-style-type:none;
	text-indent:-20px;}
	
	
.small { font-size:9px;
		margin-top:15px;}
		
		
/*--------------- Form -------------*/

#admin_form {
	font-size: 12px;
}	
	
#admin_form p {
  	clear: left;
  	padding-top: 20px;
  }
  
#admin_form p label {
  	float: left;
	width: 100px;
	text-align: right;
	padding-right: 20px;
	}
	
  
#admin_form p input,  #admin_form p select, #admin_form p textarea {
  	float: left;
	margin-left: 0px;
	width: 400px;
	}
	
#admin_form p input.radio {
  	float: none;
	margin-left: 0px;
	width: 10px;
	margin-right: 5px;
	}


#admin_form p input.radio2 {
  	float: none;
	margin-left: 0px;
	width: 10px;
	margin-right: 5px;
	}
	
#admin_form p.other_radio {
	margin-top:-30px;
	margin-left:140px;
}

#admin_form p.other_radio textarea {
	width:250px; float:right; margin-right:100px;
}



.submitbutton { margin-left: 140px; }

/*----------------------*/
.staff_picks {
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #666; 
	}
	
#staff_picks_frame {
	width: 430px;
	}
	
.staff_picks_frame_full {
	/*width: 599px;*/
	height: 225px;
	overflow: auto;
	}
	
#staff_picks_frame div, .staff_picks_frame_full div {
	width: 125px; /*was 129*/
	margin-right: 14px; 
	margin-bottom: 14px;
	float: left;
	height: 200px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	}
	

	
#staff_picks_frame div p, .staff_picks_frame_full div p {
	margin: 3px 0 0 0;
	line-height: normal; 
	}
	
#staff_picks_frame img, .staff_picks_frame_full img {
	border: none;
	
			}
	
.staff_picks_titles {
	color: #17A91B;
	font-weight: bold;
		}

/*------------------------------------*/


.extra_topspace { margin-top: 60px; }
.extra_toppadding { padding-top: 100px; }


/* ---------- ADMIN FORM STUFF ---------------*/
#admin_wrap {
	background-color: #FFF; 
	border: 1px solid #666; 
	padding: 170px 10px 30px 10px; 
	width: 830px; 
	background-image: url(../images/wham_banner_admin.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	}

#admin_form {
	font-size: 12px;
}	
	
#admin_form p {
  	clear: left;
  	padding-top: 20px;
  }
  
#admin_form p label {
  	float: left;
	width: 120px;
	text-align: right;
	padding-right: 20px;
	}
	
  
#admin_form p input,  #admin_form p select, #admin_form p textarea {
  	float: left;
	margin-left: 0px;
	width: 350px;
	}
	
.submitbutton { margin-left: 220px; }

/* ---------------------------------------*/

/* --------------- Admin Navigation stuff ---------- */

#admin_nav {
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;
	}

#admin_nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	width: 200px;
	text-align: center;
	}
	
#admin_nav ul li {
	border-bottom: 1px dotted #999;
}

#admin_nav ul li.divider {
	height: 7px;
	background-color: #000;
	border-bottom: none;
	padding: 0;
	margin: -1px 0 0 0;
}


#admin_nav ul li a, #admin_nav ul li a:link, #admin_nav ul li a:visited {
	display: block;
	padding: 5px;
	background-color: #900;
	text-decoration: none;
	color: #FFF;
	}
	
#admin_nav ul li a:hover {
	background-color: #033;
	color: #FF0;
	}



#new #admin_nav ul li a.z_new, 
#home #admin_nav ul li a.z_home,
#feature #admin_nav ul li a.z_feature,
#featurebib #admin_nav ul li a.z_featurebib,
#newbib #admin_nav ul li a.z_newbib,
#adultpicks #admin_nav ul li a.z_adultpicks,
#childrenpicks #admin_nav ul li a.z_childrenpicks,
#teenpicks #admin_nav ul li a.z_teenpicks
{ 
	background-color: #033; color: #FF0; 
	}

/*------- This is for NEWS EDIT/DELETE/SUPRESS FEATURE page ---- */
	
.top_feature {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	}
	
.list_tables {
	font-size: 11px;
	font-weight: bold;
	width: 829px;
	clear: both;
	margin-top: 30px;
		}
	
.list_tables td {
	padding: 3px 0;
			}	

.story_banner {
	background-color: #CCCCCC;
	}
	
.box_tds {
	width: 36px;
	text-align: center;
	}

.box_tds_border {
	width: 35px;
	text-align: center;
	border-right: 1px solid  #666666;
	}
	
.supress_column {
	width: 150px;
	}
	
.headline_column {
	width: 515px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	}
	
.department2 {
	background: #CCC;
	text-align:center;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	}
	
.department2 a, .department2 a:link, .department2 a:visited{
color:#000;
	}	
	
	
.page {
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #666666;
	}

.instructions {
	text-align:center;
	}
	
.box_tds2 {
	width: 66px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	}
	
/*--------------------------------------------------------------*/

#bibliographies img {
	margin-right: 10px;
	width: 86px;
	height: 86px;
	}
	
#bibliographies p {
	padding-bottom: 20px;
	border-bottom: #999 dotted 1px;
	}
	

/*--------------- This is for BIBLIOGRAPHY LIST page --------- */

.department {
	width: 600px;
	background: #CCC;
	text-align:center;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top: 0px;
	color:#FFFFFF;
	margin-bottom:5px;
	margin-top:30px;
	padding: 5px 10px;
	}

.banner1 {
	width:600px;
	margin-top: 0px;
	background-color:none;
	font-size:11px;
	padding: 5px 10px;
	clear: left;
	margin-top: 3px;
	margin-bottom: 0;
	}
	
.row2 {
	background-color: #CCCCCC;
	}
	
.banner1 span {
	float: left; padding-right: 10px; width: 440px; height: 15px; overflow: hidden;
	}

.banner1 a  {
	font-weight: bold;
	text-decoration: none;
	}
	
.banner1_suppress {
	width:600px;
	margin-top: 0px;
	background-color:none;
	font-size:11px;
	padding: 5px 10px;
	clear: left;
	margin-top: 3px;
	margin-bottom: 0;
	text-decoration: line-through;
}

.banner1_suppress span {
	float: left; padding-right: 10px; width: 440px; height: 15px; overflow: hidden;
	}
	
.banner1_suppress a  {
	font-weight: bold;
	text-decoration: none;
	}	


.row2_suppress{
	background-color: #CCCCCC;
	text-decoration: line-through;
	}
	
/*--------------------------------------------------------------*/


.delete_later_div {
	display: none;	
}

#kids_flash {
	margin-bottom: 10px;	
}

.caption_boxes2 {
text-align: center;
width: 300px;
float: right;
margin-left: 20px;
margin-bottom: 10px;
font-weight: normal;
font-size: 11px;
}

.caption_boxes2 img {
	margin-bottom: 4px;
}

#teen_bio_button, #teen_picks_button,
#kids_bio_button, #kids_picks_button,
#new_button, #picks_button,
#adult_bio_button, #adult_picks_button,
#main_feature_banner {
	display: none;
}

#find_teen {
	text-align: center;
	font-weight: bold;
	border: 1px #003366 solid;
	padding: 5px 5px 0 5px;
	margin-bottom: 20px;
	width: 120px;
		background-color: #FFC;

}

#find_teen a {
	margin: 0;
	padding: 0;
}

#right_column #find_teen img {
	padding: 5px 15px 5px 15px;
	width: 30px;
	height: 30px;
	float: left;
	margin-bottom: 0;
}

#coupon_form input{
	margin-left:20px;
	width:250px;}
	
#coupon_form .submitbutton {
	margin-bottom:0}
	
#coupon_box {
	padding:20px 20px 0 20px;
	border:dashed 5px #000;
	margin: 0 20%;
	text-align:center;
	margin-bottom:20px;}

#coupon_bottom {
	margin-top:30px;
	font-size: 10px;
	}
	
#coupon_bottom p {
	text-align:right;}
	
#coupon_bottom span {
	float:left;
	text-align:left;}
	
#print_box {
	background-color:;
}

#imgBarcode {
	margin: 8px 0;	
}