html {
    overflow-y:scroll;
}
body {	
    background:#fff url(../images/bk_main.gif) fixed no-repeat center top;
	font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
	padding-top:70px;
}

.no-js #loader { display:none;  }
.js #loader { display:block; position:absolute; left:100px; top:0; }
.se-pre-con { position:fixed; left:0px; top:0px; width: 100%; height:100%; z-index:9999; background: url(../images/preloader.gif) center no-repeat #fff;}

a:focus {
	outline:none;
}
.navbar-toggler {
	padding: 0.5rem;
}
.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed {
	margin-left: 260px;
}
.js-hiraku-offcanvas-body-left {
	left: 0;
}
.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar {
	width: 260px;
}
.navbar, .container {
	width:100%;
	max-width:1140px;
	margin:0 auto;
	overflow-x:hidden;
}
.navbar .logo-1 {
	position:absolute;
	left:15px;
	top:15px;
}
.navbar .logo-1 img {
	width:70%;
	max-width:564px;
	min-width:290px;
}
.navbar .logo-2 {
	display:none;
}
.navbar .logo-3 {
	display:none;
}
.nav-tabs, .nav-item {
	border:none;
	margin-bottom:0 !important;
}
.container0 {
    padding:0;
}
.scroll-fix-content {
    padding:1rem 1rem 0 1rem !important;
    box-sizing: border-box;
}
.float-right {
	margin-left:1rem;
}
.container {
    background:#fff;
}
.js-hiraku-offcanvas-body, .navbar {
	height:70px;
}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
	background-color:#f5dbbd;
}
.js-offcanvas a {
	text-decoration:none;
}
.js-offcanvas a.list-group-item, .js-offcanvas a.list-group-item:link, .js-offcanvas a.list-group-item:visited {
    color:#fff;
    background-color:#d47100;
    border:none;
    border-top:solid 1px #e2b894 !important;
    margin:0;
    border-radius:0;
}
.js-offcanvas a.list-group-item:hover, .js-offcanvas a.list-group-item:active {
    color:#fc0;
}
.js-offcanvas a.active {
    color:#e95377;
}
.js-offcanvas ul, .js-offcanvas li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.js-offcanvas li a {
	display:block;
	padding:5px 15px;
	border-bottom:solid 1px #e2b894;
	color:#660033;
}
.js-offcanvas li a:hover, .js-offcanvas li a:active {
	color:#f00;
}
.js-offcanvas li:last-child a {
	border:none;
}
.scroll-fix {
	padding:0;
    box-sizing: border-box;
	display:none;
}

.navbar-toggler {
    position:absolute;
    right:1rem;
    background-color:#d00;
    cursor:pointer;
    border:solid 2px #fff !important;
}
.navbar-toggler:hover, .navbar-toggler:active {
    background-color:#ffc400;
}
.list-group-item {
    padding: 5px 15px; /* .75rem 1rem; */
}
.info-block {
    height:120px;
    background:#999;
    position:relative;
    margin-bottom:1rem;
}
a.info-block {
    color:#fff;
    display:block;
    text-decoration:none;
}
.info-block h1 {
    font-size:150px;
    line-height:120px;
    color:rgba(255,255,255,0.2);
    position:absolute;
    letter-spacing:-1rem;
    margin:0;
}
.info-block p {
    font-size:24px;
    line-height:24px;
    color:#fff;
    position:absolute;
    margin:0 0.2rem 0 0;
    bottom:0;
    right:0;
}
.bk-1 {
    background:#e9390e;
    background:linear-gradient(to bottom, #e9390e,#a60c0a);    
}
.bk-2 {
    background:#00ab84;
    background:linear-gradient(to bottom, #00ab84,#004d23);
}
.bk-3 {
    background:#009ad8;
    background:linear-gradient(to bottom, #0493cd,#00389b);
}
.hide-470 {
    display:none;
}
#fb-icon {
	display:block; margin:0 0 10px 0;
}
.page-top {
	display:block;
	margin:10px 0 0 0;
	float:right;
}
#content ul {
	/* margin:0 30px 0 35px; padding:0; list-style-type:square; */
	margin:0 0 0 20px; padding:0; list-style-type:square;
}
#content ol {
	margin:0 30px 0 20px;padding:0; text-align:justify;
}
#content li {
	margin:0 0 5px 0; padding:0; text-align:justify;
	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0;
}
#content ul li ul {
	margin:0; padding:0 0 0 18px;
}
#content ul li ul li {
	margin:0; padding:0; list-style-type:disc;
}
#content table {
	/* margin:3px 30px 10px 20px; */
}
#content table td {
	vertical-align:top; margin:0; padding:0;
}
#content .table1 {
	page-break-inside: avoid;
	font-size: 12px; line-height: 15px;
	border-collapse: collapse;
	background-color: #f5f1e8;
	border: solid 1px #c46300;
	width:637px;
}
#content .table1 th {
	padding: 5px;
	text-align: left;
	background-color:#efc492;
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
#content .table1 td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
}
#content .table1 .leftcell {
	text-align: left;
}
#content .table1 tr.even { background:#fbf1e5; }
#content .table1 tr.odd  { background:#fdf7f1; }
#content .table1 tr.over td { background:#ffee80; }
#content .table1 td.center { text-align: center; }

