/* CSS Document */

/* ------------------------- Start Vertical Mega Menu ------------------------- */
#content ul li { 
	margin: 0; 
	line-height: 100%;
}
#menu { 
	margin-right: 1.2em;
    padding-left: 0 !important;
    width: 18%;
}
#menu li { 
	border-bottom: #E6E6E6 solid thin; 
	display: block; 
	padding: 1em .5em; 
	position: relative; 
	text-align: right; 
	font-size: .95em; 
}
#menu li:first-child { 
	border-top: thin solid #ddd; 
}
#menu li:hover { 
	background: #A385C2; 
}
#menu li a { 
	color: #663399; 
	font-weight:bold; 
	display: block; 
	text-align: left;
}
#menu li:hover a { 
	color: #FFF; 
}
#menu li .drop { 
	background: url(/libraries/_resources/images/megaMenu_more.jpg) no-repeat scroll center right .5em transparent; 
}
#menu li:hover .drop { 
	background: url(/libraries/_resources/images/megaMenu_more_purple.jpg) no-repeat scroll center right .5em; 
}
.megaGiving {
	background: url(/libraries/_resources/images/gift.png) no-repeat scroll center right 1.8em transparent !important;
}
.megaGiving:hover {
	background-image: url(/libraries/_resources/images/gift.png) no-repeat scroll center right 2.5em transparent !important;
	background-color: #A385C2 !important;
}
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns { 
	background-color: #fff; 
	border-radius: 0.1em; 
	border-top: thin solid #CCC !important; 
	border-left: thick solid #A385C2; 
	box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3);
	float: left; 
	left: -999em; 
	margin: 0 0 0 14.5em; 
	padding: .8em .4em; 
	position: absolute; 
	text-align: left; 
	z-index: 105; 
}
.dropdown_1column  { 
	width: 20em; 
	z-index: 250; 
}
.dropdown_2columns { 
	width: 21em; 
	z-index: 250;
}
.dropdown_3columns { 
	width: 60em; 
	z-index: 250;
}
.dropdown_4columns { 
	width: 42em; 
	z-index: 250;
}
.dropdown_5columns { 
	width: 100em; 
	z-index: 250;
}
#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns { 
	left: -.02em; 
	top: 0; 
}
.col_1, .col_2, .col_3, .col_4, .col_5 { 
	display: inline; 
	float: left; 
	margin: 0 0.5em; 
	position: relative; 
}
.col_1 { 
	width: 20em; 
}
.col_2 { 
	width: 20em; 
}
.col_3 { 
	width: 60em; 
}
.col_4 { 
	width: 80em; 
}
.col_5 { 
width: 100em; 
}
#menu .menu_right { 
	float: right; 
	margin-right: 0; 
}
#menu li .align_right { 
	border-radius: .5em 0 .5em .5em; 
}
#menu li:hover .align_right { 
	left: auto; 
	right: -.02em; 
	top: auto; 
}
#menu p, #menu h2, #menu h3, #menu ul li { 
	font-size: 1em; 
	line-height: 2em; 
	text-align: left; 
}
#menu h2 { 
	font-size: 2em; 
	font-weight: 400; 
	letter-spacing: -.02em; 
	margin: .5em 0 1em; 
	padding-bottom: 1em; 
}
#menu h3 { 
	background: #663399; 
	color: #FFF; 
	font-size: 1em; 
	text-transform: uppercase; 
	text-align:center; 
	letter-spacing: 0.1em; 
	padding: .3em 0; 
}
#menu p { 
	line-height: 1.5em; 
	margin: 0 0 1em; 
}
#menu li:hover div a { 
	color: #663399; 
	font-size: 1.2em; 
	margin-right: 0; 
	padding: .5em; 
}
#menu li:hover div a:hover { 
	background: #A385C2; 
	color: #fff; 
}
.imgshadow { 
	background: none repeat scroll 0 0 #fff; 
	border: .02em solid #F00 #777; 
	box-shadow: 0 0 .5em #666; 
	margin-top: .5em; 
	padding: .5em; 
}
.img_left { 
	float: left; 
	margin: .5em 1.2em .5em .5em; 
	width: auto; 
}
#menu li .black_box { 
	background-color: #333; 
	border-radius: .5em; 
	color: #eee; 
	padding: .5em; 
	text-shadow: .02em .02em .02em #000; 
}
#menu li ul { 
	list-style: none outside none; 
	margin: 0 0 1em; 
	padding: 0; 
}
#menu li ul li { 
	float: none; 
	font-size: .85em; 
	line-height: 1.5em; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	text-align: left; 
}
#menu li ul li:hover { 
	background: none repeat scroll 0 0 transparent; 
	margin: 0; 
	padding: 0; 
}
#menu li .greybox li { 
	background: none repeat scroll 0 0 #f4; 
	border: .02em solid #bbb; 
	border-radius: .5em; 
	margin: 0 0 .5em; 
	padding: .5em; 
	width: 20em; 
}
#menu li .greybox li:hover { 
	background: none repeat scroll 0 0 #fff; 
	border: .02em solid #aaa; 
	margin: 0 0 .5em; 
	padding: .5em .5em; 
}
#breadCrumb p { 
	padding: 0;
}
/* ------------------------- End Vertical Mega Menu ------------------------- */
/* ------------------------- Breadcrumb Title ------------------------- */
h2 {
	font-size: 150%;
}

