@import url('https://fonts.googleapis.com/css?family=Open+Sans');.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1100px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1100px;}
#body.content{max-width: 1100px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1100px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1100px;}
.bodysize{max-width: 1100px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1100px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1100px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #c96900;}
.link:hover, a:hover{color: #cd8c3a;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cccccc;}
body{
		color: #333333;
		font-family: Verdana, Geneva, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#ffffff;
	}
#default_footer a{
		text-decoration: underline;
		color:#ffffff;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f8903e;
	background: #f8903e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8903e), color-stop(50%,#f8903e), color-stop(51%,#f8903e), color-stop(100%,#f8903e));
	background: -moz-linear-gradient(top,  #f8903e 0%, #f8903e 50%, #f8903e 51%, #f8903e 100%);
	background: -webkit-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -o-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -ms-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8903e', endColorstr='#f8903e',GradientType=0 );
	border: 0px solid #f8903e;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #f2ad76;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ad76), color-stop(50%,#f2ad76), color-stop(51%,#f2ad76), color-stop(100%,#f2ad76));
	background: -moz-linear-gradient(top,  #f2ad76 0%, #f2ad76 50%, #f2ad76 51%, #f2ad76 100%);
	background: -webkit-linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: -o-linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: -ms-linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ad76', endColorstr='#f2ad76',GradientType=0 );
	border: 0px solid #f1ab6c;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #ffffff;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 0px solid #f8903e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #333333;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #ffffff;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #ffffff;
	color: #ffffff;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #cccccc;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #f8903e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8903e), color-stop(50%,#f8903e), color-stop(51%,#f8903e), color-stop(100%,#f8903e));
	background: -moz-linear-gradient(top,  #f8903e 0%, #f8903e 50%, #f8903e 51%, #f8903e 100%);
	background: -webkit-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -o-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -ms-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8903e', endColorstr='#f8903e',GradientType=0 );
	color: #ffffff;
}
.vtab{
	font-weight: normal;
	background: #f8903e;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#f8903e), color-stop(50%,#f8903e), color-stop(51%,#f8903e), color-stop(100%,#f8903e));
	background: -moz-linear-gradient(-90deg,  #f8903e 0%, #f8903e 50%, #f8903e 51%, #f8903e 100%);
	background: -webkit-linear-gradient(-90deg,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -o-linear-gradient(-90deg,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -ms-linear-gradient(-90deg,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: linear-gradient(-90deg,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #f2ad76;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#f2ad76), color-stop(50%,#f2ad76), color-stop(51%,#f2ad76), color-stop(100%,#f2ad76));
	background: -moz-linear-gradient(-90deg,  #f2ad76 0%, #f2ad76 50%, #f2ad76 51%, #f2ad76 100%);
	background: -webkit-linear-gradient(-90deg,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: -o-linear-gradient(-90deg,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: -ms-linear-gradient(-90deg,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: linear-gradient(-90deg,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ad76', endColorstr='#f2ad76',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #f8903e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8903e), color-stop(50%,#f8903e), color-stop(51%,#f8903e), color-stop(100%,#f8903e));
	background: -moz-linear-gradient(top,  #f8903e 0%, #f8903e 50%, #f8903e 51%, #f8903e 100%);
	background: -webkit-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -o-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: -ms-linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	background: linear-gradient(top,  #f8903e 0%,#f8903e 50%,#f8903e 51%,#f8903e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8903e', endColorstr='#f8903e',GradientType=0 );

	color: #ffffff;
	border-right: 1px solid #f8903e;
	border-left: 1px solid #f8903e;
	border-top: 1px solid #f8903e;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #f2ad76;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ad76), color-stop(50%,#f2ad76), color-stop(51%,#f2ad76), color-stop(100%,#f2ad76));
	background: -moz-linear-gradient(top,  #f2ad76 0%, #f2ad76 50%, #f2ad76 51%, #f2ad76 100%);
	background: -webkit-linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: -o-linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: -ms-linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	background: linear-gradient(top,  #f2ad76 0%,#f2ad76 50%,#f2ad76 51%,#f2ad76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ad76', endColorstr='#f2ad76',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #f8903e;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/ocls/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 1px solid #000000;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #ffffff;
	font-weight: bold;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: -1px -1px 0px 0px;
	border-radius: -1px -1px 0px 0px;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px -1px -1px;
	border-radius: 0px 0px -1px -1px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #333333;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #333333;
	border-color: #333333;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #333333;
}
.polaris-nav-active i{
	color: #333333;
}
.widgetbody hr{
	color: #cccccc;
	background-color: #cccccc;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cccccc;
}
.bottomrule{
	border-bottom: 1px solid #cccccc;
}
.bodytext{color: #333333;}
.headingtext{color: #333333;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

/************************* GLOBAL HTML *************************/
/* (top level selections on elements) */

html {
  display: table;
  margin: auto;
}

body {
  font-family: "Libre Baskerville", serif;
  font-size: 14px;
  font-weight: 400;
  max-width: 1100px;
  padding: 1% 0.3% 0;
  left: 0;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.6;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

div#body a {
  font-family: 'PT Sans', sans-serif;
  font-weight: 600;
}

div#body a:visited, 
div#body a:active, 
div#body a:link {
  color: #C96900;
  text-decoration: none;
}

div#body a:hover {
  color: #D18E45;
}

/*why?*/
div#body span.link:hover {
  color: inherit;
}

div#body span.link, 
div#body span.link:hover {
  color: #333;
  font-weight: 600;
}

/*hides the home tab - which is actually the second menu item DO NOT DELETE */
.navbar-top ul.navbar-nav > li:nth-child(2) {
   display: none;
}

#google_translate_element {
  text-align: right; 
}

/************************* BUTTONS *************************/

div#body button, 
div#body span.btn, 
a.button {
  font-family: 'PT Sans', sans-serif;
}

a.button, 
a.button:hover,
div#body a.button, 
div#body a.button:hover {
  margin: 10px 0;
  padding: 10px 24px;
  font-size: 1.2em;
  text-decoration: none;
}

a.button,
a.button a:visited,
div#body a.button,
div#body a.button a:visited {
  color: #FFF;
  text-decoration: none;
}

@media (max-width: 768px){
  a.button, 
  a.button:hover {
  	display: block;
    width: 60%;
    margin: 0 auto;
  }
 .amnp-choose-branch{
    visibility: hidden;
  }
}

div#body span.btn.btn-default,
div#body form button.btn.btn-default.pull-right,
div#body div.ammev-login form > button {
  border: none;
  color: #FFF;
  background-color: #F8903E;
  padding: 5px 15px;
  min-width: 100px;
  margin: 10px 0;  
  text-transform: capitalize;
}

div#body span.btn.btn-default,
div#body form button.btn.btn-default.pull-right {
  font-size: 16px;
}


a.button:hover,
div#body a.button:hover,
div#body button:hover, 
div#body span.btn:hover, 
div#body span.btn.btn-default.ammev-guests:hover {
  opacity: 0.7;
}

div#body form button.btn.btn-default.pull-right {
  font-size: 18px;
  margin: -1px;
}

div#body span.btn.btn-default.ammev-guests {
  color: #333;
  background-color: #FFF;
  border: 1px solid #CCC;
}

.past-event-button-text {
  display: none !important;
}

/************************* HEADER *************************/

div#idGfQlc p.header-link-3, 
div#idgQ6Ya p {
  display: -ms-flexbox;
  display: webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left !important;
}

div#idGfQlc p.header-link-3 > a, 
div#idgQ6Ya p > a {
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
  white-space: nowrap;
}

#idgQ6Ya > .amh-content {
  margin: 0 !important;
  padding: 0 !important;
}

div.sticky-header {
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  border-bottom: 1px solid #BBB;
  z-index: 3;
  -moz-transition: left 1s;
  -webkit-transition: left 1s;
  transition: left 1s;
}

body.slided div.sticky-header {
  left: 275px;
}

div.sticky-header > div.hamburger {
  width: 40px;
  height: 40px;
  float: left;
  background-color: #F8903E;
  background-image: url("/images/editor/ocls/icon-hamburger-menu.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

div.sticky-header > div.hamburger:hover {
  cursor: pointer;
  opacity: .9;
}

div.sticky-header img.header-logo {
  height: 33px !important;
  width: auto;
  margin-top: 3px;
  margin: 0 auto;
  display: block;
  position: relative;
  left: -20px;
}

/************************* MOBILE *************************/

/*mobile header*/
div#ids4Nht.amh-widget, div#idkgu1h.amh-container {
  position: static;
}

a.header-sign-up {
  color: #FFF;
  background: #F8903E;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  padding: 0.3em 0.5em;
  text-decoration: none;
  margin: 10px;
}

a.header-sign-up:hover {
  opacity: 0.7;
}

/*mobile menu*/
div.mobile.topLinks {
  position: fixed;
  top: 0;
  left: -275px;
  width: 275px;
  height: 100%;
  overflow: auto;
  background-color: #FFF;
  z-index: 3;
  -moz-transition: left 1s;
  -webkit-transition: left 1s;
  transition: left 1s;
}

/*mobile menu slided over from hamburger click*/
body.slided div.mobile.topLinks {
  left: 0;
}

div.mobile.topLinks > ul.items {
  margin: 0;
  padding: 0;
}

div.mobile.topLinks > ul.items > li {
  padding: 10px 20px;
  border-top: 1px solid #BBB;
}

div.mobile.topLinks > ul.items > li.my-account:before,
div.mobile.topLinks > ul.items > li.locations-link:before,
div.mobile.topLinks > ul.items > li.using-library-link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  margin-right: 10px;
}

div.mobile.topLinks > ul.items > li.my-account:before {
  background-image:url("/images/editor/ocls/icon-user.png");  
}

div.mobile.topLinks > ul.items > li.locations-link:before {
  background-image:url("/images/editor/ocls/icon-location.png");  
}

div.mobile.topLinks > ul.items > li.using-library-link:before {
  background-image:url("/images/editor/ocls/icon-interface.png");  
}

a.header-sign-up, 
div.mobile.topLinks > ul.items > li > a {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

div.mobile.topLinks > div.mobile-main-menu > h3 {
  background-color: #084598;
}

div.mobile.topLinks > div.mobile-quick-links > h3 {
  background-color: #6888BE;
}

div.mobile.topLinks > div.mobile-main-menu > h3,
div.mobile.topLinks > div.mobile-quick-links > h3 {
  font-family: "PT Sans Narrow", sans-serif;
  font-size: 18px;
  padding: 10px 20px;
  color: #FFF;
}

div.mobile.topLinks > div.mobile-main-menu > a {
  color: #084598;
}

div.mobile.topLinks > div.mobile-quick-links > a {
  color: #6888BE;
}

div.mobile.topLinks > div.mobile-main-menu > a,
div.mobile.topLinks > div.mobile-quick-links > a {
  display: block;
  padding: 10px 20px;
  font-family: "PT Sans", sans-serif;
  border-top: 1px solid #BBB;
}

/************************* DESKTOP *************************/

/*media queries for mobile and desktop header*/
@media (max-width: 990px) {
  #idR2g8b {
    display: none;
  }
  #idSMQBa {
    display: none;
  }
  #idABt8t {
    display: none;
  }
  div.mobile.topLinks {
    display: block; 
  }
  
  body {
    -moz-transition: left 1s;
    -webkit-transition: left 1s;
    transition: left 1s;
  }
  
  /*body slided over from hamburger click*/
  body.slided {
    left: 275px;
  }
  
  div.sticky-header {
    display: block;
  }
}

@media (min-width: 989px) {
  div.mobile.topLinks {
    display: none;
  }
  
  /*width of left side of header*/
  #ido63qj {
    width: 33%;
  }

  /*width of right side of header*/
  #idbG9DQ {
    width: 67%
  }
  
  div.sticky-header {
    display: none;
  }
}

/*space under first and second row*/
#idQ0I4O,
#idfs5S6 {
  padding-bottom: 20px;
}

