/* Quick Search for style Sections.  Copy and paste these into search for easy searching

1.0 - Page body Styles
1.1 - Header tags main styles
1.2 - Widget header style Spacing
1.3 - Header Secondary styles
1.4 - link tag styles 
1.5 - list tag styles
1.6 - table styles
1.7 - Form Field styles
1.8 - Typographic styles

Note: Try to Phase out section 2 by using 960.css
2.0 - Content columns styles
2.1 - Alts to Content columns styles
2.2 - branch profile page columns
2.3 - accessibility page columns
2.4 - Secondary Column styles

3.0 - percentage widths
4.0 - positioning styles

5.0 - Header styles
5.1 - Header Links
6.0 - Page banners

7.0 - Page Specific styles
7.1 - Branches
7.2 - Detail page styles
7.3 - Appel Salon page styles
7.4 - Holds placement page styles
7.5 - Featured Series page styles

8.0 - Footer styles



XX - Random general styles
XXX - Readers and Introductions
XXXX - Record from embed

IS THIS USED? = Check to see if they're actually in use
----------- */
/** IS THIS USED?  Branch Breadcrumbs 
.branch-breadcrumbs-table {
	background-color: #FFC;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 1em;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 3px;
	width: 600px;}
.branch-breadcrumbs-table a {
	color: #4800FF;
	text-decoration: none;}
.branch-breadcrumbs-table h4 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;}
.branch-breadcrumbs-table h3 {
	font-size: 1em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 15px;}
.branch-pages-title {
	font-size: 1.8em;
	font-weight: bold;
	color: #102541;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #EFEFEF;
	padding-top: 12px;
	padding-bottom: 12px;}
.branch-detail-info {
	width: 625px;
	margin-top: 10px;
	vertical-align: top;
	float: left;
	margin-right: 5px;}
.branch-detail-info a {
	color: #3475CD;}
.branch-detail-info #hoursBox {
	width: 350px;
	color: #000;
	font-size: 1.2em;
	vertical-align: top;
	margin-bottom: 10px;
	float: left;}
.branch-detail-info #imageBox {
	width: 270px;
	color: #000;
	font-size: 1.2em;
	vertical-align: top;
	margin-bottom: 5px;
	float: right;}
#hoursBox .left {
	font-size: 0.5em;
	font-weight: normal;
	width: 100px;
	float: left;}
#hoursBox .right {
	font-size: 0.5em;
	font-weight: normal;
	padding-left: 10px;
	text-align: left;
	float: none;}
.detail-pagination {
	color: #153B68;
	padding-left: 60px;}
.detail-pagination .left {
	float: left;
	width: 50%;}
.detail-pagination .right {
	width: 50%;}*/

/******** 1.0 - Page body styles *********/

body {
	background-color: #FFF;
	color: #525252;
	font-size: 62.5%; /*0.833em;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.65em; /*1.23em;*/
	margin: auto;
	padding: 0;}

form {
	display: block;
	margin: 0;
	padding: 0;}

p {
	padding: 0 0 0px 0;
	margin: 10px 0 7px 0;	
	display: block;
	font-size: 1em;
	line-height: 1.4em;
	
	}

/*dt {
	font-weight: bold;
	margin: 0.8em 0 0.4em;
	padding: 2px 0px 0px 0px;}
*/
dd {
	padding: 4px 0px;
	margin:0 0 0 0px;}

img {
	border: 0;
	margin: 0em;}
	
img.left {
	text-align: left;
	float: left;
	padding: 0 0px 0px 0;
	margin: 1em 1.5em 1em 0; }
	
img.right {
	text-align: left;
	float: right;	
	padding: 0 0px 0px 0;
	margin: 1em 0 1em 1em; }
	
widget-content-round-all img {
	text-align: left;
	float: left;
	padding: 0 0px 0px 0;
	margin: 1em 0em 0em 0; }
	
.image-container { /* For all Results list
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 20px;
	overflow: hidden;*/
}

.book-buzz-cover-container {
	padding-top:10px;
	float: left;
	text-align: right;
	padding-right: 20px;
}
.SC {
 width:60px;
}
.MC {
	width:120px;
}

/*Not needed */
.reg-image-container { /* Fix for images beside text in IE 6/7 possible 8*/
	float: left;
	text-align: right;
	padding-right: 1em;
}
/*	Not needed
.widget-content img {
	margin:5px 0 0;
	max-width:220px; --190px--
	overflow:hidden;
}*/

