/* If the logo is tall, the negative margin may need a larger number- for example -200px */
.icon-logo {
	float: right;
	margin-top: -135px;
	text-align: right;
}
/* Right top photo */
#header-pic3 {
	background: url('images/lib-banner-right3.jpg') no-repeat;
	height: 146px;
	width: 183px;
}


/* Controls the picture in the upper right corner of the header on the WIDE GRAY column formats. */
#header-colWide2-pic3 {
	background: url('images/lib-banner-wide-right2.jpg') no-repeat;
	height: 146px;
	width: 266px;
}

/* Sets a lower font size for Library h1 tag because the default 30px is too large */
#column-wide h1 {
	font-size: 24px;
}

/* Library modifications to the contacts  */
.contactLibrary {
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 8px 0;
}
.column-right-contactinfo {
	padding: 20px 0 0 30px;
}

/* To customize Tables: There is css code on the top of each page to control the width of the first column in tables-- good for just that page. */

/*  Simple Table format */

table.formatted  {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
.formatted td  {
	border: 1px solid #CCCCCC;
}
.formatted th  {
	border: 1px solid #CCCCCC;
}
.bgBlue {
	background-color: #5177AA;
	color: #ffffff;
}
.bgBrown {
	background: #996957;
	color: #ffffff;
}
.bgGray {
	background: #74767e;
	color: #ffffff;
}
.bgLightGray {
	background: #bebcba;
	color: #ffffff;
}
.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}



/* This is to control margin in bottom   */
#column-wide {
	min-height: 520px;
}
#column-left {
	padding-bottom: 50px;
}  
.column-right-content {
	
}