/*add space under header*/
#iddwhzC {
  padding-bottom: 50px;
}

/*header logo*/
.header-logo {
  opacity: 1;
}

.header-logo:hover {
  opacity: 0.8;
}

/* ocls.info Header Links */

h4 > a, 
h3 > a, 
h2 > a, 
h1 > a,
a.header-link-1 {
  font-family: 'PT Sans', sans-serif;
}

a.header-link-2,
a.header-link-3,
a.header-link-4 {
  font-family: 'PT Sans Narrow', sans-serif;
}

a.header-link-4 {
  font-size: 14px; 
}

a.header-link-2:hover {
  opacity: 0.7;
}

a.header-link-1:hover,
a.header-link-3:hover,
a.header-link-4:hover {
  opacity: 0.7;
  text-decoration: underline;
}

a.header-link-1 {
  color: #F8903E;
  font-size: 16px;
  font-weight: 500;
}

a.header-link-2  {
  color: #FFF;
  background: #F8903E;
  font-size: 17px;
  font-weight: 100;
  border-radius: 3px;
  padding: 0.5em 1.3em;
  letter-spacing: 0.5px;
}

a.header-link-3 {
  color: #27245C;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
 
table.header-link-3 td {
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 0px;
  padding: 10px 0;
}

a.header-link-4 {
  color: #6D8EBC;
  font-weight: 700;
}
  
/************************* FOOTER *************************/

@media (max-width: 988px) {
  .mobile-footer {
    display:block;
  }
}

@media (min-width: 989px) {
  .mobile-footer {
    display:none;
  }
}

a.h4-orange,
h4.h4-grey,
a.footer-link-end,
.footer-end-text {
  font-family: 'PT Sans', sans-serif;
}

span.footer-end-text {
  font-size: 14px; 
}

a.h4-orange {
  color: #C96900;
  font-size: 19px;
  font-weight: 700;
}

a.h4-orange:hover {
  color: #D18E45;
  text-decoration: underline;
}

h4.h4-orange {
  margin: 0 0 6px;
}

h4.h4-grey {
  color: #666;
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 6px;
}

#idjJ1Ia {
  padding: 20px 20px 30px;
}