#content .table2 {
	width:630px;
}
#content .table2 td {
	vertical-align:top; text-align:center;
	width:210px;
	padding:0 0 15px 0;
	overflow:hidden;
}

#content .timetable-16 {
	width:100%;
	min-width:320px;
	page-break-inside: avoid;
	font-size: 12px; line-height: 15px;
	border-collapse: collapse;
	border: solid 1px #000;	
}
#content .timetable-16 .yellow {
	background-color:#fff2cc;
}
#content .timetable-16 .blue {
	background-color:#bdd6ee;
}
#content .timetable-16 th {
	background-color: #365f91;
	color:#fff;
	text-align:center;
}
#content .timetable-16 .hilite {
	text-align:center;
}
#content .timetable-16 th, #content .timetable-16 td {
	padding:8px;
}
#content .white-border th, #content .white-border td {
	border:solid 1px #fff;
}
#content .black-border th, #content .black-border td {
	border:solid 1px #000;
}
#content .timetable-16 td li {
	text-align:left;
}
#content .timetable-16 .left-col, #content .timetable-16 .time {
	width:5rem;	
}
#content .timetable-16 .time {
	vertical-align:middle;
	font-weight:bold;	
}
#content .timetable-16 .left-col {
	vertical-align:top;
	background:#bdd6ee;
	text-align:left;
	color:#000;
}
	
.pubIframe {
	width:100%; margin:0px 10px 10px -20px;
}
footer {
	padding-top:20px;
	font-family:"Proxima Nova Regular","Segoe UI",Roboto,"Droid Sans","Helvetica Neue",Arial,sans-serif;
    font-size:0.8rem;
    line-height:1rem;
    margin-bottom:1rem;
	background: #fff url(../images/bk_footer.gif) top center no-repeat;
}
ol, ul {
    margin-left:0;
    padding-left:1.2rem;
}
ol > li, ul > li {
    padding-left:0;
}
ul {
    list-style-type: square;
}

#title {
	text-align:right;
    height: 150px;
    overflow: hidden;
    margin: 8px 0 0 0;
    position: relative;
}
h1 {
    font: bold 38px/46px Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 11px;
    text-shadow: #000 3px 3px 5px;
    text-align: right;
    margin: 0;
    padding: 0;
}
h2 {
    font: bold 24px/28px Arial, Helvetica, sans-serif;
    color: #600;
    margin: 15px 30px 3px 20px;
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h3 {
    font: bold 18px/24px Arial, Helvetica, sans-serif;
    color: #a669a5;
    margin: 30px 30px 3px 0;
}
h4 {
	font-size:1.1rem;
	color:#666;
}
.lecture {
	font-weight:bold;
	color:#845a90;
}
.name1 {
	font-size:1.1rem;
	font-weight:bold;
}
.name2 {
	font-size:1.1rem;
	font-weight:bold;
	color:#397ea8;
}
.hilight {
	background-color:#dce7ed;
}
.box {
	background-color:#e9e7f1;
	border-left:solid 0.3rem #c0aac5;
	padding:0.7rem;
}
.first-char {
	font-size:3.2rem;
	line-height:3rem;
	color:#397ea8;
	float:left;
	margin:0 0.2rem 0 0;
}
.main-box {
    background:rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;
    padding:15px 40px;
    color:#fff;
    width:100%;
    font-size:0.9rem;
    line-height:1.2rem;
    z-index:9;
}
.table td, .table th {
    border-top:solid 1px #999;    
}
.table {
    border-bottom:solid 1px #999;
}

#lbTopData {
    display:none;
}

