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


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

	#summerReadingLink {
		display:	none;
	}
	
	#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:29px;
		position:relative;
		width: 920px;
	}

	#dvdrow2 {
		/*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:				530px;
		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: 	#e3f0fd;
		height:				40px;
		padding:			7px;
		width:				600px;
	}

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

	#logButton 
	{
		color:				#FFF;
		display:			none;
		float:				left;
		margin-left:		25px;
		margin-top:			3px;
	}
	
	#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;
	}

	#newsletter
	{
		display:none;
	}

	#newsletter .title
	{
		display:none;
	}

	#faqlink
	{
		font-size: 12px;
	}
	#footerbox
	{
		border-left:		2px solid #FFF;
		background-color:	#e5e7e9;
		color:				#000;
		font-size: 			14px;
		font-family:		Verdana, Times, serif;
		float:				left;
		height:				145px;
		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;
	}

	#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
	{
		display:none;
	}

	#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;
	}

	#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
	{
			display:none;
	}

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

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

	#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:100px;
		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#list-nav 
	{
		display:none;
	}

	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
	} 

		#name_search
	{
		color: #0C0;
	}


	#LibName
	{
		color:				#00529B;
		float:				left;
		font-size: 			24px;
		font-family:		Georgia, Arial, Times, serif;
		font-weight:		bold;
		height:				23px;
		letter-spacing:		4px;
		margin-top:			13px;
		margin-left:		7px;
		position:			relative;

	}

	
	#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;
		
	}

	#socialnetworks
	{
		display:none;
	}
	
	#socialnetworks a
	{
		margin-left:		12px;
	}

	.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; } 
	
	
	/* 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.test, .menu_div ul li.test a:visited
	{  
		background:#CC0000;  
		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;  
	}