#idjJ1Ia h3 {
  line-height: 0.8;
}

#idhaE7T {
  display: none;
}

#idUCayL {
  border-bottom: 1px solid #DDD;
  margin-bottom: 5px;
  -moz-osx-font-smoothing: initial;
  -webkit-font-smoothing: initial;
}

a.footer-link {
  color: #C96900;
  font-size: 15px;
  font-weight: 400;
  font-family: "Libre Baskerville", serif;
}

a.footer-link:hover {
  color: #D18E45;
  text-decoration: underline;
}

.plain-text-number {
  color: #666;
  font-size: 14px;
  font-weight: 200;
  margin: 0 0 1px;
}

.p-footer-link {
  margin: 0;
  line-height: 1.4;
}

#idVb4di {
  padding-right: 25px;
}

a.footer-link-end {
  color: #C96900;
  font-size: 14px;
}

a.footer-link-end:hover {
  color: #D18E45;
  text-decoration: underline;
}

.footer-end-text {
  color: #666;
}

form#search img:hover {
  cursor: pointer;
}

input.form-text {
  width: 185px;
  height: 30px;
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
  padding: 3px 10px;
  font-size: 13px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #688EAD;
  font-family: 'PT Sans', sans-serif;
  font-weight: 200;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #688EAD;
  opacity:  1;
  font-family: 'PT Sans', sans-serif;
  font-weight: 200;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #688EAD;
  opacity:  1;
  font-family: 'PT Sans', sans-serif;
  font-weight: 200;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #688EAD;
  font-family: 'PT Sans', sans-serif;
  font-weight: 200;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:    #688EAD;
  font-family: 'PT Sans', sans-serif;
  font-weight: 200;
}