#container #breadCrumb > h2:first-of-type {
font-weight: bold;
width: 19%;
background: #ddd;
padding: .1em;
display: table-cell;
text-align: center;
vertical-align: middle;
}
/* ------------------------- Start Today's Hours: Mobile Only ------------------------- */
#mobileHours {
	display:none;
}
/* ------------------------- End Today's Hours: Mobile Only ------------------------- */

/* ------------------------- Start Tabbed Search ------------------------- */
@font-face {
	font-family: 'icomoon';
	src:url('/libraries/_resources/fonts/icomoon.eot?qvdnq1');
	src:url('/libraries/_resources/fonts/icomoon.eot') format('embedded-opentype'),
		url('/libraries/_resources/fonts/icomoon.woff?qvdnq1') format('woff'),
		url('/libraries/_resources/fonts/icomoon.ttf?qvdnq1') format('truetype'),
		url('/libraries/_resources/fonts/icomoon.svg?qvdnq1') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: inherit;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.tabSearch {
   	float: right;
    margin: 1em 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 80%;
	border: solid thin #AAA;
}
/* Nav */
.tabSearch nav {
    text-align: center;
	background: #999; background: -moz-linear-gradient(center top , #C2ADD6, #A385C2) repeat scroll 0 0 transparent; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2ADD6), to(#A385C2)); 
	background-image: -ms-linear-gradient(top, #C2ADD6 100%, #A385C2 0%);
	padding-top:.2em;	
}
.tabSearch nav ul {
    padding: 0 !important;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.tabSearch nav ul li {
    border: solid thin #AAA;
	border-bottom: none;
	margin: 0 .1em !important;
    display: block;
    float: left;
    position: relative;
	background-color: #EEE;
}
.tabSearch nav li.tab-current {
    border: solid thin #AAA;
	box-shadow: inset 0 .2em #639;
    border-bottom: none;
    z-index: 100;
	background-color: #FFF;
}
.tabSearch nav li.tab-current:before,
.tabSearch nav li.tab-current:after {
    content: '';
    position: absolute; 
    height: .02em; !important;
    right: 100%;
    bottom: 0;
    width: 100em;
	background: #AAA;
}
.tabSearch nav li.tab-current:after {
    right: auto;
    left: 100%;
    width: 400em;
}
.tabSearch nav a {
    color: #555 !important;
	display: block;
    font-size: 1.2em;
    line-height: 2;
    padding: 0 .7em;
    white-space: nowrap;
}
.tabSearch nav a:hover {
    color: #A385C2 !important;
}
.tabSearch nav li.tab-current a {
    color: #639 !important;
}
/* Icons */
.tabSearch nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin: -0.25em 0.4em 0 0;
}
/* ------------------------- Articles/Databases Tab ------------------------- */
.startingpoints {
	float: left;
	background: #D6C9E4;
	text-align: left;
	padding-left: .5em;
	margin-left: 1%;
	margin-right: 1%;
}
.startingpoints li{
	padding-bottom: .5em;
}
.startingpoints ul{
	padding-left: 1em !important;
	padding-bottom: .6em !important;
}
.subjectdatabases {
	text-align: left;
	display: table;
	background: #F0F0F0;
	padding: 0 .5em;
	float: left;
	padding-bottom: .3em;
}
.articleindexes {
	text-align: left;
	display: table;
	background: #F0F0F0;
	padding: 0 .5em;
	float: left;
	margin-left: 10%;
	padding-bottom: .4em;
}
/* links */
.tabSearchLinks {
	padding-right:1.5em;
}
.tabSearch label {
	margin-right:1em;
}
.radios {
	line-height:2em;
	margin-top: 0.8em;
}
.radios > span {
    white-space: nowrap;
	text-height: 1em;
}
.icon-book:before {
	content: "\e600";
}
.icon-books:before {
	content: "\e601";
}
.icon-file:before {
	content: "\e602";
}
.icon-cabinet:before {
	content: "\e603";
}
.icon-user:before {
	content: "\e604";
}
.icon-facebook:before {
	content: "\e605";
}
.icon-feed:before {
	content: "\e606";
}
.icon-info:before {
	content: "\e607";
}
.icon-facebook2:before {
	content: "\e608";
}
.icon-spotify:before {
	content: "\e609";
}
/* Content */
.content section {
    display: none;
    margin: 0 auto;	
	padding: 1.5em 1em;
}
.content section:before,
.content section:after {
    content: '';
    display: table;
}
.content section:after {
    clear: both;
}
/* Fallback example */
.no-js .content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: thin solid #AAA;
}
.content section.content-current {
    display: block;
}
.mediabox {
	padding: 0 2em;
}
.mediabox a {
	text-decoration: underline !important;
}
.mediabox img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.mediabox h3 {
	font-size: 1.3em !important;
	text-transform:uppercase;
	margin: 0.5em 0;
	padding: 0 !important;
}
.mediabox p {
    margin: 1em 0;
	padding: 0 !important;
}
.mediabox p:last-child {
    margin: 0;
}
/* ----- Start hr style ----- */
hr.carved {
  clear: both; 
  float: none; 
  width: 100%; 
  height: .2em;
  margin: 1.2em 0 1em;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.5, rgb(221,221,221)),
      color-stop(0.5, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(221,221,221) 50%,
      rgb(255,255,255) 50%
  );
}
/* ----- End hr style ----- */
/* ------------------------- End Tabbed Search ------------------------- */