#search #searchForm-searchBar {
	margin-bottom: 0;}

#searchBarForm {
	/*margin: 0 0 20px;*/
	margin:10px 0 20px;
}

.main {
	padding: 0 0 0 20px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	font-size:1.2em;
	min-height: 500px;}

.gray { 
	background-color: #eee;
	/*padding: 0 0 0 20px;*/}

.overflow-hidden{
	overflow:hidden;}

.indent {
	margin-left: 0.8em;}

.caption-frame, .elem-frame {
	border:2px solid #dadada; 
	padding:0.3em; 
	margin:0.6em;}

.caption-frame img, .elem-frame img {
	width:100%;}

.caption {
	display:block;
	padding: 0.2em 0;
}
/*

#print-actions {
	display:none;	
}
*/

/********** 1.1 - Header tags main styles *************/

h1 {
	font-size: 2.2em;
	font-family: Arial, Verdana, sans-serif;
	/*display: block;*/
	line-height: 1em;
	color:#545454;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 25px;}

h2{
	font-size: 2em; /*1.65em*/
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.1em;
	margin: 35px 0 10px 0;
	padding: 0em 0 0 0;
	color: #3f434a;}

h4, legend  {
	font-size: 1.25em; /* 1.3em  */
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 0.8em;
	margin-bottom: .4em;
	padding: 0.4em 0 0 0;
	color: #525252;
	line-height: 1.2em;
	}

h3 {
	font-size: 1.45em;
	line-height: 1.2em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 27px 0 0 0;
	padding: 0 0 0em 0;
	color: #ff6633;}
	
	/*font-size: 1.1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0px;
	padding: 0.4em 0 0 0;
	border: medium none;
	color: #444;}*/


h5, dt {
	font-size: 1.1em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 15px 0 -7px 0;
	padding: 0 0 0 0;
	color: #293d66;	
	display: block;}
	
h6 {
	display: inline;
	font-size:1em;
	font-weight: bold;
}

/********* 1.2 - Widget header style Spacing ***********/
.widget h2 {
	margin: 0;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 2px;}

.widget h4 {
	border-top: 4px solid #1765A9;
	border-bottom: 1px solid #1765A9;
	background-color: #fff;
	margin: 0px 0 0px 0;
	padding: 5px;
	padding-left: 7px;}
	

.widget h3, #branch-message-br h3, #branch-message-bkone h3  {
	padding-top: 0.5em;
	margin-top: 0em;
	font-size: 1.1em;
	color: #525252;}

	
.widget-content h5  {
	padding-top: 1em;
	margin-top: 0em;
	}

.widget legend {
	padding-top: 0em;
	margin-top: .5em;
	font-size: 1.1em;
	font-weight: bold;
	color: #525252;}

/** 1.3 - Header Secondary styles **/

/**H1**/
/*#branch-detail h1 {
	width: 18em;}
*/
/**H2**/
#introduction.widget h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0.4em;}

#branch-detail h2 {
	clear: left;
	padding-top: 15px;}

/**h4**/
.search-bar h4 {
	display: inline;
	font-weight: normal;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	border: 0;}
	
.widget-youtube h4 {
	padding: .25em 0em .4em 0em !important;
	margin: 0em !important;	}
	
.widget-content-round-all h4, .round-all h4 {/**h4 within rounded corners**/
	padding: 0.5em 0em .3em 0em;
	margin: 0em 0 0 0;
	font-size: 1.1em;
	color: #525252;
	border: 0px;
	background: none;}



/********** 1.4 - link tag styles *************/

a, a:visited {
	color: #1765A9;
	text-decoration: none;
	}


a:hover {
	text-decoration: underline;
	color: #293D66;
	}
	
p a, p a:visited {
	color: #1765A9 ;
	text-decoration: none;
	font-weight: bold !important; }
	
p a:hover {
	color: #293D66 ;
	text-decoration: underline !important;
	font-weight: bold !important; }

h4 a:link, h4 a:visited {
	color: #1765A9;
	font-weight: bold;
	text-decoration: none;}

h4 a:hover {
	color: #293D66;
	font-weight: bold;
	text-decoration: underline;}


.links-disabled {
	color: #666;}

/********1.4.1 Left Nav Links *****/

#section-navigation a, #section-navigation a:visited {
	color: #1765A9;
	text-decoration: none;
	line-height: 1.2em}
	
#section-navigation a:hover {
	text-decoration: underline;
	color: #293D66;
	line-height: 1.2em}

/********** 1.5 - list tag styles *************/

ol {
	padding: 0px;
	margin: 0 0 35px 15px;}

ul {
	list-style-type: disc;
	padding: .5em 0 .7em 0px;
	margin: 0px 0px 0px 1em;
	zoom:1; /*Is not a hack - gives IE6/7 layout */}

li {
	padding: 0.2em 0px;
	line-height: 1.2em;
	margin: 7px 0 0 15px; }

.upper-alpha {
	list-style-type: upper-alpha;
	padding: 0px;
	margin: 0px 0px 0px 10px;}

.decimal {
	list-style-type: decimal;
	padding: 0px;
	margin: 0px;}

ul.horizontal-list {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;}

ul.horizontal-list li {
	display: inline;
	float: left;
	border-right: 1px solid #3a3a3a;
	padding: 0 5px;
	margin:0;}

ul.horizontal-list li.first {
	padding-left: 0;}

ul.horizontal-list li.last {
	border-right: none;
	padding-right: 0;}

.TwoColumnList {
	margin:0 0 8px 15px;
	overflow:hidden;
	width:100%;}

.TwoColumnList li {
	display: block;
	float: left;
	line-height: 1.1em;
	margin-left: 0;
	padding: 0 12px 5px 0;
	width: 20%;}

.TwoColumnList-withborder {
	border-top: 1px dotted #CCCCCC;
	list-style-position: outside;
	list-style-type: none;
	margin-top: 8px;
	margin-bottom: 15px;
	overflow: hidden;
	padding-left: 0;
	width: 350px;}

.TwoColumnList-withborder li { /*background: #FDFDFD;*/
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	float: left;
	margin-left: 0;
	padding: 5px 5px 5px 10px;
	width: 160px;}

.columnize-list {
	padding-left:15px; 
	line-height:normal; 
	font-size:1em;	
	margin:0.58em 0 0.58em 15px;}

.columnize-list li {
	padding:0;
	height:20px;
	vertical-align:middle;}

.no-bullet {
	list-style-type: none;
	padding-left:0;}

.no-bullet li {
	margin:0;}

.no-border {
	border:none !important;}

.no-border li {
	border: none !important;}

.branchImgheight {
	width: 100px;}

.elem_jsDisabled {
	display: block;}
	
/********** Used for larger list with sublists within sublist example: Travel booklist ***********/
	
.large-list ul {
	list-style-type:none;
	margin:0 0 0 1em;
	padding:0 0 0 0;
}

.large-list li {
	line-height:1.2em;
	margin:0;
	padding:0 0 0.1em 0;
}


.large-list h3{	margin: 20px 0px 10px 0px;}
	
.large-list h3 a {
	color:#ff6633;
	margin: 20px 0px 10px 0px;
}

.large-list h3 a:hover {
	color:#ff6633;
	text-decoration: underline;
}

.large-sub-list {
	color:#1765A9;
	padding: 0 0 0 0;
	line-height: 1.8em;
	font-family:Arial,Verdana,sans-serif;
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:0 !important;
	margin-top:0 !important;
}

/********** 1.6 - table styles ***********/

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
	margin:10px 0 15px 0;}

caption,th,td {
	text-align: left;}
	
td.align-top,table.align-top {
	vertical-align:top;
	margin:0.4em 0;}

caption {
	background-color:#DADADA;
	color:#525252;
	font-size:1.1em;
	font-weight:bold;
	margin-top:5px;
	padding:0.6em;}

table.has-caption { /* Fix for bug in FF 3.5 and Safari */ 
	margin-top:0;	}

/* Art museum table styles */
table.map-venues tr td {
	padding: 0.8em 0 0.8em 0.5em;
	vertical-align: top;
	border-bottom:1px solid #DDDDDD;
	width:30%;
	}
	
	table.map-venues tr th {
	vertical-align: top;
	border-bottom:1px solid #DADADA;
	background-color:#FAFAFA;
	padding:8px;
	}
	
/********** 1.7 - Form Field styles *****************/

label.hint:hover {
	background: none !important;}

label,.header-links a:link,.header-links a:visited,.header-links a:active {
	font-weight: normal;}

/********** 1.8 - Typographic styles *****************/

.subtext, .small-font {
	font-size: .9em;
	font-weight: normal;
	color: #333;
	display: block;}

.author {
	font-size: 1.1em;
	color: #333;
	display: block;
	}

p.subtitlelist {
	margin: 0px 0px 0px -15px;}

.bold,#place-hold .expiration,#place-hold .pickup,#place-hold label,#logon label
	{
	font-weight: bold;}

/********** 2.0 - Content columns styles ***********/
.narrow-home {
	width: 280px;}

.narrow-search,.narrow {
	width: 220px;
	margin: 0 20px 0 0 !important;
	overflow:hidden;}

.narrower {
	width: 220px;
	margin: 0 20px 0 0 !important;}

.narrower-search {
	clear: left;
	width: 220px;
	padding-bottom: 8px;}

.narrow-rest {
	width: 640px;}

.half-wider {
	width: 220px;}

.wider {
	width: 460px;}

.widest {
	width: 700px;}

.half-widest {
	width:340px;
	}

.wide-home,.wide {
	width: 340px;}
	




/********** 2.1 - Alts to Content columns styles ***********/
#books-video-music .narrow {
	margin-right: 10px;}