/************************* LOGIN SCREEN *************************/

.events2-reg-card, .events2-reg-pin {
  font-size: 1.2em;
}

div.ammev-login {
  margin-bottom: 50px;
  padding: 0 15px 20px;
}

div.ammev-login > div {
  position: relative;
  margin-top: 100px;
}

div.ammev-login > div:before {
  content: "Log in with either your Library Card Number and PIN or your Last Name and Reference Number.";
  position: absolute;
  top: -80px;
  font-size: 16px;
}

div.ammev-login > h3 {
  font-family: 'PT Sans', sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.ammev-login > div > ul.nav-tabs > li {
  margin-right: 10px;
}

.ammev-login > div > ul.nav-tabs a {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  font-weight: 400!important;
  color: #333!important;
  background-color: #DDD;
}

.ammev-login > div > ul.nav-tabs > li.active > a {
  color: #333!important;
  background-color: #FFF;
}

div.ammev-login #card > p, div.ammev-login #reference > p {
  display: none;
}

@media screen and (max-width: 480px) {
  div.ammev-login > div {
    margin-top: 120px;
  }
  
  div.ammev-login > div:before {
    top: -110px;
  }
  
  .amnp-booker-summery {
    text-align: center;
    font-size: 24px;
  }
}

.amnp-booker-summery {
  text-align: center;
  font-size: 30px;
}