/* ------------------------- Start Branch Library Links Bar ------------------------- */
#branchLinks {
	background: #639; background: -moz-linear-gradient(center top , #639, #7C4EAB) repeat scroll 0 0 transparent; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#639), to(#7C4EAB));
    float: right;
    margin: 0px 0px 1em;
	overflow: hidden;
	padding: 0px;
    width: 80%;
}
#branchLinks ul {
        list-style: none;
        width: 50em;
        margin: 0 auto;
        padding: 0; 
}
#branchLinks ul li {
  	float: left;
  	display: block;
  	font-size: 99%;
  	padding: 0;
}
#branchLinks ul li a {
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: .8em;
  margin-right: 10%;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .85em;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#branchLinks ul li a:hover {
  color: #FFF;
}
#branchLinks ul li a:hover:before {
  width: 100%;
}
#branchLinks ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: .1em;
  height: .3em;
  width: 0;
  background: #FFF;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#branchLinks ul li.last > a:after,
#branchLinks ul li:last-child > a:after {
  display: none;
}
#branchLinks ul li.active a {
	text-decoration: underline;
}
#branchLinksu ul li.active a:before {
  width: 100%;
}
/* ------------------------- End Branch Library Links Bar ------------------------- */

/* ------------------------- Start IM, New Arrivals, Events, And News ------------------------- */
#events_news_container {
	float: right;
    margin: 1em 0;
    overflow: hidden;
    text-align: center;
    width: 80%;
}
.events_news {
	border: thin solid #AAA;
    float: left;
    margin-right: 1%;
    padding: 0;
    height: 24em;
	width: 23.97%;
	box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3);
}
.events_news:last-child {
	margin: 0;
	float: right;
}
.events_news h3{
    background-color: #DDD;
    color: #444 !important;
    font-size: 1em !important;
    height: 1.1em;
    margin-bottom: 0.5em;
    padding-top: 0.7em !important;
    text-transform: uppercase;
}
.events_news h3 a{
	color: #444 !important; 
}
/* ----- Start Recent Arrivals ----- */
#events_news_container img {
	padding: .8em 0;
}
#events_news_container p {
	font-size: 0.9em;
	text-align: left;
	padding: 0 .8em;
	margin-top: 1em;
}
/* ----- Start Events ----- */
.gfc-resultsHeader {
	border-bottom: none !important;
}
.gfc-result .gf-title {
	text-align: left;
	height: 3em !important;
	padding: 0 .5em;	
	margin: .8em 0;
	display: flex;
	overflow: visible !important;
}
.gf-relativePublishedDate {
	display: none !important;
}
.gf-snippet {
	display: none !important;
}
.gf-title a:before {
	padding-right: 1em;
}
/* ----- End Events ----- */