/*********** 2.2 - branch profile page columns ***********/
.sharewidget-narrower {
	width: 160px;
	float: left;}

/********** 2.3 - accessibility page columns ********/

#accessibility fieldset {
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 0.5em 0 0 0;
	padding-left: 0;}

#accessibility legend {
	padding-left: 0;
	margin-left: 0;}

#accessibility label {
	padding-right: 1em;}

#accessibility .last-fieldset {
	border-bottom: none;}

/**********  2.4 - Secondary Column styles - Try to phase out ***********/
.column {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;}
/**Advanced search column style**/
#advanced-search .column {
	margin-right: 45px;}

/**home page columns**/
.inner-column {
	padding-right: 10px;}

/******** 3.0 - percentage widths ************/
.pct100-width {
	width: 100%;}

.pct50-width {
	width: 50%;}

.pct60-width {
	width: 60%;
	float: left;}

.pct40-width {
	width: 40%;
	float: left;}

.pct35-width {
	width: 35%;}

.pct33-width {
	width: 31%;
	float: left;}

.pct25-width {
	width: 25%;
	float: left;}

/********** 4.0 - positioning styles *************/

.record-detail {
	float: left;}

.left {
	text-align: left;
	float: left;
	padding: 0 0px 1em 0;
	 }
	
.float-left {
	float:left;	}