.nav-tabs {
	font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif; margin:0 5px 0 0;
	display:none;
}
.nav-tabs li a:link, .nav-tabs li a:visited { 
	text-decoration:none; color:#FFF; 
	margin: 0 4px 0 0; padding:5px 8px 1px 8px; top:0; display:block;
	background:url(../images/bk_tab1.gif) top repeat-x;
	height:30px; 
	border:none;
}
.nav-tabs li a:hover, .nav-tabs li a:active { 
	text-decoration:none; color:#FC0;
	border:none;
}

/*.nav-tabs a#index:link, .nav-tabs a#index:visited  {
  background:url(../images/bk_index.gif) top center no-repeat;
}
.nav-tabs a#index:hover, .nav-tabs a#index:active {
  background:url(../images/bk_index.gif) center center no-repeat;
}*/

#main-nav {
  margin:0 auto;
  padding:0; left:0; top:0; width:270px; /* position:absolute; */
  font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif;
  border:solid 1px #e58100;
}

#main-nav ul { margin:10px 0 0 0; padding:0; list-style-type:none; }
#main-nav li { padding:0; margin:0; height:30px; width:260px; color:#666; text-align:left; }
#main-nav li.topRow   { height:29px; }
#main-nav li.twoRows { height:45px; }

#main-nav li a:link, #main-nav li a:visited {
  padding:9px 0 0 35px; margin:0; color:#7d002a;
  display:block; height:30px; width:260px;
  background:url(../images/bk_nav.gif) top left no-repeat;
  border:none;
}
#main-nav li a:hover, #main-nav li a:active {
  background-position: 0 -58px; color:#f00;
  text-decoration:none;
}

#main-nav li.topRow a:link, #main-nav li.topRow a:visited {
  height:30px;
  background-position: 0 -1px;
}
#main-nav li.topRow a:hover, #main-nav li.topRow a:active {
  background-position: 0 -59px;
}
#main-nav li.twoRows a:link, #main-nav li.twoRows a:visited {
  background:url(../images/bk_nav2.gif) top left no-repeat;
  height:36px;
}

#main-nav ul li a.tab2 {
	color:#900;
	background-position: 0 -116px;	
}

#main-nav ul li.topRow a.tab2 {
	background-position: 0 -117px;
}

#main-nav ul li.twoRows a.tab2 {
	background-position: 0 -116px;
}

#main-nav li .nil {
  padding:0 0 0 20px; margin:0; color:#999;
  display:block; height:30px; width:240px;
  background:url(../images/bk_nav.gif) top left no-repeat;
}

#photoBlock {
	margin: 20px 20px 10px 0;
}
.photoCell {
	display:block; float:left;
	vertical-align:top; text-align:center;
	width:210px; height:155px;
	margin:0 0 5px 0; padding:0;
	overflow:hidden;
}

#photoBlock a img { border:solid 1px; }

