html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body {
	background: #FAEFD3;
}

div.clearer {
	clear: both;
	height: 0;
	font-size: 0pt;
	height: 0;
}

	div#wrapper {
		width: 879px;
		margin: 0 auto;
		padding-top: 40px;
	}
	
		div#top-nav{
			width: 821px;
			margin: 0 auto;
		}
		
		
			div#top-nav ul {
				float: right;
			}

				div#top-nav ul li {
					float: left;
				}
				
					div#top-nav ul li a {
						float: left;
						background: url(../images/topnav-separator.png) no-repeat right center;
						padding-right: 12px;
						padding-left: 12px;
						font-family: Verdana, Arial;
						font-size: 14px;
						color: #2f5d92;
						text-decoration: none;
						text-transform: lowercase;
					}
					
					div#top-nav ul li a:hover, div#top-nav ul li a.active {
						text-decoration: underline;
						color: #7d1811;
					}
					
					div#top-nav ul li a.last {
						background: none;
						padding-right: 0;
					}
					
		div#header {
			clear: both;
			font-family: Verdana;
			color: #053469;
			padding-top: 3px;
		}
			
			div#header h1 {
				width: 415px;
				height: 269px;
				background: url(../images/home-logo.png) no-repeat left top;
				text-indent: -3000px;
				float: left;
			}
			
			div#header div#address {
				position: absolute;
				font-size: 13px;
				width: 396px;
				text-align: right;
				margin-top: 205px;
			}
			
			div#header div#phone {
				position: absolute;
				font-size: 18px;
				width: 396px;
				margin-top: 225px;
				text-align: right;
			}			
			
			div#header img {
				margin-top: 10px;
				float: left;
			}
		
		div#content {
			clear: both;
			margin-left:31px;
			width: 820px;
			background: #fff;
		}
		
			div#content div#primary {
				width: 598px;
				float: left;
				padding-top: 42px;
				font-family: 'Tahoma', Arial;
			}
			
				div#primary h2 {
					font-size: 18px;
					font-family: 'Helvetica';
					text-transform: lowercase;
				}
				
				div#primary h2 strong {
					font-weight: bold;
					padding-left: 49px;
				}
			
				div#primary div.about-the-library {
					width: 255px;
					display:inline;
					margin-left: 59px;
					margin-right: 10px;
					float: left;
					font-size: 14px;
				}

					div.about-the-library a {
						color:#787272;
					}
					
					div.about-the-library p {
						border-bottom: 1px solid #6e6e6e;
						padding-bottom: 11px;
						margin-bottom: 12px;
					}
					
					div.about-the-library li a {
						padding-left: 10px;
						display: block;
						margin-bottom: 7px;
						background: url(../images/blue-dot.png) no-repeat left 5px;
					}
				
				div#primary p, div#primary ul {
					color: #787272;
					line-height: 14.5px;
					margin-left: 49px;
				}
				
				div#primary h4 {
					color: #1f5fad;
					font-size: 15px;
					margin-left: 49px;
				}
				
				div.about-the-library h2 {
					background: url(../images/about-the-library.png) no-repeat left top;	
					height: 33px;
					padding-top: 15px;
				}
				
				div.events-at-library h2 {
					background: url(../images/events-at-the-library.png) no-repeat left top;	
					height: 33px;
					padding-top: 15px;
				}
				
				div#primary div.events-at-library {
					float: left;
					width: 222px;
					font-size: 14px;
				}
				
					div#primary div.events-at-library h4 {
						font-size: 14px;
						margin-bottom: 14px;
					}
				
					div.events-at-library a {
						color: #1f5fad;
					}
					
					div.events-at-library ul {
						margin-top: 22px;
					}
					
					div.events-at-library li {
						display: block;
					}
					
					div.events-at-library li a {
						padding-left: 10px;
						display: block;
						margin-bottom: 7px;
						background: url(../images/blue-dot.png) no-repeat left center;
					}					
			
			div#content div#secondary {
				width: 222px;
				float: right;
			}
			
				div#secondary div.library-news {
					background: #aec8e4 url(../images/home-right-top.png) repeat-x left top;
					padding-left: 13px;
					padding-right: 13px;
					padding-top: 20px;
					padding-bottom: 12px;
					font-family: Tahoma, Arial;
				}
				
					div#secondary div.library-news h3 {
						background: url(../images/library-news.png) no-repeat left top;
						text-indent: -3000px;
						width: 151px;
						height: 35px;
						margin-bottom: 3px;
					}

					div#secondary div.library-news p {
						font-size: 14px;
						color: #fff;
						line-height: 14.5px;
						padding-left: 8px;
					}
					
					div#secondary div.library-news p.highlight {
						font-size: 15px;
						color: #1f5fad;
						margin-bottom: 15px;
					}
					
					div#secondary div.library-news a {
						color: #fff;
					}
					
				div#secondary div.quick-jump {
	padding-top: 14px;
	padding-bottom: 20px;
	background: #89b0d8 url(../images/home-right-bottom.png) repeat-x left bottom;
	padding-left: 13px;
	padding-right: 13px;
	height: 120px;
				}

					div#secondary div.quick-jump h3 {
						background: url(../images/quick-jump.png) no-repeat left top;
						text-indent: -3000px;
						width: 151px;
						height: 35px;
					}
					
					div#secondary div.quick-jump ul {
						margin-left: 20px;
					}
						
						div#secondary div.quick-jump li {
							display: block;
							background: url(../images/home-list-pointer.png) no-repeat left center;
							font-family: 'Helvetica', Arial;
							padding-left: 20px;
							margin-bottom: 5px;
						}
						
							div#secondary div.quick-jump li a {
								font-family: Helvetica, Arial;
								font-size: 15px;
								color: #fff;
							}
					

		div#footer {
			clear: both;
			margin-left:31px;
			width: 820px;
			font-size: 11px;
			margin-top: 15px;
			color: #7b7979;
			font-family: 'Tahoma', Arial;
		}					
			
			div#footer a {
				color: #7b7979;
				text-decoration: none;
			}

			div#footer a:hover {
				text-decoration: underline;
			}
			
			div#footer div#copyright {
				float: left;
				padding-right: 20px;
			}
			
			div#footer div#photo {
				float: left;
				padding-right: 20px;
			}
			
			div#footer div#website {
				float: left;
			}
			
			div#footer ul {
				float: right;
			}
			
			div#footer ul li {
				float: left;
			}
			
				div#footer ul li a {
					display: block;
					float: left;
					height: 12px;
					text-indent: -3000px;
					margin-right: 10px;
				}
				
				div#footer ul li a.home {
					background: url(../images/home-footer.png) no-repeat left top;
					width: 9px;
				}
				
				div#footer ul li a.contact {
					background: url(../images/contact-us-footer.png) no-repeat left top;
					width: 9px;
				}
				
				div#footer ul li a.sitemap {
					background: url(../images/sitemap-footer.png) no-repeat left top;
					width: 11px;
				}