.left-float-clear {
	text-align: left;
	float: left;
	clear: left;
	margin: 3px 9px 5px 0;}

.center {
	text-align: center;}

.right {
	text-align: left;
	float: right;}

.float-right {
	float:right;
}

.align-top {
	margin-top:-2px !important;
	padding-top:0;}

.align-right {
	margin-right:0 !important;}

.align-left {
	margin-left:0 !important;}

.align-bottom {
	margin-bottom:0 !important;}

/*.clear {
	clear: both;
	height: 0;
	display: block;}*/

.clear-left {
	clear: left;}
	
.clear-right {
	clear: right;}
	
.small {
	font-size: 0.8em;}

.divider {
	height: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;}

img.align-center {
	display:block;	
	margin:0 auto;
	padding: 10px 0;}

img.align-left {
	display:block;	
	padding: 5px;}

/******** 5.0 - Header styles ********/
.header {
	font-size: 1em;}

.header #submit-button {
	background-color: #00B6BD;
	background-image: url(/images/button-background.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	border-color: #A3DEE1 #2B7076 #2B7076 #A3DEE1;
	border-style: solid;
	border-width: 2px;
	color: #FFFFFF;
	display: inline;
	height: 1.8em; /*2em;*/
	margin-left: 3px; /* 5px */
	vertical-align: middle;
	width: 4.5em;
	padding-bottom:2px;
	float:left;
	margin-bottom:0;}

.header #submit-button :active {
	border-color: #2B7076 #A3DEE1 #A3DEE1 #2B7076;}

.header-top {
	overflow: hidden;
	width: 980px;
	position: relative;
	margin: 0 auto;
	padding: 10px 0 0;}

.header-top .logo {
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top:-7px;
	width: 228px;
	}

.header-top .logo a:hover {
	background-image: url(/images/tpl-logo-on.png);
	display: block;
	height: 64px;
	width: 228px;}

.skip-navigation {
	margin-left:20px;
	font-size: 1.1em;
	width: 185px;
	float:left;
	visibility:hidden;
	margin-top:-10px;
}

