*{
	margin:0;
	padding:0;
	border:0;
	}
	
	html, body{
		width:100%;
		height:100%;
	}
	
	body{
		background:#333 url(master_images/bg_tile.jpg) repeat scroll 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
	a:link {color:#0000ff /* unvisited link */
			text-decoration:none;
			color:#0000ff;
	}

	a:visited {
				color:#0000ff;
	} 
	a:hover{
			text-decoration:underline;
			color:#333;
		}
	a:active {
				color:#0000ff;
	} /* selected link */	
			
	a{
		text-decoration:none;
		color:#666;
		}
	
/*	 The following rules need to be tested and edited once the navigation is on */
	
	ul#navigation {
		list-style:none;
		list-style-type:none;
	}


	#currentpage {
		background:transparent url(master_images/arrow_nav.png) no-repeat scroll 5px 18px;
		color:orange;
		height:28px;
	}
	
	
	.breadcrumbs lu {
		list-style: none;
		}
	
	.breadcrumbs li {
		display: inline;
	}
	
	.breadcrumbs a{
		font-size:10px;
		color:#999;
	}
	
	a.youAreHere{
		color:#E1233F;
		font-weight:200;
		text-decoration:underline;
	} 
	
/* end of navigation and breadcrums*/	



	
#wrapper{
	width:950px;
	height:auto;
	padding:15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	border: 2px solid #CCC;
}

#header{
	height:80px;
	min-height:80px;
	width:950px;
	min-width:950px;
	/*background: transparent url(master_images/header_FPO.jpg) no-repeat scroll 0 0;/*to be replaced by actual Navigation*/
	padding-bottom:10px;
	}
	
	#content{
		margin:auto;
		background-color:#fff;
		width:948px;
		min-width:948px;
		height:auto;
	}
	
	#content h2{
		background: #e1233f;
		color:#FFF;
		border: #990000 solid 1px ;
		text-transform:capitalize;
		font-size:16px;
		line-height:20px;
		width:auto;
		padding-left:15px;
	}

	#rightCol{
	width:480px;
	height:auto;
	float:right;
	position:relative;
	margin:0;
	background: #fff;
	}
	
	
	#rightCol ul{
		list-style:none;
		list-style-position:outside;
		margin-bottom:5px;

	}
	
	#contactInfo_Div{
	min-height:138px;
	max-width:435px;
	margin-bottom:10px;
	border:1px solid #e1233f;
	padding: 0px 10px 10px 26px;
	background-image: url(master_images/bg_phone_emailDK_GRAY.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #999999;
	}
	
	#contactInfo_Div h4{
		color:#FFF;
	}
	
	#rightCol .contact_info, 	#rightCol .contact_info a {
	color:#000;
	font-weight:bold;
	font-size:1em;
	}
	
	
	#rightCol .contact_info a {
	cursor:pointer;
	}
	
	
	.contact_info li{
		line-height:15px;
		height:30px;
		/*background: transparent url(master_images/contact_info2.jpg) no-repeat scroll 0 0;*/
		display:block;
		margin-top:10px;

	}
	
	li.phone{
	background: transparent url(master_images/phone_icon.png) no-repeat 0 0;
	margin-left: 100px;
	}
	
	.contact_info p{
	padding-left:46px;
	padding-top:2px;
	text-align: left;
	}
	
	.contact_info a{
		padding-left:46px;
		padding-top:5px;
		display:block;
	}
	
	li.email{
	background: transparent url(master_images/email_icon.png) no-repeat 0 0;
	text-align: left;
	margin-left: 100px;
	}

	.libraryhours {
	text-align: left;
	margin-left: 100px;
	padding-top: 9px;
 	}

	.hours strong{
		color:#000;
		padding-right:3px;
	
	}
	
	.hours{
		color:#FFF;
		
	}
	
	.hours li{
	padding-left:100px;
	text-align: left;
	}
	
	.hours ul{
	margin-bottom:10px;
	}
	
	#rightCol img.temp{
		margin-bottom:8px;
	}
	div.whatisNew{
	width:440px;
	height:auto;
	min-height:304px;
	padding-bottom:2px;
	background-color: #FFFFFF;
	}
	
	.whatisNew li{
	height:auto;
	min-height:85px;
	font-size:12px;
	display: inline-block;
	padding:15px 10px 10px 10px;
	border:#e3e4ec 8px solid;
	
	}
	
	/* pseudo Element (this might not show in IE , CHECK THIS*/
	.whatisNew li:last-child {
		padding-bottom:5px;
	}
	
	div.whatisNew ul{
		position:relative;
		margin: 20px auto 5px auto;
		background:#fff;
		width:402px;
	}
