@charset "utf-8";
/* CSS Document */

body {
	font-family:Tahoma;
	font-size:12px;
}
.body {
	background-image:url(images/bg_top_line.jpg);
	background-repeat:repeat-x !important;
	background-position:top;
	background-color:#f7f7f7;
	font-family:Tahoma;
	font-size:12px;
}
strong {font-weight:bold;}
#wrap {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}
.clearing {
	clear:both;
}
#head {
	height:100px;
}
#nav {
	height:90px;
}
#left-container {
	float:left;
	padding-top:26px;
}
#right-container {
	float:right;
	width:500px;
}
.lang-panel {float:left; padding-top:26px;}
.lang-panel ul li{display:inline; padding:5px;}
.lang-panel ul li a:link, .lang-panel ul li a:visited {color:#31364d; text-decoration:none; border-bottom:1px dashed #a9abbb;}
.lang-panel ul li a:hover, .lang-panel ul li a:active {color:#31364d; text-decoration:none; border-bottom:none;}
.lang-panel ul li a.selected {background:url(images/selected.png); background-repeat:no-repeat; background-position: 0 0; border-bottom:none; padding:5px 9px; color:#fff;}
.user-nav {float:right; padding-top:26px;}
.user-nav span {color:#323236; display:block; text-align:right; padding-bottom:5px;}
.user-nav a:link, .user-nav a:visited{color:#31364d; text-decoration:none; border-bottom:1px dashed #a9abbb;}
.user-nav a:hover, .user-nav a:active{color:#31364d; text-decoration:none; border-bottom:1px dashed #a9abbb;}
#footer {
background-color: #952525;
height: 145px;
color: #e5d0d0;
width: 100%;
}
.footer-wrap {
width: 1200px;
margin: 0 auto;
padding-top: 40px;
height: 105px;
background-color: #952525;
max-width: 100%;
min-width: 1250px;
}
.footer-wrap .block {
	float:left;
	width:350px;
}
.footer-wrap .block img {padding:5px 5px 0px 0px;}
/*Calendar of events*/
.newspage {
}
.newspage li {
	display: inline-block;
	margin:8px 0;
	width:100%;
}
.newspage li a:link, .newspage li a:visited {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#952525;
	border-bottom:1px dashed #952525;
	text-decoration:none;
}
.newspage li a:hover, .newspage li a:active {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#952525;
	border-bottom:none;
	text-decoration:none;
}
.newspage .event-description {
	color:#74747d;
	display:block;
	padding-top:10px;
	font-size:12px;
	margin-left: 79px;
	line-height: normal;
}

.calendar {
}
.calendar li {
	display: inline-block;
	margin:8px 0;
	width:240px;
}
.calendar li a:link, .calendar li a:visited {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#952525;
	border-bottom:1px dashed #952525;
	text-decoration:none;
}
.calendar li a:hover, .calendar li a:active {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#952525;
	border-bottom:none;
	text-decoration:none;
}
.calendar .event-description {
	color:#74747d;
	display:block;
	padding-top:10px;
	font-size:12px;
	margin-left: 79px;
	line-height: normal;
}
.date {
	width:67px;
	height:67px;
	background-color:#7b8693;
	-webkit-box-shadow: 2px 2px 5px rgba(123, 134, 147, 0.94);
	-moz-box-shadow:    2px 2px 5px rgba(123, 134, 147, 0.94);
	box-shadow:         2px 2px 5px rgba(123, 134, 147, 0.94);
	float:left;
	margin:0 12px 0 0;
}
.date .dd {
	display:inline-block;
	width:52px;
	height:38px;
	font-size:30px;
	vertical-align:middle;
	text-align:center;
	color:#31364d;
	background-image:url(images/dd_bg.png);
	background-repeat:repeat-x;
	background-position:center top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:6px 7px;
	-webkit-box-shadow: 2px 2px 5px rgba(79, 89, 102, 0.94);
	-moz-box-shadow:    2px 2px 5px rgba(79, 89, 102, 0.94);
	box-shadow:         2px 2px 5px rgba(79, 89, 102, 0.94);
}
.date .dd b {
	display: block;
	padding-top: 3px;
}
.date .mm {
	color:#fff;
	text-align:center;
	display: block;
}
/*Navigation*/
.mmcontainer {
	color:#FFFFFF;
	width:1250px;
	height:31px;
	padding-top: 25px;
	font-size:12px;
}
.leftmm {
	width:480px;
	text-align:left;
	float:left;
	height:31px;
	line-height:31px;
}
.rightmm {
	width:500px;
	text-align:left;
	float:left;
	height:31px;
	line-height:31px;
	margin-left:230px;
}
.mainmenu {
	height:110px;
	width:100%;
	background:url(images/lib/logo.jpg) no-repeat center;
}
.withChild > ul { opacity: 0; -moz-transition: all .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s,visibility .5s; transition: opacity .5s; }
.withChild:hover > ul { visibility: visible;opacity: 1; }
.jqueryslidemenu ul li ul li ul { 	left:193px; }
.mmenu {
	/*	height:31px;*/
	width:auto;
	color:#FFFFFF;
	display:block;
	line-height:8px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.mmenu:hover, .slang:hover, .listerm:hover, .a_main:hover, .news > a:hover, .link:hover {
	text-decoration:none;
}
.menub_left {
	padding-left:7px;
	height:29px;
}
.menub_right {
	padding-right:17px;
	height:29px;
}
.mmenu:hover {
	color:#d7d9d9;
/*	background-image: url(images/current.png);
	background-repeat:no-repeat;
	background-position:bottom center;*/
}
.mmenu:hover > div {
	background:none;
}
.mmenu:hover > div > div {
}
.jqueryslidemenu {
	font: normal 14px Tahoma;
	width: 100%;
}
.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	color: white;
/*	border-bottom:1px solid #c68e8e;*/
	padding-bottom:2px;
	text-decoration:none;
}
.jqueryslidemenu ul li a:hover {
	background-image:none;
}
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
}
/*.jqueryslidemenu ul li a:hover{
color: white;
background-image: url(images/lib/cur_item.png); background-repeat:repeat-x;
}*/

/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	background-color:#dcdedf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
	z-index:100;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
	color:#000;
	margin:0;
}
.current_section {
	font-weight:bold;
	background-image: url(images/current.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.current_section a {border-bottom:none !important;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	font: normal 12px Tahoma;
	width: 170px; /*width of sub menus*/
	padding: 8px 8px 8px 15px;
	margin: 0;
/*	border-right: 1px solid #e6a3a3;
	border-left:1px solid #e6a3a3;
	border-bottom: 1px solid #e6a3a3;*/
	color:#000;
	text-transform:none;
	text-decoration:underline;
}
.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/
	color: #952525;
	text-decoration:none;
}
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 19px;
	right: 8px;
}
.rightarrowclass {
	position: absolute;
	top: 13px;
	right: 8px;
}
/* Tabs mainpage */
#tabs_wrapper {
/*	width: 618px;*/
	background-image:url(images/tab-shadow.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:18px;
	margin: 10px;
}
#tabs_container {
/*border-bottom: 1px solid #ccc;*/
	/*	width:618px;*/
/*	padding:10px 10px 0px 10px;*/
}
#tabs {
	list-style: none;
	padding: 20px 25px 18px 0px;/*	margin: 0 0 0 10px;*/
}
#tabs li {
	display: inline;
	padding: 4px 35px 4px 0px;
}
#tabs li a {
	padding: 4px 0px 2px 0px;
	/*	border: 1px solid #ccc;*/
	text-decoration: none;
	/*	background-color: #eeeeee;*/
	border-bottom: 1px dashed #952525;
	outline: none;
	color:#952525;
	font-size:14px;
}
#tabs li a:hover {
	/*	background-color: #dddddd;*/