.amnp-booker-time {
  font-size: 24px;
}

.amnp-booker-time > b {
  font-weight: 400;
}

.amnp-reserve-screen {
  max-width: 600px;
  padding: 0 15px;
}

.amnp-booking-room-included ul {
  padding-left: 15px;
}

.card-logo {
  margin-top: 1em;
}

.card-logo > img {
  margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
  .card-logo {
    position: relative;
    left: 165px;
    padding: 10px 0;
  }
}

.fa-times::before {
  content: "X";
  font-family: "PT Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
}

div.amPopupContent button {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
}

.amPopupTitle {
  font-size: 24px;
}

.events2-reg-thanks-online,
.events2-reg-thanks-details,
.events2-reg-thanks-details > div {
  font-family: "Libre Baskerville", serif;
	font-weight: 400;
	font-size: 14px;
}

.events2-reg-thanks-online,
.events2-reg-thanks-details {
  display: block;
  overflow: auto;
}

.events2-reg-thanks-online-title {
  font-family: "PT Sans", sans-serif;
}

.amnp-picker-header > h2 {
  font-size: 30px;
}

.amnp-navigation {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
  color: inherit;
  padding-left: 0;
}

.amnp-navigation.is_stuck, .amnp-navigation.is_stuck:hover {
  color: #BBB;
}

.amnp-navigation > i:hover {
  color: #888;
}

.amnp-room-holder > h3 {
  font-weight: 400;
  font-size: 24px;
}

.amnp-location-section-title {
  font-size: 18px;
}

.amnp-unselected-message {
  font-size: 16px;
  font-family: "Libre Baskerville", serif;
  color: inherit;
}

.amnp-room-holder.amnp-room-active {
  border-color: #FFA233;
}

.amnp-segment-open {
  background-color: #C1E65B; 
}

.amnp-segment-booked {
  background-color: #555;
}

.amnp-segment-setup-breakdown,
.amnp-segment-open.amnp-segment-setup-breakdown {
  background-color: #3D64AB;
}

.amnp-segment-selected.amnp-segment-booked,
.amnp-segment-booked.amnp-segment-setup-breakdown {
  background-color: #FF1F19;
}

.amnp-segment-selected {
	background-color: #759C08;
}

div.amnp-buttons {
  text-align: center;
}

div.amnp-buttons button.btn {
  margin-right: 10px;
}

div.amnp-buttons > span.amnp-required-label {
  display: block;
  font-weight: 600;
  margin: 10px auto;
}

div.amnp-buttons span.required-field {
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
}