.hilite1 { font-size:15px; color:#d47100; }
.hr { height:2px;  margin:3px 30px 10px 20px; background-color:#e58100; }

ul.submenu {
	margin:0 !important; padding:0;
}

ul.submenu li { 
	list-style-type:none;
	padding:0;
	text-align:left !important;
	margin: 0 0 2px 0 !important;
}
ul.submenu a {
	text-decoration:none;
}
ul.submenu a:link, ul.submenu a:visited {
	display:block; font-weight:bold; overflow:hidden;
	color:#fff; background-color:#d47100; padding:0 10px; margin:0;
}
ul.submenu a:hover, ul.submenu a:active {
	background-color:#f93;
}
ul.submenu li a.hilite:link, ul.submenu li a.hilite:visited, ul.submenu li a.hilite:hover, ul.submenu li a.hilite:active {
	background-color:#f00;
}

ul.submenu-16 {
	margin:0 !important; padding:0;
}

ul.submenu-16 li { 
	list-style-type:none;
	padding:0;
	text-align:left !important;
	margin: 0 2px 0 0 !important;
	display:inline-block;
	text-decoration:none;
}
ul.submenu-16 a {
	text-decoration:none;
	white-space:nowrap;
}
ul.submenu-16 a:link, ul.submenu-16 a:visited {
	display:block; font-weight:normal; overflow:hidden;
	color:#fff; background-color:#d47100; padding:0 10px; margin:0;
}
ul.submenu-16 a:hover, ul.submenu-16 a:active {
	background-color:#f93;
}
ul.submenu-16 li a.hilite:link, ul.submenu-16 li a.hilite:visited, ul.submenu-16 li a.hilite:hover, ul.submenu-16 li a.hilite:active {
	background-color:#f00;
}

ul.submenu-18 {
	margin:0 !important; padding:0;
	text-align:center !important;
}

ul.submenu-18 li { 
	list-style-type:none;
	padding:0;
	text-align:center !important;
	margin: 0 2px 0 0 !important;
	display:inline-block;
	text-decoration:none;
	
}
ul.submenu-18 a {
	text-decoration:none;
	white-space:nowrap;
	font-size: 16px !important;
}
ul.submenu-18 a:link, ul.submenu-18 a:visited {
	display:block; font-weight:normal; overflow:hidden;
	color:#fff; background-color:#d47100; padding:5px 15px; margin:0;
}
ul.submenu-18 a:hover, ul.submenu-18 a:active {
	background-color:#f93;
}
ul.submenu-18 li a.hilite:link, ul.submenu-18 li a.hilite:visited, ul.submenu-18 li a.hilite:hover, ul.submenu-18 li a.hilite:active {
	background-color:#f00;
}

a.button:link, a.button:visited {
	display:block; padding:0 10px; margin:0; 
	/* width:50px; */
	text-align:center;
	font-weight:bold; float:right;
	color:#fff; background-color:#d47100;
	text-decoration:none;
}
a.button:hover, a.button:active {
	background-color:#f93;
}
.galleryNav {
	/* position:absolute; text-align:right; right:25px; top:190px; */
	float:right; margin:-8px 0 0 20px;
}
.left {
	text-align:left;
}
#fb_icon {
	margin:0 10px 0 0; vertical-align:top;
}

.small { font:normal 12px/16px "Helvetica Neue", Calibri, "Droid Sans", Helvetica, Arial, sans-serif; color:#000; }

.photo1 { margin:4px -4px 0 15px; float:right; }

.main-wrapper { right:-520px; position:absolute; width:1140px; }
#slideMain { width:100%; height:320px; overflow:hidden; margin:0; padding:0; position:relative; display:inline; }
#pic  { position:absolute; }
#pic1 { position:absolute; }

#mainCols {  }
#mainCol1 { margin:32px 20px 0 20px; padding:0; }

#mainCol2 { margin:15px 25px 0 25px; padding:0;  }


#newsHeading h1 { color:#6e7981; position:absolute; top:30px; left:700px; }

#marqueecontainer {
  position:relative;
  overflow: hidden; border: none;
  right:500px;
  top:300px;
  width:350px;
  color:#903;
  padding:0 0 0 15px;
  background:rgba(255,255,255,0.7);
}
#marqueecontainer a:link, #marqueecontainer a:visited {
	color:#069;
}
#marqueecontainer h4 {
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	margin: 0;
	padding: 0;
	text-align: left;
}
#marqueecontainer #vmarquee { 
    position:absolute;
    width:300px;
}
#marqueecontainer #vmarquee p { text-align:left; width:95%; } 
#marqueecontainer #vmarquee a:link, #marqueecontainer #vmarquee a:visited {
	text-decoration: none;
	color: #069;
	text-align: left;
}
#marqueecontainer #vmarquee a:hover, #marqueecontainer #vmarquee a:active {
	text-decoration: none;
	color: #FF0000;
	text-align: left;
}
/* #main-nav, .show-768, #marqueecontainer { */
.show-768 {
	display:none; margin:0;
}
.main-pic1 {
	display:block;
	float:none;
	margin:10px auto;
}	
	