padding: 4px 0px 2px 0px;
}
#tabs li.active a {
	border-bottom: 1px solid #fff;
	background-color: #7b8693;
	padding: 20px 25px 18px 25px;
	border-bottom: none;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#tabs li.active a:hover {
	background-color: #7b8693;
	padding: 20px 25px 18px 25px;
	border-bottom: none;
}
#tabs li a.icon_accept {
	background-image: url(accept.png);
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 24px;
}
#tabs li a.icon_accept:hover {
	padding-left: 24px;
}
#tabs_content_container {
	/*	border: 1px solid #ccc;*/
	border-top: none;
	padding: 10px;
	background-color:#7b8693;/*	width: 618px;*/
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
}
#tabs_content_container a:link, #tabs_content_container a:visited {
	color:#fff;
	border-bottom:1px dashed #FFF;
	padding-bottom:2px;
	text-decoration:none;
}
#tabs_content_container a:hover, #tabs_content_container a:active {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dashed #FFF;
}
.tab_content {
	display: none;
	color:#FFF;
}
.library-search {
	padding:36px 36px 15px 36px;
}
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
 *display: inline;
	padding: 10px 5px 24px 0px;
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 9px 6px 9px 8px;
	width: 380px;
	border: none;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	margin-right: 15px;
}
.searchform .searchbutton {
	background: url(images/search-button.png) 0px 0px scroll no-repeat;
	width: 108px;
	height: 36px;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	border: 0px;
	cursor:pointer;
	vertical-align:middle;
}
.searchform .searchbutton:hover {
	background: url(images/search-button.png) 0px -39px scroll no-repeat;
	color: #FFFFFF;
}
/*New arrivals*/
.new-arrivals {
	margin: 5px 0px 10px 15px;
	position:relative;
}.newarrival .pict {
	float:left;
	margin-right:15px;
	padding-bottom:9px;
	background-image:url(images/book-cover-shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
.titleBook {
	color:#7d7d85;
	font-size:12px;
	}
.titleBook a:link,  .titleBook a:visited{
	color:#952525;
	text-decoration:underline;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	display:block;
	padding-bottom:10px;
	}
.titleBook a:hover,  .titleBook a:active{
	color:#952525;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	}

.new-arrivals-all {
	position: absolute;
	top: -50px;
	right: 0px;
	width: 70px;
}
.new-arrivals-all a:link, .new-arrivals-all a:visited {
	color:#000;
	border-bottom:1px dashed #000;
	padding-bottom:2px;
	text-decoration:none;
}
.new-arrivals-all a:hover, .new-arrivals-all a:active {
	color:#000;
	border-bottom:none;
}
.new-arrivals ul {
}
.new-arrivals ul li {
	float:left;
	width:284px;
	padding:0 0 10px 0;
}
.new-arrivals ul li .book-cover {
	float:left;
	margin-right:15px;
	padding-bottom:9px;
	background-image:url(images/book-cover-shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.new-arrivals ul li .author {
	display:block;
	color:#7d7d85;
	font-size:12px;
	padding-top:11px;
}
.new-arrivals ul li a:link, .new-arrivals ul li a:visited {
	color:#952525;
	text-decoration:underline;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}
.new-arrivals ul li a:hover, .new-arrivals ul li a:active {
	color:#952525;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}
.news-library {
	margin: 5px 0px 10px 0px;
	position:relative;
}
.news-library-all {
	position: absolute;
	top: -50px;
	right: 0px;
	width: 70px;
}
.news-library-all a:link, .new-arrivals-all a:visited {
	color:#000;
	border-bottom:1px dashed #000;
	padding-bottom:2px;
	text-decoration:none;
}
.news-library-all a:hover, .new-arrivals-all a:active {
	color:#000;
	border-bottom:none;
}
.news-library ul li {
	float:left;
	width:159px;
	border-top:5px solid #952525;
	margin:0px 18px 0px 18px;
}
.news-library ul li a:link, .news-library ul li a:visited {
	color:#956541;
	text-decoration:underline;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	margin-top:15px;
	display:block;
}
.news-library ul li a:hover, .news-library ul li a:active {
	color:#956541;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}
.news-library ul li .news-date {
	display:block;
	color:#74747d;
	font-size:12px;
	margin-top:10px;
}

/**********************librarian panel*****************/

.panel {
position: fixed;
top: 210px;
left: 0;
display: none;
background: #fff;
border:1px solid #6f6f6f;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 250px;
height: 900px;
padding: 0px 0px 10px 40px;
z-index: 99;
}
.panel ul{border-bottom:1px solid #ccc;padding:10px 5px 10px 0px;}
.panel ul li{/*padding:5px 10px 5px 15px;line-height:12px;*/
}
.panel ul li a.active_i{font-weight:bold;color:#000;}
.panel ul li a.active_i:hover{font-weight:bold;color:#000;}
.panel ul li a, .panel ul li a:visited{
margin: 0;
padding-left: 0px;
color: #494647;
text-decoration: none;
font-size:11px;
}

.panel ul li a:hover, .panel ul li a:visited:hover{
margin: 0;
color: #000000;
text-decoration: none;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 210px; left: 0;
font-size: 16px;
font-family: Arial;
color:#fff;
padding: 20px 40px 20px 0px;
background-image: url(images/lib/menu_trigger.png);
background-repeat:no-repeat;
display: block;
z-index: 100;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 210px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: Arial;
color:#fff;
padding: 20px 40px 20px 0px;
background-image: url(images/lib/menu_trigger_on.png);
background-repeat:no-repeat;
display: block;
}

a.active.trigger {
background-image: url(images/lib/menu_trigger_close.png);
background-repeat:no-repeat;
}

.colleft{
float: left;
width: 230px;
line-height: 22px;
z-index: 999;
}

.colright{
border-left:1px solid #ccc;
float: right;
width: 229px;
line-height: 22px;
height:900px;
}

ul.lib_office, ul.lib_office ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 250px;
  font-family:Arial;
  font-size:12px;
}

ul.lib_office a {
  display: block;
  text-decoration: none;	
}

ul.lib_office li {
  border-bottom:1px solid #999;
}

ul.lib_office li a {
	font-weight:bold;
  color: #000;	
  padding: 0.5em;
}

ul.lib_office li a:hover {
}
ul.lib_office li ul li {
border-top:1px solid #CCC;
border-bottom:none;
font-size:11px;
}
ul.lib_office li ul li a {
  color: #000;
  padding-left: 20px;
  font-weight:normal;
}

ul.lib_office li ul li a:hover {
  border-left: 5px #999 solid;
  padding-left: 15px;
}
h1.test_h1 {
    margin-left: 20px;
}

/*coronovirus css*/
.hl__site-alert-banner {
    background-color: #f8c21c;
    padding: 24px;
display: none;
}
.hl__site-alert-banner__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 600px; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.hl__site-alert-banner__icon {
    height: 21px;
    margin-right: 15px;
    width: 18px;
}
.hl__site-alert-banner__icon path {
    fill: #1e1e1e;
}
.hl__rich-text {
    max-width: 1330px;
}
.hl__site-alert-banner__label {
    color: #1e1e1e;
    font-family: "Trueno",sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.14px;
    line-height: 1.5em;
    margin-right: 20px;
    text-transform: uppercase;
}
.hl__site-alert-banner__message {
    color: #1e1e1e;
    font-family: "Trueno",sans-serif;
    font-size: 17px;
    line-height: 1.5em;
}
.hl__rich-text>*:last-child {
    margin-bottom: 0;
}

.hl__rich-text>p {
    margin-bottom: 1.84em;
}
.hl__rich-text>* {
    margin-bottom: 1em;
    margin-top: 0;
}
.hl__site-alert-banner__message .hl__rich-text a:not(.hl__button):not(.hl__link-tag) {
    border: 0;
    color: #1e1e1e;
    text-decoration: underline;
}
.list__st li{
	
	list-style: disc;
}
/*coronovirus css*/


/*style 2021*/
.btn.btn-sm.btn-default.s-la-searchform-button {
    background-color: #daa743 !important;
    border: none;
}

.input-group-btn button, .form-group button {
background: #daa743 !important;
border: none !important;
color: #fff !important;
}

#footer {
    background-color: #6f7b89 !important;
}
.footer-wrap {
    background-color: unset !important;
}
.footer-wrap .block {
    color: #fff !important;
}
.news-library ul li {
    border-top: 5px solid #daa743 !important;
}

.news-library ul li a:link, .news-library ul li a:visited, .s-la-widget a, .titleBook a:link, .titleBook a:visited, #tabs_main li a {
    
    color: #000 !important;
}

.hl__site-alert-banner {
/*display: none !important;*/
}
/*style 2021*/

#footer {
  height: 245px !important;
}