.whatisNew p {
	padding: 10px;

}

	
	.whatisNew li>a{
	color:#cc0000;
	font-size:.8em;
	font-weight:200;
	float:right;
	}
	
	.whatisNew #flash {
	height: 220px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: bottom;
	border: medium solid #cccccc;
	margin-top: 30px;
	
}

	
	
	ul.reserve{
	width:440px;
	margin-top:19px;

	}
	
	ul.reserve li{
		width:143px;
		height:89px;
		background: #fff;
		float: left;
		margin-right:5px;
		margin-top:5px;
		border:none;
		}
		
		/*not suppoirted by IE 08/06/2009
		ul.reserve li:last-child {
		margin-right:0;
		}*/
		
		.reserve .askLibrarian a{
			background-position: -295px 0;
		}
		
				.reserve li.askLibrarian {
			margin-right:0px;
		}
		
	        .reserve .askLibrarian a:hover{
					background-position: -295px -90px;
					}
					
					
        .reserve .extendBook a{
			background-position: -148px 0;

		}
		        .reserve .extendBook a:hover{
					background-position: -148px -90px;
					}
					
		.reserve .reserveBook a:hover{
			background-position: 0 -90px;
		}
		
		
		.reserve li a{
			text-indent:-9999px;
			display:block;
			background: transparent url(master_images/request_extend_ask2.jpg) no-repeat scroll 0 0;
			width:142px;
			height:81px;
			cursor:pointer;
			border-bottom: #cccccc solid 2px;		

		}
		
	
		
	.extendBook li a:hover{
			background-position: -148px -89px;

		}

	

	/*leftCol*/
	#leftCol{
	width:440px;
	height:auto;
	float:left;
	position:relative;
	margin:0 20px 10px 0;
	background:#e3e4ec;
	border-bottom: #cccccc solid 2px;
	border-left: #cccccc solid 2px;
	border-right: #cccccc solid 2px;

	}
	
	#leftCol h4{
		font-size:110%;
		color:#000;
	}
	
	#leftCol .searchLibrary li{
	vertical-align:top;
	width:180px;
	min-height:178px;
	height:auto;
	background:#FFF;
	font-size:12px;
	border:#CCC solid 2px;
	padding:10px;
	margin: 8px 0 2px 10px;
	display: inline-block;
	float:left;
	}
	
	 #leftCol h4 + p{
	color:#666;
	}
		 	 	 
	.searchLibrary {
		list-style:none;
		list-style-position:outside;
		background-color:#e3e4ec;
		margin-bottom:20px;
	}
	
	p.arrow_link {
		padding: 5px 25px 5px 0;
		font-size:115%;
		color:#000;
		text-align:right;
	
	}
	
	/*this might not show on IE but will not affect the layout, just enhances it for users w/better browsers
	a[title^="Click here"]:before {
		content: url(master_images/arrow.gif);
		position : absolute;
		top:0;
		left:0;
	}*/
	
	
	#quicklinks_container{
		min-height:130px;
		background:#e3e4ec;
		margin:20px auto 10px;
		padding:10px;

	}
	
	#quicklinks_container h2{
		background: #e1233f;
		color:#FFF;
		border: #990000 solid 1px ;
		text-transform:capitalize;
		font-size:16px;
		line-height:20px;
		width:auto;
		padding-left:15px;
		letter-spacing:0.1em;
	}
	div.Quicklinks{
		background-color:#FFF;
		border: 2px solid #cccccc;
		padding: 10px 5px 5px 20px;
		min-height:125px;
		width:auto;
		}
	
	.Quicklinks a{
		color:#606063;
		font-size:14px;
	}
	.Quicklinks ul{
		list-style-position:inside;
		list-style:none;
	}
	
	
	 
	.Quicklinks ul li{
		color:#063;
		width:195px;
		height:19px;
		float:left;
		background:url(master_images/arrow.gif) no-repeat left center;
		padding-left:16px;

		
	}
	
	
	.cleaner{
		clear:both;
	}
	
	
	

	
	#footer{
		height:auto;
		bottom:0;
		width:950px;
		background:transparent;
		margin: 0 auto;
		padding-top:15px;

	}
	
	#footer p{
		text-align:center;
		line-height:13px;
		font-size:12px;
		letter-spacing:0.09em;
		color:#666;
	}
	#footer p:last-child{
		color:#999;
	}
	
.content_pic_text {
	float: left;
	width: 296px;
	height: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#wrapper #content #content_title {
	width: 930px;
	padding-left: 9px;
}

.sources_pic_and_text {
	float: left;
	width: 295px;
	height: 270px;
	margin: 8px;
	border: 1px dotted #999999;
}






/*this is from quick lnks*/
#wrapper #content .content_pic_text p {
	padding: 3px;
}


.center1 {
	height: 70px;
}
.center2 {
	padding: 5px;
}

	div.whitebg{
		background-color:#FFF;
		border: 2px solid #cccccc;
		padding: 20px 5px 5px 20px;

		
	}
	
	.whitebg a{
		color:#606063;
		font-size:14px;
	}
	 
	#quicklinks_container .whitebg ul{
		list-style-position:inside;
		list-style:none;
	}
	 
	#quicklinks_container .whitebg ul li{
		color:#063;
		width:225px;
		height:19px;
		float:left;
		background:url(master_images/arrow.gif) no-repeat left center;
		padding-left:16px;

		
	}
	
	#quicklinks_container img{
		position:relative;
			bottom:0px;
			right:-30px;
		}
/*this is from quick lnks done */


/* What's New - Andrea Rivera */ 
 #whatsNew{
	min-height:400px;
	margin-top:10px;
	margin-bottom:10px;
}

#whatsNew a{
	color:#CC0000;
}

#wrapper #content #whatsNew h3{
	padding-left:18px;
	margin: 20px 0 10px 0;
	background-color: #FFFFFF;
}

.newsletters li{
	display:block;
	color:#063;
	height:19px;
	background:url(../master_images/arrow.gif) no-repeat left center;
	padding-left:40px;
	margin-left:30px;
	list-style-type:none;/**/
}

ul.newsletters{
	margin:10px 0px;
}


#whatsNew p{
padding-left:20px;
font-size:100%;
margin-top:10px;
line-height:16px;
}

#whatsNew strong{
	color:#000;
	font-weight:bolder;
	
}

#whatsNew .whatNew_img{
	float:right;
	padding:19px;
	border:#999 solid 1px;
	margin: 62px 30px 50px 30px;

}

/*End of What's new Styles by Andrea Rivera*/
#wrapper #content .sources_pic_and_text h2 {
	background-color: #CCC;
	color: #000;
	border: 1px solid #333;
}
.h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}


/*new class added*/
#didyouknwholder {
	height: 150px;
	margin: 10px auto;
	width: 440px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}