div.ammev-login form > button {
  font-size: 0px;
}

div.ammev-login form > button:after {
  content: "Submit";
  font-size: 18px;
}

.amnp-navigation.is_stuck {
  margin-top: 0;
  padding-left: 0;
}

@media screen and (max-width: 990px) {
  .sticky-key > div {
    position: static !important;
  }
  
  .amnp-picker-header, .amnp-navigation, .amnp-stage {
    margin-left: 0;
  }
  
  .amnp-stage {
    width: 100%;
  }
  
  .amnp-day, .mCSB_container {
    width: auto !important;
  }
  
  .mCustomScrollbar, .mCustomScrollbox {
    position: static !important;
    overflow: auto !important;
    max-height: none !important;
    height: auto !important;
  }
  
  .amnp-room-holder, .amnp-navigation + div, .amnp-navigation + div + div,
  .amnp-location-section-title{
    margin: 0 auto;
    max-width: 95%;
  }
  
  .amnp-day > .amnp-segment {
    margin-top: 10px;
  }
  
  .sticky-wrapper > .amnp-navigation {
    padding-left: 0;
    margin-top: 40px;
  }
  
  .amnp-navigation + div, .amnp-navigation + div + div {
    float: none !important;
  }
  
  .amnp-key {
    margin-bottom: 20px;
  }
  
  .amnp-key, .sticky-key {
    float: none;
    width: auto;
    margin-bottom: 15px;
  }
  
  .amnp-date-picker {
    max-width: 240px;
    margin: 15px auto;
  }
  
  .amnp-date-picker + div {
    display: none;
  }
}

div.ammev-login form > div.form-group {
  margin: 20px 0;
}

/************************* Upcoming Events widget *************************/

/*height of events listing widget*/
#idtvR3F .amev-event-list {
	height: 520px;
}

/*register button in widget*/
#idtvR3F .eventRegButton {
  font-family: 'PT Sans', sans-serif;
  display:block;
  width: 60%;
  max-width: 200px;
  margin: 10px auto 5px auto;
}

/*event listing title upcoming events widget*/
.amev-event-title {
  font-size: 1.5em;
  line-height:1.3;
}

.amev-event-title a {
  font-family: 'PT Sans', sans-serif;
  text-decoration: none;
}

/* nav icon for event listing. has since been removed */
#id4VX3g #iddyeni {
  display: none;
}

#id4VX3g {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding: 0.75em 0;
  margin-bottom: 1.5em;
}

/* "Upcoming events" text at the top of Upcoming Events widget */
#idsqaCW h4 {
  font-family: 'PT Sans', sans-serif;
  font-size: 2.1em;
  margin-bottom: 0.5em;
  font-weight: 600;
  border-radius: 1px;
  text-align: center; 
}

#idDuU5h .amh-content > div p, 
#idDuU5h div ul li {
  font-family: "Libre Baskerville", serif; 
}

/* Suppress location map and tags*/
#idoHUdG, #idVFirR {
  display: none;
}

/************************* attend.ocls.info/myevents *************************/

div.ammev-welcome {
  max-width: 975px;
  margin: 0 auto 10px;
}

div.ammev-welcome .form-inline span {
  font-family: 'PT Sans', sans-serif;
  font-size: 24px;
}

div.ammev-reservation-container {
  margin-top: 20px;
  padding-top: 5px;
  border: 1px solid #D1D1D1;
}


div.ammev-title a {
  font-size: 20px;
  font-weight: 400!important;
}

div.ammev-registered, div.ammev-waitlist {
  margin: 4px 0 10px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
}

div.ammev-registered {
  color: #084694;
}
  
div.ammev-event-type {
  display: none;
}

div.ammev-registrant > div {
  font-size: 12px;
  text-align: left; 
}

div.ammev-registrant > div b {
  font-weight: 400;
}


/************************* reserve.ocls.info/myreservations *************************/



/************************* Other *************************/

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover,
.datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active[disabled] {
  background-color: #FFA233;
}