/************************************\
**  Styles for WBLIB Website		**
**	by Robert Pesale				**
**									**
**	12-09-2010						**
\************************************/

	/* FONTS */
	@font-face {
		font-family: Quadrat-Serial-ExtraBold;
		src: url('../graphics/fonts/Quadrat-Serial-ExtraBold-Regular.ttf');
	}

	body
	{
		background-color:		#0d375d;
		color:					#FFF;
		font-family:			sans-serif;
		margin:					0px;
		padding:				0px;
		text-align:				center;
	}

	#bookrow1 {
	/*border: 2px solid #CC0000;*/
	margin-top:64px;
	position:relative;
	width: 840px;
	}

	#bookrow2 {
		/*border: 2px solid #CC0000;*/
		margin-top:64px;
		position:relative;
		width: 840px;
	}

	#musicrow1 {
		/*border: 2px solid #CC000A;*/
		margin-top:30px;
		position:relative;
		width: 920px;
	}

	#musicrow2 {
		/*border: 2px solid #5544AA;*/
		margin-top:30px;
		position:relative;
		width: 920px;
	}

	#dvdrow1 {
		/*border: 2px solid #5544AA;*/
		margin-top:30px;
		position:relative;
		width: 920px;
	}

	#dvdrow2 {
		/*border: 2px solid #5544AA;*/
		margin-top:29px;
		position:relative;
		width: 920px;
	}

	#erow1 {
		/*border: 2px solid #5544AA;*/
		margin-top:29px;
		position:relative;
		width: 920px;
	}

	#erow2 {
		/*border: 2px solid #5544AA;*/
		margin-top:29px;
		position:relative;
		width: 920px;
	}

	#bookcover {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}

	#cdcover {
		float: left;
		margin-left: 10px;
		margin-right: 10px;

	}

	#dvdcover {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}

	#bmm_footer
	{
		background-color:		#f0f4f8;
		float:					left;
		min-height:				105px;
		_height: 				105px;
		margin:					auto;
		padding:				0px;
		width:					1000px;
	}

	ol#number_bullet
	{
		padding: 		15px 0px 15px 40px;
		line-height:	20px;
		list-style: 	decimal;
		width: 			100%;
	}

	ul#blue_bullet
	{
		padding: 		15px 0px 15px 40px;
		line-height:	20px;
		list-style: 	disc;
		width: 			100%;
	}

	#bookshelf {
		/*border: 2px solid #5544AA;*/
		background-image:	url('../graphics/bookshelf/bookshelf.jpg');
		float: 				left;
		height:				687px;
		margin-top:			12px;
		visibility: 		hidden;
		width:				100%;
	}

	#bookshelfFont
	{
		color:				#00529B;
		font-family:		Verdana, Arial, Times, serif;
		font-size:			14px;
		font-weight:		bold;
		text-decoration:	none;
		margin-left:		5px;
	}

	/* Used to display Loading before Amazon Covers are Loaded*/
	#bookshelftemp
	{
		color: 				#00529b;
		float: 				left;
		height:				50px;
		margin-top:			100px;
		width:				100%;
	}

	#footerinfo
	{
		float:				left;
		margin-left:		25px;
		margin-top:			-15px;
		padding:			0px;
		width:				945px;
	}

	#form1col1
	{
		color: 				#000;
		font-family:		arial;
		font-size:			13px;
		float:				left;
		width:				215px;
	}

	#form1col2
	{
		color: 				#000;
		font-family:		arial;
		font-size:			13px;
		float:				left;
		width:				375px;
	}

	#formradio1
	{
		background-color: 	#e7ecfc;
		height:				40px;
		padding:			7px;
		width:				600px;
	}

	#formradio2
	{
		background-color: 	#ede7d3;
		height:				40px;
		padding:			7px;
		width:				600px;
	}

	#LitFont
	{
		color:				#000;
		font-family:		Verdana, Arial, Times, serif;
		font-size:			16px;
		text-decoration:	none;
		margin-left:		auto;
		margin-right:		auto;
		text-align:			left;
		width:				680px;
	}

	#logButton
	{
		color:				#FFF;
		display:			none;
		float:				left;
		margin-left:		25px;
		margin-top:			6px;
	}

	#logButton a
	{
		color: 				#FFF;
		font-size:			12px;
		font-weight:		bold;
		text-decoration:	none;
	}

	#logButton a:hover
	{
		text-decoration:	underline;
	}

	#medalinfo
	{
		float:				left;
		height:				50px;
		margin-left:		25px;
		margin-top:			20px;
		padding:			0px;
		width:				935px;
	}

	#Subject
	{
		visibility:			hidden;
	}

	#summerreading
	{
		background-color:	#f0f4f8;
		float:				left;
		height:				145px;
		padding:			0px;
		text-align:			center;
		width:				275px;
	}

	#construction {
		background-color:	#fbebad;
		color:				#C00;
		border-image:		url('../graphics/sm_construction_banner.png') 12 0 12 0 round;
		border-style:		solid;
		border-width:		12px 0 12px 0;
		float:				left;
		margin-left:		25px;
		margin-top:			12px;
		padding:			5px 0 5px 0;
		text-align:			center;
		width:				950px;
	}

	#newsletter
	{

		float:				left;
		height:				155px;
		padding:			0px;
		text-align:			left;
		width:				275px;
	}

	#newsletter .title
	{
		color:				#00529B;
		float: 				left;
		font-size: 			14px;
		font-family:		Verdana, Arial, Times, serif;
		font-weight:		bold;
		letter-spacing:		2px;
		height:				35px;
		margin-bottom:		8px;
		margin-top:			8px;
		text-align:			center;
		width:				275px;
	}

	#faqlink
	{
		font-size: 12px;
	}
	#contactnumberbox
	{
		background-color:	#e7ecfc;
		color:				#000;
		font-size: 			14px;
		font-family:		Verdana, Times, serif;
		float:				left;
		height:				145px;
		padding:			0px;
		text-align:			center;
		width:				198px;
	}

	#contactnumberbox .title
	{
		color:				#00529B;
		float: 				left;
		font-size: 			14px;
		font-family:		Verdana, Arial, Times, serif;
		font-weight:		bold;
		letter-spacing:		2px;
		margin-bottom:		8px;
		margin-top:			8px;
		text-align:			center;
		width:				198px;
	}

	#contactnumberinfo
	{
		color:				#000;
		font-size: 			12px;
		font-family:		Verdana, Times, serif;
		float:				left;
		line-height:		16px;
		margin-left:		15px;
		margin-top:			5px;
		padding:			0px;
		text-align:			left;
	}

	#footerbox
	{
		border-left:		2px solid #FFF;
		background-color:	#ede7d3;
		color:				#000;
		font-size: 			14px;
		font-family:		Verdana, Times, serif;
		float:				left;
		height:				155px;
		padding:			0px;
		text-align:			center;
		width:				218px;
	}

	#footerbox .title
	{
		color:				#00529B;
		float: 				left;
		font-size: 			14px;
		font-family:		Verdana, Arial, Times, serif;
		font-weight:		bold;
		letter-spacing:		2px;
		margin-bottom:		8px;
		margin-top:			8px;
		text-align:			center;
		width:				218px;
	}

	#hoursbox
	{
		border-left:		2px solid #f0f4f8;
		background-color:	#f0f4f8;
		color:				#000;
		font-size: 			14px;
		font-family:		Verdana, Times, serif;
		float:				left;
		height:				145px;
		padding:			0px;
		text-align:			center;
		width:				218px;
	}

	#hoursbox .title
	{
		color:				#00529B;
		float: 				left;
		font-size: 			14px;
		font-family:		Verdana, Arial, Times, serif;
		font-weight:		bold;
		letter-spacing:		2px;
		margin-bottom:		8px;
		margin-top:			8px;
		text-align:			center;
		width:				218px;
	}

	#page_body
	{
		color:				#000;
		float: 				left;
		font-size: 			13px;
		font-family:		Verdana, Arial, Times, serif;
		line-height: 		17px;
		margin-left:		25px;
		min-height:			400px;
		_height: 			400px;
		text-align:			left;
		width:				95%;
	}

	#page_title
	{
		color:				#00529B;
		float: 				left;
		font-size: 			16px;
		font-family:		Verdana, Arial, Times, serif;
		font-weight:		bold;
		letter-spacing:		2px;
		line-height:		18px;
		margin-bottom:		8px;
		margin-top:			8px;
		text-align:			center;
		width:				100%;
	}

	#page_title_bold
	{
		color:				#000;
		font-size: 			14px;
		font-family:		Verdana, Arial, Times, serif;
		font-weight:		bold;
	}

	#sub_menu
	{
		float: 			left;
		margin-left:	27px;
		margin-top:		10px;
		text-align:		left;
		width: 			200px;
	}

	#sub_menu_right_side
	{
		float: 			left;
		margin-left:	15px;
		width:			725px;
	}

	#textinfo
	{
		color:				#000;
		font-size: 			12px;
		font-family:		Verdana, Times, serif;
		float:				left;
		margin-left:		45px;
		margin-top:			5px;
		padding:			0px;
		text-align:			left;
	}

	#textinfomb
	{
		color:				#000;
		font-size: 			12px;
		font-family:		Verdana, Times, serif;
		float:				left;
		line-height:		16px;
		margin-left:		25px;
		margin-top:			5px;
		padding:			0px;
		text-align:			left;
	}

	#textinfohours
	{
		color:				#000;
		font-size: 			12px;
		font-family:		Verdana, Times, serif;
		float:				left;
		line-height:		16px;
		margin-left:		15px;
		margin-top:			5px;
		padding:			0px;
		text-align:			left;
	}

	#textinfonm a
	{
		color:				#00529B;
		font-size: 			12px;
		font-family:		Verdana, Times, serif;
		float:				left;
		line-height:		16px;
		margin-left:		15px;
		margin-top:			135px;
		padding:			0px;
		text-align:			left;
	}

	#bottomContainer
	{
		background-color:		#f0f4f8;
		height:					10px;
		margin-left:			auto;
		margin-right:			auto;
		width:					1000px;

	}

	/* Header */
	#botround
	{
		background-image:		url('../graphics/botround.gif');
		background-repeat:		no-repeat;
		background-position:	bottom;
		float:					left;
		height:					10px;
		margin-left:			auto;
		margin-right:			auto;
		width:					1000px;
	}

	#topround
	{
		background-image:	url('../graphics/topround.gif');
		background-repeat:	no-repeat;
		display:			inline;
		float:				left;
		height:				7px;
		margin-left:		auto;
		margin-right:		auto;
		width:				1000px;
	}

	#header
	{	border: 			1px solid #000;
		float:				left;
		height:				30px;
		margin-left:		13px;
		margin-top:			-5px;
		padding:			0px;
		text-align:			left;
		width:				980px;
	}

	#headerleft
	{
		float:				left;
		height:				130px;
		margin-left:		13px;
		margin-top:			-5px;
		padding:			0px;
		text-align:			left;
		width:				650px;
	}

	#headerright
	{
		float:				left;
		height:				130px;
		margin-top:			-5px;
		padding:			0px;
		text-align:			left;
		width:				305px;
	}


	#header2
	{
		float:				left;
		height:				100px;
		margin-left:		25px;
		position:			relative;
		text-align:			left;
		width:				950px;
	}

	#header3
	{
		float:			left;
		height:			40px;
		margin-left:	25px;
		position:		relative;
		text-align:		center;
		vertical-align:	middle;
		width:			950px;
	}

	td.socialnetworks {
		padding-top:	6px;
	}

	.socialnetworks, .socialnetworks table, .socialnetworks td
	{
		margin:			auto;
		text-align:		center;
		vertical-align:	middle;
	}

	.socialnetworks img
	{
		margin:	0px 6px 0px 6px;
		vertical-align:	middle;
	}

	#litheaderleft
	{
		color:				#00529b;
		float:				left;
		font-family:		Verdana, Arial;
		font-size:			16px;
		font-weight:		bold;
		height:				100px;
		line-height:		18px;
		margin-left:		13px;
		margin-top:			-5px;
		padding:			0px;
		text-align:			left;
		width:				410px;
	}

	#litheaderright
	{
		float:				right;
		height:				100px;
		margin-right:		40px;
		margin-top:			-5px;
		padding:			0px;
		text-align:			right;
		width:				525px;
	}

	#bluetab
	{
		font-size: 14px;
		text-decoration:none;
		padding:5px 0;
		width:100px;
		background:#00529B;
		color:#EEE;
		float:left;
	}

	ul#toplist-nav
	{
		float: left;
		margin:3px 0px 0px 0px;
		padding:0px;
		list-style:none;
		text-align: center;
		width:305px;
	}

	ul#toplist-nav li
	{
		display:inline;
	}

	ul#toplist-nav li a
	{
		font-size: 14px;
		text-decoration:none;
		padding:5px 0;
		width:151px;
		background:#b2762d;
		color:#EEE;
		float:left;
	}

	ul#toplist-nav li a
	{
		text-align:center;
		border-left:1px solid #fff;
	}

	ul#toplist-nav li a:hover
	{
		background:#dfd6ba;
		color:#000
	}

	ul#toplist-nav li#active a, ul#toplist-nav li#active a:visited
	{
		background:#dfd6ba;
		color:#000
	}

	ul#toplist-nav li#liactive a, ul#toplist-nav li#liactive a:visited
	{
		background:#FFF;
		color:#000
	}






	ul#list-nav
	{
		float: left;
		margin:0px 0px 0px 25px;
		padding:0px;
		list-style:none;
		text-align: center;
		width:950px;
	}

	ul#list-nav li
	{
		display:inline;
	}

	ul#list-nav li a
	{
		font-size: 14px;
		text-decoration:none;
		padding:5px 0;
		width:157px;
		background:#b2762d;
		color:#EEE;
		float:left;
	}

	ul#list-nav li a
	{
		text-align:center;
		border-left:1px solid #fff;
	}

	ul#list-nav li a:hover
	{
		background:#dfd6ba;
		color:#000
	}

	ul#list-nav li#active a, ul#list-nav li#active a:visited
	{
		background:#dfd6ba;
		color:#000
	}




	ul#litlist-nav
	{
		float: left;
		margin:5px 0px 0px 25px;
		padding:0px;
		list-style:none;
		text-align: center;
		width:950px;
	}

	ul#litlist-nav li
	{
		display:inline;
	}

	ul#litlist-nav li a
	{
		font-size: 14px;
		text-decoration:none;
		padding:5px 0;
		width:186px;
		background:#b2762d;
		color:#EEE;
		float:left;
	}

	ul#litlist-nav li a
	{
		text-align:center;
		border-left:1px solid #fff;
	}

	ul#litlist-nav li a:hover
	{
		background:#dfd6ba;
		color:#000
	}

	ul#litlist-nav li#active a, ul#litlist-nav li#active a:visited
	{
		background:#dfd6ba;
		color:#000
	}



	#LibName
	{
		color:			#00529B;
		font-family:	Quadrat-Serial-ExtraBold, Georgia, Arial, Times, serif;
		font-size: 		27px;
		text-align:		center;
		vertical-align:	middle;
		width:			620px;
	}


	#patronimages
	{
		float:				left;
		height:				100px;
		margin-left:		7px;
		position:			relative;
	}

	#searchbox
	{
		background-image:	url('../graphics/search.gif');
		background-repeat:	no-repeat;
		float:				left;
		min-height:			109px;
		_height:			109px;
		position:			relative;
		text-align:			left;
		width:				305px;

	}

	.bluefont
	{
		color: #00529b;
		font-family: arial;
		font-size: 13px;
		font-weight: bold;
		line-height: 17px;
		text-decoration: none;
	}

	.brownfont
	{
		color: #b2762d;
		font-family: arial;
		font-size: 13px;
		font-weight: bold;
		line-height: 17px;
		text-decoration: none;
	}

	.error
	{
		color: #CC0000;
		font-family: arial;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
	}

	.faqtext
	{
		font-size:		12px;
		margin:			14px;
		margin-right:	50px;
	}

	.formtext
	{
		color: #000;
		font-family: arial;
		font-size: 13px;
		text-decoration: none;
	}

	/* input alerts - Red text that appears VIA javascript when error is returned in form */
	.inputAlert
	{
		color:			#CC0000;
		display:		none;
		font-size: 		12px;
	}

	.minutes_link
	{
		margin-left: 		20px;
		line-height:		20px;
	}

	.nolink a
	{
		color: #000;
		font-family: arial;
		font-size: 13px;
		text-decoration: none;
	}

	.opaquecover
	{
		opacity:0.5;
		filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	.clearcover
	{
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}

	.submit
	{
		color:			#00529b;
		font-family:	Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size:		12px;
		margin-left:	7px;

	}

	/* FIREFOX IS STILL UNDERLINING THE TEXT */
	#tooltip1 { position: relative; }
	#tooltip1 a span { display: none; color: #FFFFFF;}
	#tooltip1 a:hover span { display: block; position: absolute; width: 75px; height: 110px; background-color: #00529b; left: 15px; top: 0px; color: #FFFFFF; padding-top: 20px; padding: 5px; text-decoration:none; }

	#tooltip2 { position: relative; }
	#tooltip2 a span { display: none; color: #FFFFFF; }
	#tooltip2 a:hover span { display: block; position: absolute; width: 75px; height: 110px; background-color: #00529b; left: 34px; top: 0px; color: #FFFFFF; padding: 5px; text-decoration:none;}

	#tooltip3 { position: relative; }
	#tooltip3 a span { display: none; color: #FFFFFF; }
	#tooltip3 a:hover span { display: block; position: absolute; width: 110px; height: 110px; background-color: #00529b; left: 17px; top: 0px; color: #FFFFFF; padding: 5px; text-decoration:none;}

	#tooltip4 { position: relative; }
	#tooltip4 a span { display: none; color: #FFFFFF;}
	#tooltip4 a:hover span { display: block; position: absolute; width: 92px; height: 110px; background-color: #00529b; left: 5px; top: 0px; color: #FFFFFF; padding: 5px; text-decoration:none; }

	#tooltip5 { position: relative; }
	#tooltip5 a span { display: none; color: #FFFFFF;}
	#tooltip5 a:hover span { display: block; position: absolute; width: 94px; height: 110px; background-color: #00529b; left: 15px; top: 0px; color: #FFFFFF; padding-top: 20px; padding: 5px; text-decoration:none; }

	/* Vertical Page Menu */


	.menu_div ul
	{
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		list-style:none;
		margin:0px;
		padding:0px;
		text-indent:15px;
		width: 200px;
	}

	.menu_div ul li
	{
		background:#00529b;
		border-bottom:1px solid #fff;
		line-height:28px;
	}

	.menu_div ul li.prog, .menu_div ul li.prog a:visited, .menu_div ul li#active.prog a:visited
	{
		background:#fbf59c;
		border-bottom:1px solid #fff;
		color:  #C00;
		line-height:28px;
	}

	.menu_div ul li.green, .menu_div ul li.green a:visited
	{
		background:#027302;
		border-bottom:1px solid #fff;
		line-height:28px;
	}

	.menu_div ul li a
	{
		color:#FFF;
		display:block;
		text-decoration:none;
	}

	.menu_div ul li a:hover  , .menu_div ul li a:hover:visited
	{
		color:		#fff;
		background:#0278e1;
		text-decoration:none;
	}

	.menu_div ul li a:visited
	{
		color:		#fff;
		background:#00529b;
		text-decoration:none;
	}

	.menu_div ul li#active a, .menu_div ul li#active a:visited
	{
		background:#0278e1;
	}








	.lit_menu_div ul
	{
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		list-style:none;
		margin:0px;
		padding:0px;
		text-indent:15px;
		width: 200px;
	}

	.lit_menu_div ul li
	{
		background:#005a40;
		border-bottom:1px solid #fff;
		line-height:28px;
	}

	.lit_menu_div ul li.prog, .lit_menu_div ul li.prog a:visited, .lit_menu_div ul li#active.prog a:visited
	{
		background:#48b998;
		border-bottom:1px solid #fff;
		color:  #C00;
		line-height:28px;
	}

	.lit_menu_div ul li.green, .lit_menu_div ul li.green a:visited
	{
		background:#027302;
		border-bottom:1px solid #fff;
		line-height:28px;
	}

	.lit_menu_div ul li a
	{
		color:#FFF;
		display:block;
		text-decoration:none;
	}

	.lit_menu_div ul li a:hover  , .lit_menu_div ul li a:hover:visited
	{
		color:		#fff;
		background:#0278e1;
		text-decoration:none;
	}

	.lit_menu_div ul li a:visited
	{
		color:		#fff;
		background:#005a40;
		text-decoration:none;
	}

	.lit_menu_div ul li#active a, .lit_menu_div ul li#active a:visited
	{
		background:#438b76;
	}