/* ----- Start News ----- */
.social {
	float:right;
	position:relative;
	right: .5em;
	top: -3.5em;
}
.social-left {
	float:left;
	position:relative;
	left: .5em;
	top: -3.5em;
}
.rslides {
 	bottom: 15%;
    left: 2%;
    list-style: none outside none;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    width: 96%;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 0 !important;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  padding: 0 !important;
}
.caption {
	color: #000000;
    font-size: 1.01em !important;
    height: 100%;
    position: relative;
    top: 0.2em;
	margin-bottom: .1em;
}
.rslides_tabs li {
	background: none repeat scroll 0 0 #333;
    bottom: 1.8em;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-right: 0.5em !important;
    padding: 0.5em;
    position: relative;
}
.rslides_tabs li a {
	color:#FFF !important;
}
.rslides_tabs {
	padding-left: 1em !important;
}
#collections .rslides_tabs {
	display: none !important;
}
/* ----- End News ----- */
/* ------------------------- End IM, New Arrivals, Events, And News ------------------------- */

/* ------------------------- Start Left Menu: Mobile Only ------------------------- */
#mobileMenu ul li {
	display: none;
}
/* ------------------------- End Left Menu: Mobile Only ------------------------- */

/* ------------------------- Start Media Queries ------------------------- */
@media screen and (max-width: 95em) {
.articleindexes {
	margin-left: 0 !important;
}
}
@media screen and (max-width: 80em) {
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
	margin: 0 0 0 12.5em;
}
.tabSearch nav ul li {
	margin: 0 0 !important;
	}
.megaGiving {
	background: none !important;
}
.megaGiving:hover {
	background-image: none !important;
}
}
@media screen and (max-width: 85em) {
.articleindexes {
	margin-left: 0 !important;
	font-size: small;
}
.startingpoints {
	font-size: small;
}
.subjectdatabases {
	font-size: small;
}
}
@media screen and (max-width: 69.2em) {
.megaGiving {
	background: url(/libraries/_resources/images/gift.png) no-repeat scroll center right 1.8em transparent !important;
}
.megaGiving:hover {
	background-image: url(/libraries/_resources/images/gift.png) no-repeat scroll center right 2.5em transparent !important;
	background-color: #A385C2 !important;
}
/* ------------------------- Start Today's Hours: Mobile Only ------------------------- */
#mobileHours {
	background-color: #663399;
    color: #FFF;
    display: block;
    font-weight: bold;
    overflow: hidden;
    padding: 0.7em 0 0;
    text-align: center;
}
/* ------------------------- End Today's Hours: Mobile Only ------------------------- */