.header-top #user-session{
	font-size: 1.1em;
	width: 185px;
	float:left;}

.header-top #member-links-youraccount {
	background-color: #293869;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size:1.1em;}

.header-top #member-links-youraccount a {
	color: #fff;
	display: block;
	padding: 6px 10px 5px;}

#header-bottom-container {
	background-color: #293869;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 25px;
	display: block;}

.header-bottom {
	font-size: 1.5em;
	color: #153b68;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	width: 980px;
	padding: 0 0 0 0px;
	margin: 0 auto;}
	

.header-bottom li {
	float: left;
	display: inline;
	margin: 0 0 0 50px;
	padding: 0;}

.header-bottom li a {
	display: inline-block;
	margin: 0;
	padding: 10px;}

.header-bottom .top-nav-selected {
	background-color: #00809A;
	padding-left: 20px;
	padding-right: 20px;
	display: block;}

.header-bottom #books-link {
	text-align: left;
	margin-left: 10px;}

.header-bottom #books-link a {
	width: 215px; padding-left: 20px; padding-right: 20px;}

.header-bottom #programs-link a {
	width: 199px; padding-left: 20px; padding-right: 20px;}

.header-bottom #branches-link a {
	width: 124px; padding-left: 20px; padding-right: 20px;}

.header-bottom #using-link a {
	width: 115px; padding-left: 20px; padding-right: 20px;}



#header-links-container {
	float:right;
	padding-right:14px;}

.header-links {
	display: inline-block;
	margin-bottom: 5px;
	font-family: Arial, sans-serif;
	font-size: 1.25em; /*10pt*/
	font-weight: normal;
	color: #CCCCCC;
	width: 16.3em;}

#search-alternative-links #old-cat, #search-alternative-links span, #reserve-computer, #header-language-links, .header-search label.hint  {
	display: none;}
		
#search-links {
	font-size:1em;
	margin-left:5px;}

ul.header-links li {
	margin: 6px 0 2px;
	border:none;}

.header-search ul li.first{
	border-right:none;
	padding:6px 5px 0 5px;}

.header-search {
	float:left;
	font-family:arial;
	font-size:1.6em;
	font-weight:300;
	margin-left:5px;}

.header-search a, .link-block {
	display:block;}

.header-search #searchTerms {
	background-color: #F2F2F2;
	border: 1px solid #AAAAAA;
	float: left;
	/*font-size: 1em; 1.5em;*/
	padding: 0.26em;
	width: 160px;
	margin-top:0;}

.header-search #searchTerms :hover {
	border: 1px solid #686868;}

.header-search #searchTerms :focus {
	background-color: #f9f9f9;
	border: 1px solid #686868;}

.header-search a:hover {
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;}

.header-search label.hint {
	color: #6e6e6e;
	left: 12px;
	position: absolute;
	top: 11px;
	padding: 5px;}

.header-language-links {
	float: right;
	position: relative;
	top: 30px;}

.header-hide-offscreen {
	position: absolute;
	left: -999em;}

/******* 5.1 - Header Links *******/
.header-bottom a:link,.header-bottom a:visited,.header-bottom a:active,.footer-bottom a:link,.footer-bottom a:visited,.footer-bottom a:active {
	color: #fff;}


.header-search a:link,.header-search a:visited,.header-search a:active {
	font-size: 0.8em;
	}

/*************** 6.0 - Page banners *****************/
#page-banner {
	width: 940px;
	display: inline;
	margin: 0 auto;
	padding: 0;}

#page-banner img {
	width: 940px;
	margin: 0;
	padding: 0;}

.color-bar {
	height: 4px;
	width: 940px;
	background-image: url(/images/color-bar.gif);
	background-repeat: no-repeat;
	padding-bottom: 1.8em;}

#header-container {
	display: block;
	background-image: url(/images/header_background_logo_blue.gif);
	background-repeat: repeat-x;}

/************ 7.0 - Page Specific styles ******************/
/** 7.1 - Branches**/
#branch-detail .record-detail {
	width: 25em;
	margin-bottom: 20px;}
	
/** 7.2 - Detail page styles**/
.bib-detail .image {
	height: 150px;}

/** 7.3 - Appel Salon page styles**/
#salon-banner {
	height: 101px;
	margin-right: 15px;
	background-image:
		url('/content/programs-and-classes/appel-salon/images/appel_banner.jpg');
	background-repeat: no-repeat;
	background-position: middle;
	margin-bottom: 15px;}
	