@media screen and (max-width: 400px) {
    .navbar-brand {
        font-size:1rem;
    }
}
@media screen and (min-width: 470px) {
    .hide-470 {
        display:inline;
    }
	.main-pic1 {
		float:right;
		margin:0 0 0 15px;
	}
	#slideMain {
		width:430px;
	}
    .navbar .logo-1 {
	   top:10px;
    }
}
@media screen and (min-width: 640px) {
	.main-wrapper { right:0; width:960px; }
    #marqueecontainer {
        width:295px;
        position:absolute;
        right:10px;
        background:none;
    }
    #marqueecontainer #vmarquee {
        width:280px;       
        margin:0;
    }
    .navbar, .container {
        max-width: 960px;
    }
	#content .timetable-16 .left-col, #content .timetable-16 .time {
		white-space:nowrap;
		width:11rem;
	}
	#content .timetable-16 .time {
		text-align:center;
	}
}
@media screen and (min-width: 768px) {
	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}	
	.navbar-toggler {
        display:block !important;
    }
	#main-nav {
		display:block;
		/* position:absolute; */
		left:10px;
		/* background:#fff; */
		overflow:hidden;
		border:none;
		margin:0;
	}
	.show-768 {
		display:inline;
	}
	#mainCols {
		background:url(../images/main_shade1.gif) no-repeat;
		position:relative;
		min-height:280px;
	}
	#mainCol1 {
		position:absolute; left:13px; top:-80px; display:block; width:320px;
	}
	#mainCol2 {
		margin:45px 25px 0 340px; position:absolute;
	}
	#slideMain { 
		display:inline;
	}
	#marqueecontainer {
		/*width: 450px;*/
		display:block;
	}
}


@media screen and (min-width: 960px) {
	body {
		padding-top:170px;
	}
	.js-hiraku-offcanvas {
		display: block;
		position: static;
		background: none;
	}
	.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar {
		position: static;
		margin-left: 0;
		width: auto;
	}
	.scroll-fix {
		position:fixed;
		background:url(../images/content1.gif) no-repeat;
		overflow:hidden;
		height:1200px;
		display:block;
	}
	.navbar .logo-1 {
		top:34px;
		left:20px;
	}
	.navbar .logo-1 img {
		width:564px;
	}
	.navbar .logo-2 {
		display:block;
	}
	.navbar .logo-3 {
		display:block;
	}
	.nav-tabs {
		display:flex;
	}
	.navbar-toggler {
        display:none !important;
    }
	.scroll-fix-content {
		float:right;
		padding:1.5rem 2rem 0 2rem !important;
	}
	.row-offcanvas {
		display:none;
	}
	.js-hiraku-offcanvas-body, .navbar {
		height:170px;
	}
	#title {
		margin: 8px -2rem 0 0;
	}
	p, li {
		text-align:justify;
	}
	#fb-icon {
		display:inline-block; float:left; margin:0 10px 0 0; 
	}
	.page-top {
		position:absolute; display:inline-block; margin:0; bottom:2px; right:0;
	}
	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}	
	#mainCols {
		min-height:240px;
	}
	.mainCol2 {
		/*margin:20px 0 0 360px;*/
		width:auto;
	}
}

@media screen and (min-width: 1140px) {
	.scroll-fix div {
		max-width:285px;
	}
}

@media print {
    html {
        font-size: 14px;
        line-height:20px;
        background:#fff;
    }
    body {
        background:none;
    }
    html, body, .container, .navbar {
        width:100%;
        margin:0;
        min-width:980px;
    }
    .js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar {
        width: auto;
    }
    .scroll-fix {
        width:25%;
        background:url(../images/bk_left.gif) repeat-y;
    }
    .scroll-fix-content {
        width:75%;
    }
    .col-md-3 {
        width:25%; 
    }
    .col-md-4 {
        width:33%;  
    }
    .col-md-5 {
        width:42%; 
    }
    .navbar-toggler {
        display:none;
    }
}