/* ------------------------- Start Tabbed Search ------------------------- */
.tabSearch {
  	float: none;
    width: 100%;
}
.tabSearch nav a:before {
    margin: 0;
	display: block;
}
.tabSearch nav a {
    padding: 0.75em;
	line-height: 1em;
}
.tabSearch nav ul li {
    padding-bottom: 0.75em;
}	
.mediabox {
	float: none;
	width: auto;
	font-size: 90%;
	text-align: left;
	padding: 0 .5em;
}
.mediabox img {
	float: left;
	margin: 0 2em 1em 0;
	max-width: 40%;
}
.mediabox h3 {
	font-size: 1em !important;
	margin: 1em 0;
}
.mediabox:before,
.mediabox:after {
	content: '';
	display: table;
}
.mediabox:after {
	clear: both;
}
.mediabox input {
	margin: 0 0 1em 0;
}
.articleindexes {
	clear: left;
	float: none;
	display: block;
}
.startingpoints {
	clear: left;
	float: none;
	display: block;
	margin: 0;
}
.subjectdatabases {
	clear: left;
	float: none;
	display: block;
}
/* ------------------------- End Tabbed Search ------------------------- */

/* ------------------------- Start Branch Library Links Bar ------------------------- */
#branchLinks {
    float: none;
    width: 100%;
}
#branchLinks ul {
     width: 100%;
}
	
#branchLinks ul li {
	float: none;
}
#branchLinks ul li a {
	width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#branchLinks ul li a:after {
    display: none;
}
#branchLinks ul li a:before {
    height: .2em;
    background: #FFF;
    width: 100%;
    opacity: .2;
}
#branchLinks ul li.last > a:before,
#branchLinks ul li:last-child > a:before {
    display: none;
}
/* ------------------------- End Branch Library Links Bar ------------------------- */

/* ------------------------- Start Ask, Arrivals, Events, and News ------------------------- */
#events_news_container {
	float: none;
	width: 100%;
	margin: 1em 0;
}
.events_news {
	width: 48%;
	margin-bottom: 1em;
}
.events_news:last-child {
	float: left;
}

/* ------------------------- End Ask, Arrivals, Events, and News ------------------------- */	
/* ------------------------- Start Vertical Mega Menu ------------------------- */
#menu {
	float: none;
	width: 100%;
}
#menu li { 
	padding-left: 1em; 
}
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
	display: none;

}
/* ------------------------- End Vertical Mega Menu ------------------------- */
}
 
@media screen and (max-width: 41.3em) {

/* ------------------------- Start Tabbed Search ------------------------- */
.tabSearch nav ul li span {
	display: none;
}
.tabSearch nav ul,
.tabSearch nav ul li a {
	width: 100%;
	padding: 0.1em 0.1em;
}
.tabSearch nav ul li {
	margin: 0 0 !important;
	padding: 0 1em;
}
.mediabox {
	text-align: left;
	padding: 0 .5em;
}
.mediabox img {
	float: none;
	margin: 0 auto;
	max-width: 100%;
}
.mediabox h3 {
	font-size: .8em;
	margin: 1.25em 0 1em;
}
.mediabox p {
	margin: 0;
}
.mediabox input {
	width: 18em;
}
.mediabox .radio {
	width: 2em;	
}
.mediabox select {
	margin: 0 0 1em 0;
}
.tabSearchLinks {
	padding-bottom: .5em;
	display: block;	
}
/* ------------------------- End Tabbed Search ------------------------- */
.startingpoints {
	margin-top: .5em;
	margin-bottom: .5em;
}
/* ------------------------- Start Ask, Arrivals, Events, and News ------------------------- */
.events_news {
	width: 99.8%;
	margin-bottom: 1em;
}
/* ------------------------- End Ask, Arrivals, Events, and News ------------------------- */

}	

}
/* ------------------------- End Media Queries ------------------------- */