/** 7.4 - Holds placement page styles**/
	
#place-hold h2 {
	font-size:1.2em;
	font-weight:bold;
	color: #545454;
	margin-top:8px;
}
	
/** 7.5 - Featured Series page styles **/
.featured-series #series-banner {
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 20px;
	margin-bottom: 15px;}

#asian-heritage-month.featured-series #series-banner {
	height: 110px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-ahm.jpg');}

#eh-list.featured-series #series-banner {
	height: 108px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-ehlist.jpg');}

#seniors-month.featured-series #series-banner {
	height: 100px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-seniors-month.jpg');}

#luminato.featured-series #series-banner {
	height: 104px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-luminato.jpg');}

#aboriginal-celebration.featured-series #series-banner {
	height: 100px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-aboriginal-celebration.jpg');}

#book-bash.featured-series #series-banner {
	height: 100px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-book-bash.jpg');}

#business-inc.featured-series #series-banner {
	height: 100px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-business-inc-series.jpg');}

#thought-exchange.featured-series #series-banner {
	height: 100px;
	background-image:url('/content/programs-and-classes/images/featured-series/featured-series-banner-thought-exchange.jpg');}
/*
#programs-and-classes .half-wider { 
	margin-right:10px;}*/

/******** 8.0 - Footer styles ********/
#footer-stripe {
	margin: 3em 0 0 0;
	background-color: #293869;
	color: #FFF;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2em 0 1.5em 0;
}

.columns { /* Creates Borders Only*/
	min-height: 350px;
	border-right: solid 1px #3f4c78;
}

#footer-stripe .last { /*Use on last column only */
	border: none !important;
	width: 215px !important;
}

#footer-stripe h5 {
	margin: 0 0 .8em 0;
	padding: 0;
	}

#footer-stripe h5 a:link, #footer-stripe h5 a:visited, #footer-stripe h5 a:hover {	/*Orange Header Links in the Footer*/
	
	color: #fdbe00;
	font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.1em 0.1em #232f53;
	font-weight: bold;
	text-decoration: none;
	display: block;
}


#footer-stripe ul a:link, #footer-stripe ul a:visited{ /*Basic white on blue links*/
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
}

#footer-stripe ul a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration: underline;


}

#footer-stripe ul { /*Styled footer list only*/
	list-style-type: none;
	margin: 0 0 2.7em -1.1em;
	padding: 0 0 0 0;
	font-size: .95em;

}

#footer-stripe li, ul li.social {
	margin-bottom: 4px;
	vertical-align: middle;
	margin-top: 0;
	
}

.social { /* Spacing out Icons a little better */
	padding: 0 0 1em 0;
	}

#footer-stripe img, ul li.social img { /* Affects Social Media Icons only*/
	padding: 0 5px 0 0;
	vertical-align: middle;
}


/* Legal copy Strip */
#footer-bottom-container {
	margin: .5em 0 4em 0;
	color: #525252;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align: left;
	padding: 0;
}

#footer-bottom-container ul { /* Legal list spacing */
	list-style-type: none;
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

#footer-bottom-container li {
	display: inline;
	float: left;
	padding: 0 .1em 0 0;	
}

	

/******** XX - Random general styles ********/ .elem_jsEnabled,.elem_printOnly {display: none;} #place-hold #pickup,#place-hold #expiration,#place-hold #hold-button {margin-top: 1.2em;}
/** XXX - Readers and Introductions from Content.css**/ .readers-advisory {padding: 10px;} .readers-advisory a {margin-bottom: 5px; font-weight: normal;} #introduction {	padding-top: 0px;} #introduction.widget h1.title, #introduction .title { margin: 0px 0px 10px 0px;	padding: 0px 0px 0px 0px; border: 0px;} #introduction.widget h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0.4em;}
/** XXXX - Record from embed.css**/ .record-embed {background-color: #FFF; color: #000;	font-size: 10pt; padding: 10px;	border: 1px solid #333;	width: 450px; position: relative;} .record-embed .image-container { float: left; width: 100px;	text-align: center;	overflow: hidden;} .record-embed .title { font-size: 11pt;	font-weight: bold;} .record-embed .text { float: left; width: 60%; } .record-embed .logo { font-size: 9pt; float: right; } .record-embed .logo img { height: 30px;	vertical-align: bottom;	border: 0px;}