﻿@charset "utf-8";html{font-size:14px;font-weight:300;}
body{margin:0;padding:0;background-color:#F7F7F7}
div{margin:0;}
body, select, input, textarea{color:#000000;font-family:'Ubuntu',Arial,Helvetica,sans-serif;font-weight:300;font-size:14px;}
#container,
#pagecontent,
#leftcol,
#rightcol,
#footer,
#feature_links{width:100%;}
#container{background-color:#FFF;min-width:320px;}
#container:after{content:"";display:block;clear:both;}
img, iframe{border:none;}
@font-face{font-family:'miritalic';src:url('../../Fonts/Base/Mir_Italic-webfont.woff2') format('woff2'),
url('../../Fonts/Base/Mir_Italic-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
#header{background-color:#333333;}
#topnav div{display:none;visibility:hidden;}
#topnav li.open div{display:block;visibility:visible;}
#banner img{width:100%;height:auto;vertical-align:top;}
#pagecontent p{padding:0;margin:12px 0;font-size:14px;line-height:24px;}
#pagecontent li,
#pagecontent td,
#pagecontent th{padding:0;font-size:14px;line-height:24px;}
#pagecontent dt{padding:0;margin:12px 0 0 0;font-size:14px;font-weight:bold;line-height:24px;}
#pagecontent dd{padding:0;margin:0 0 12px 20px;font-size:14px;line-height:24px;}
#contents > *:first-child{margin-top:0;}
#pagecontent h1{font-family:'miritalic',serif;font-weight:normal;font-size:3rem;line-height:3rem;margin:0;}
#pagecontent h2{font-family:'miritalic',serif;font-weight:normal;font-size:2rem;line-height:2rem;margin:24px 0 12px 0;}
#pagecontent h3{font-family:'miritalic',serif;font-weight:normal;font-size:22px;line-height:24px;margin:18px 0 6px 0;}
h1 b, h2 b, h1 i, h2 i, h1 strong, h2 strong, h1 em, h2 em{font-weight:normal;font-style:normal;}
#contents ul, #sidepanel ul{padding-left:20px;list-style-image:url("../../Images/Base/bullet-small.jpg");}
#footer{background-color:#F3F3F3;clear:both;}
#footer:after{display:table;content:"";clear:both;}
#footerlinks,
#footersocial{width:140px;padding:10px;float:left;}
#footeraddress{min-width:300px;padding:10px;float:left;}
#footer h3{font-family:'miritalic',serif;font-weight:normal;font-size:16px;line-height:20px;margin:0 0 10px 0;color:#0099FF;}
#footer p, #footer li{font-size:14px;line-height:20px;margin:0 0 10px 0;}
#footer ul{margin:0;padding:0;list-style-type:none;}
#footer a{text-decoration:none;color:#000;}
#footer a:hover{color:#FF4646;}
a.facebook{background-image:url('../../Images/Base/facebook-16.png');background-repeat:no-repeat;padding-left:20px;}
a.twitter{background-image:url('../../Images/Base/twitter-16.png');background-repeat:no-repeat;padding-left:20px;}
a.youtube{background-image:url('../../Images/Base/youtube-16.png');background-repeat:no-repeat;padding-left:20px;}
a.skype{background-image:url('../../Images/Base/skype-16.png');background-repeat:no-repeat;padding-left:20px;}
a.linkedin{background-image:url('../../Images/Base/linkedin-16.png');background-repeat:no-repeat;padding-left:20px;}
a.gplus{background-image:url('../../Images/Base/gplus-16.png');background-repeat:no-repeat;padding-left:20px;}
a.instagram{background-image:url('../../Images/Base/instagram-16.png');background-repeat:no-repeat;padding-left:20px;}
a.pinterest{background-image:url('../../Images/Base/pinterest-16.png');background-repeat:no-repeat;padding-left:20px;}
a.gscholar{background-image:url('../../Images/Base/gscholar-16.png');background-repeat:no-repeat;padding-left:20px;}
a.researchgate{background-image:url('../../Images/Base/researchgate-16.png');background-repeat:no-repeat;padding-left:20px;}
#contents a,
#sidepanel a,
.sidepanel a{color:#0099FF;text-decoration:underline;}
#contents a:hover,
#sidepanel a:hover,
.sidepanel a:hover{color:#FF4646;}
#contents a span,
#sidepanel a span,
.sidepanel a span{color:#000;}
#feature_links div{float:left;position:relative;max-height:145px;margin:0 0 10px 10px;}
#feature_links div img{width:145px;height:145px;}
#feature_links div p{color:#FFFFFF;font-family:'miritalic',serif;font-size:12px;line-height:15px;padding:5px;max-width:130px;margin:0;position:absolute;bottom:10px;text-transform:capitalize;background-color:#B82233;}
#feature_links div p.color2{background-color:#62625E;}
#feature_links div a{color:#fff;text-decoration:none;}
#feature_links div:hover p{background-color:#034051;}
#feature_links div p br{display:none;}
#contents #staffintro, #contents .staffintro{width:100%;min-height:210px;margin:20px 0;}
#staffphoto, .staffphoto{width:210px;height:210px;float:left;overflow:hidden;background-size:cover;background-position:center;}
#staffphoto img, .staffphoto img{width:210px;height:auto;}
#staffdetails dl, .staffdetails dl{margin:0 0 0 230px;}
#staffphoto img.tran, staffphoto img.tran{opacity:0;}
#staffdetails dt, .staffdetails dt{font-family:'miritalic',serif;font-size:18px;line-height:20px;font-weight:normal;}
#staffdetails dd, .staffdetails dd{font-size:16px;line-height:20px;font-weight:500;margin:-20px 0 20px 100px;}
@media screen and (max-width:479px){#staffphoto, .staffphoto{float:none;}
#staffdetails dl, .staffdetails dl{margin:20px 0 0 0;}
#pagecontent li{padding-top:6px;}
#pagecontent li:first-of-type{padding-top:0;}
}
#contents #tabs,
#contents #course-tabs{list-style-type:none;list-style-image:none;padding:0;min-height:40px;width:100%;}
#contents #tabs li,
#contents #course-tabs li{color:#FFF;float:left;line-height:18px;font-size:18px;margin-right:2px;margin-bottom:2px;border-bottom:0;}
#contents #tabs li a,
#contents #course-tabs li a{color:#FFF;background-color:#858585;padding:5px 10px;border-bottom:0;font-weight:normal;font-family:'miritalic', serif;display:block;text-decoration:none;}
#contents #tabs li a:hover,
#contents #tabs li.active a,
#contents #course-tabs li a:hover,
#contents #course-tabs li.active a{color:#FFF;background-color:#333;}
#contents #tabs li a span,
#contents #course-tabs li a span{color:#FFF;}
#tab-content,
#course-tab-content{clear:left;}
#tab-content > div,
#course-tab-content > div{display:none;}
#tab-content > div.active,
#course-tab-content > div.active{display:block;}
.inline-right{background-color:#EFEFEF;display:block;float:right;margin:0 0 10px 20px;}
.inline-left{background-color:#EFEFEF;display:block;float:right;margin:0 20px 10px 0;}
.caption{background-color:#EFEFEF;display:block;padding-bottom:5px;text-align:center;}
#pagecontent table{border-collapse:collapse;}
#pagecontent tr{border-bottom:1px dotted #62625E;}
#pagecontent tr.noborder{border-bottom:none;}
#pagecontent th, #pagecontent td{text-align:left;vertical-align:top;padding:5px 20px 5px 0;margin:0;}
#pagecontent .compopttable td{padding:0 20px 0 0;}
#contents th > *:first-child, #contents td > *:first-child{margin-top:0;padding-top:0;}
#contents th > *:last-child, #contents td > *:last-child{margin-bottom:0;padding-bottom:0;}
#moduledetails table{width:100%;}
#moduledetails div, .bodytable{line-height:24px;}
#moduledetails h4::first-letter, .bodytable h4::first-letter{text-transform:uppercase;}
.imagefloatleft{float:left;padding:0 10px 10px 0;}
.imagefloatright{float:right;padding:0 0 10px 10px;}
#access-btns a{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;text-decoration:none;}
#access-btns a:focus{top:3px;left:224px;padding:5px;color:#fff;width:auto;height:auto;}
.pano{width:100%;height:200px;margin:12px 0;}
#banner .pano{margin:0;}
@media screen and (max-width:639px){#footeraddress{clear:both;}
}
@media screen and (max-width:719px){#contents{clear:both;}
#rightcol{clear:both;background-color:#EFEFEF;}
#sidepanel h2,
#pagecontent .sidepanel h2{margin:0;padding:5px 10px;font-family:'miritalic',serif;font-size:16px;line-height:20px;font-weight:normal;color:#FFF;background-color:#B82233;position:relative;}
#sidepanel h2.color2,
#pagecontent .sidepanel h2.color2{background-color:#62625E;}
#sidepanel ul,
#contents #sidepanel ul,
#pagecontent .sidepanel ul{margin:10px;}
#sidepanel li,
#pagecontent .sidepanel li{line-height:18px;padding:2px 0;}
#sidepanel > h3,
#pagecontent .sidepanel > h3{padding:0 10px;}
#sidepanel > p,
#pagecontent .sidepanel > p{padding:0 10px;}
#contents #sidepanel{display:none;}
#contents #sidepanel.open{display:block;}
.sideimg{display:none;}
#footeraddress img{max-width:120px;height:auto;padding-left:10px;}
#contents #tabs li,
#contents #course-tabs li{width:100%;}
#tab-content,
#course-tab-content{padding-top:2px;}
#tab-content div h2:first-of-type,
#course-tab-content div h2:first-of-type{margin-top:12px;}
div.polaroid img{width:120px;height:120px;float:right;margin:0 0 12px 12px;}
}
@media screen and (max-width:959px){#header{min-height:60px;color:#fff;}
#logo{display:block;background-image:url('../../Images/Base/bangor40.png');height:40px;width:142px;position:absolute;left:10px;top:10px;}
#menutoggle{cursor:pointer;background-color:#62625E;color:#FFFFFF;font-size:17px;line-height:17px;padding:10px;position:absolute;right:10px;top:10px;}
#menutoggle:hover{background-color:#FF4646;}
#menutoggle span:before{background-image:url("../../Images/Base/spm-global.png");background-position:-445px 0;background-repeat:no-repeat;content:"";display:block;float:left;height:18px;margin-right:10px;width:19px;}
#menutoggle span{display:block;float:left;}
#nav-box{display:none;visibility:hidden;}
#nav-box.open{display:block;visibility:visible;}
#topnav{clear:both;padding:10px;}
#topnav ul,
#sitenav.open ul{color:#fff;list-style-type:none;padding:0;margin:0;font-size:14px;line-height:18px;border-top:1px dotted #fff;}
#topnav > ul > li,
#sitenav.open > ul > li{border-bottom:1px dotted #fff;}
#sitenav.open a:hover,
#sitenav.open a.selected{color:#FFFFFF;}
#topnav > ul > li > a,
#sitenav > ul > li > a{font-family:'miritalic',serif;font-size:17px;line-height:34px;display:block;padding:3px 0;}
#header a,
#header a:visited,
#header a:active,
#header a:hover,
#sitenav a,
#sitenav a:visited,
#sitenav a:active,
#sitenav a:hover{color:#fff;text-decoration:none;}
#topnav span.title{display:none;}
#topnav ul ul,
#sitenav ul ul{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;-ms-column-count:2;-ms-column-gap:20px;-o-column-count:2;-o-column-gap:20px;column-count:2;column-gap:20px;}
#topnav ul ul li:first-of-type{font-weight:500;}
#topnav li,
#sitenav li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-o-column-break-inside:avoid;column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;}
#sitenav ul ul{padding-bottom:5px;}
#topnav ul ul a,
#sitenav ul ul a{display:block;padding:5px 0;}
#deptid,
#sitenav{color:#fff;background-color:#B82233;padding:10px;}
#deptid{margin:0;font-family:'miritalic',serif;font-size:27px;font-weight:300;}
#sitenav{display:none;visibility:hidden;}
#sitenav.open{display:block;visibility:visible;}
#site-btns a{margin:5px 20px 5px 0;text-decoration:none;float:left;}
#contents{padding:10px;}
#site-funcs{padding:70px 10px 10px 10px;}
#search{min-width:140px;max-width:300px;float:right;position:relative;}
.search-input{height:28px;overflow:hidden;padding-left:10px;padding-right:20px;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#FFFFFF;border:0 none;color:#000;font-family:'Ubuntu',georgia,serif;font-size:14px;}
.inputsubmit{border:0 none !important;height:20px;line-height:1 !important;outline:0 none !important;overflow:hidden;padding:0 !important;position:absolute;right:4px;text-indent:100%;top:4px;white-space:nowrap;width:13px;}
#btn-search{display:none;}
}
@media screen and (min-width:480px){}
@media screen and (min-width:720px) and (max-width:959px){#header{position:relative;min-height:70px;}
#logo{display:block;background-image:url('../../Images/Base/bangor50.png');height:50px;width:178px;left:10px;top:10px;}
#menutoggle{right:10px;top:15px;}
#topnav ul ul,
#sitenav ul ul{-moz-column-count:3;-webkit-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3;}
#footerlinks,
#footersocial,
#footeraddress{padding:10px 20px;}
#footeraddress{width:320px;}
#footeraddress img{max-width:140px;padding-left:20px;}
}
@media screen and (min-width:720px){#container,
#footer{width:720px;margin:auto;}
#footer{clear:both;}
#pagecontent{width:720px;float:left;}
#pagecontent.alternative{width:480px;}
#pagecontent #contents{width:680px;padding:20px;}
#pagecontent.alternative #contents,
#pagecontent #contents.narrow{width:440px;float:left;margin:0;}
#rightcol{width:240px;display:block;float:right;background-color:#EFEFEF;}
#contents #rightcol{margin:-20px -20px 20px 20px;}
#sidepanel h2,
#pagecontent .sidepanel h2{margin:0;padding:10px 20px;font-family:'miritalic',serif;font-size:18px;line-height:20px;font-weight:normal;color:#FFF;background-color:#B82233;position:relative;}
#pagecontent #sidepanel h2{color:#fff;}
#sidepanel h2.color2,
#pagecontent .sidepanel h2.color2{background-color:#62625E;}
#sidepanel h2:after,
#pagecontent .sidepanel h2:after{content:"";display:block;position:absolute;bottom:-15px;left:20px;border-top:15px solid #B82233;border-left:10px solid rgba(184,34,51,0);border-right:10px solid rgba(184,34,51, 0);border-bottom:none;}
#sidepanel h2.color2:after,
#pagecontent .sidepanel h2.color2:after,
#pagecontent #course-tab-content .sidepanel h2:after{border-top:15px solid #62625E;border-left:10px solid rgba(98,98,94,0);border-right:10px solid rgba(98,98,94,0);}
#sidepanel ul,
#contents #sidepanel ul,
#pagecontent .sidepanel ul{padding-left:10px;margin:20px;}
#sidepanel > p,
#pagecontent .sidepanel > p{padding:0 20px;}
#sidepanel li,
#pagecontent .sidepanel li{margin:6px 0;}
#sidepanel > h3,
#pagecontent .sidepanel > h3{padding:0 20px;}
#feature_links div{float:left;position:relative;max-height:210px;margin:0 0 20px 20px;}
#rightcol #feature_links div{clear:left;max-width:200px;max-height:200px;margin:20px 20px 0 20px;}
#rightcol #feature_links div:last-of-type{margin:20px;}
#feature_links div img{width:210px;height:210px;}
#rightcol #feature_links div img{width:200px;height:200px;}
#feature_links div p{font-size:16px;line-height:20px;padding:5px 10px;max-width:170px;bottom:30px;}
#sidepanel img,
#pagecontent .sidepanel img{max-width:100%;height:auto;}
.imagefloatleft{padding:0 20px 20px 0;}
.imagefloatright{padding:0 0 20px 20px;}
.sideimg{display:block !important;float:right;width:240px;min-height:480px;background-repeat:no-repeat;background-size:auto 100%;background-position:center center;}
#contents #tabs,
#contents #course-tabs{list-style-type:none;list-style-image:none;padding:0;min-height:29px;width:100%;border-bottom:1px solid #999;}
#contents #tabs li,
#contents #course-tabs li{color:#000;margin-right:6px;border-bottom:0;}
#contents #tabs li a,
#contents #course-tabs li a{color:#000;background-color:#EFEFEF;border:1px solid #999;border-radius:2px 2px 0 0;font-weight:normal;font-family:'miritalic', serif;display:inline-block;text-decoration:none;}
#contents #tabs li a span,
#contents #course-tabs li a span{color:#000;}
#contents #tabs li a:hover,
#contents #course-tabs li a:hover{background-color:#fff;}
#contents #tabs li.active a,
#contents #course-tabs li.active a{background-color:#fff;border-bottom:1px solid #FFF;}
#contents #tab-content > div,
#contents #course-tab-content > div{display:none;}
#contents #tab-content > div.active,
#contents #course-tab-content > div.active{display:block;}
div.polaroid{width:192px;height:248px;background:#eee;padding:8px;box-shadow:4px 4px 8px #999;margin:6px 24px 12px 0;float:left;text-align:center;color:#006;line-height:24px;font-size:18px;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);}
div.polaroid img{width:192px;height:200px;}
div.polaroid:nth-of-type(even){float:right;margin:6px 0 12px 24px;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);}
.pano{height:400px;}
.alternative .pano{width:440px;height:260px;}
#sidepanel .pano{width:240px;height:160px;margin:0;}
}
@media screen and (min-width:960px){html{}
#container,
#footer{width:960px;}
#leftcol{width:240px;display:block;float:left;background-color:#EFEFEF;}
#sitenav{background-color:#EFEFEF !important;}
#menutoggle{display:none;}
#footerlinks,
#footersocial{width:200px;padding:10px 20px;}
#footersocial ul{width:100px;float:left;}
#footeraddress{width:440px;padding:10px 20px;}
#header{position:relative;height:110px;}
#logo{display:block;background-image:url('../../Images/Base/bangor50.png');height:50px;width:178px;position:absolute;left:20px;top:30px;}
#site-funcs{position:absolute;top:0;right:0;}
#btn-search{background-color:#62625E;background-image:url("../../Images/Base/spm-global.png");background-position:-483px 5px;background-repeat:no-repeat;border:0 none;display:block;float:right;height:36px;width:36px;margin-left:20px;margin-top:0;overflow:hidden;position:absolute;right:0;text-align:left;text-indent:-999em;top:0;}
#btn-search.active{background-position:-360px 10px;}
#btn-search:hover{background-color:#FF4646;}
.search-input{height:36px;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#FFFFFF;border:0 none;color:#000000;font-family:'Ubuntu',georgia,serif;font-size:14px;height:36px;padding:0 12px;width:200px;}
#search{display:none;visibility:hidden;}
#search-box{display:inline-block;margin-left:10px;width:36px;}
.inputsubmit{background-color:#fff;height:20px;position:relative;right:25px;top:5px;width:13px;}
#site-btns{float:left;}
#site-btns a{float:left;margin:5px 10px 0 0;color:#fff;font-size:14px;line-height:16px;padding:5px;text-decoration:none;}
#topnav{float:left;margin-left:220px;margin-top:50px;}
#topnav > ul{list-style-type:none;margin:0;padding:0;}
#topnav > ul > li{display:inline-block;margin:0;}
#topnav > ul > li > a{padding:10px 8px;color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;margin:0}
#topnav > ul > li > a:hover{background-color:#62625E;}
#topnav > ul > li.open > a,
#topnav > ul > li.open > a:hover{background-color:#FFF;color:#0099FF;padding-bottom:20px;}
#topnav div{display:none;visibility:hidden;position:absolute;left:20px;top:80px;width:920px;background-color:#FFF;box-shadow:10px 10px 0 rgba(0, 0, 0, 0.25);margin:0;z-index:20;}
#topnav span.title{position:relative;color:#0099FF;font-family:'miritalic',serif;font-size:40px;line-height:40px;margin:20px;display:block;}
#topnav ul ul{width:205px;margin:0 0 20px 20px;padding:0;list-style-type:none;float:left;}
#topnav ul ul:nth-of-type(4n+1){clear:both;}
#topnav ul ul li a{display:block;color:#000;text-decoration:none;padding:5px 0;font-size:14px;font-weight:300;}
#topnav ul ul li:first-of-type a{font-family:'miritalic',serif;font-size:17px;color:#0099FF;}
.navsubhead{font-family:'miritalic',serif!important;font-size:17px!important;color:#0099FF!important;}
#topnav ul ul li a:hover{color:#FF4646;}
#deptid{background-color:#B82233;margin:0;padding:50px 20px;position:relative;color:#FFFFFF;font-family:'miritalic',serif;font-size:30px;line-height:30px;font-weight:300;}
#deptid:after{content:"";display:block;position:absolute;bottom:-15px;left:20px;border-top:15px solid #B82233;border-left:10px solid rgba(184,34,51,0);border-right:10px solid rgba(184,34,51, 0);border-bottom:none;}
#sitenav{margin:30px 20px 20px 20px;}
#sitenav ul{padding:0;list-style-type:none;}
#sitenav > ul > li{border-top:1px dotted #B82233;}
#sitenav > ul > li:first-of-type{border-top:none;}
#sitenav > ul > li > a{display:block;font-family:'miritalic',serif;font-size:18px;line-height:20px;padding:10px 0;text-decoration:none;color:#000;}
#sitenav ul ul{padding-bottom:10px;}
#sitenav ul ul > li > a{display:block;font-size:14px;line-height:18px;padding:5px 0 5px 20px;text-decoration:none;color:#000;}
#sitenav a:hover,
#sitenav a.selected{color:#B82233;}
}
#banner{position:relative;}
ul.cols4{-webkit-column-count:4;-moz-column-count:4;column-count:4;padding-left:6px !important;list-style-position:inside;}
ul.cols3{-webkit-column-count:3;-moz-column-count:3;column-count:3;padding-left:6px !important;list-style-position:inside;}
ul.cols2{-webkit-column-count:2;-moz-column-count:2;column-count:2;padding-left:6px !important;list-style-position:inside;}
@media screen and (max-width:719px){ul.cols4, ul.cols3{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
}
@media screen and (max-width:479px){#banner .callbtn{display:none;}
}
.callbtn{position:absolute;display:table;color:#fff;background-color:#B82233;border-radius:50%;text-align:center;height:120px;width:120px;text-decoration:none !important;}
.callbtn.color2{background-color:#62625E;}
.callbtn.fr{position:relative;float:right;transform:rotate(10deg);margin:0 0 12px 20px;}
.callbtn.fl{position:relative;float:left;transform:rotate(-10deg);margin:0 20px 12px 0;}
.callbtn span{width:100px;padding:10px;display:table-cell;line-height:20px;vertical-align:middle;color:#fff !important;text-decoration:none;border-radius:50%;}
.callbtn:hover, .callbtn:hover span{background-color:#034051;}
.tl{left:10px;top:10px;transform:rotate(-10deg);}
.tr{right:10px;top:10px;transform:rotate(10deg);}
.bl{left:10px;bottom:10px;transform:rotate(10deg);}
.br{right:10px;bottom:10px;transform:rotate(-10deg);}
.callbtn.norotate{transform:none !important;}
@media screen and (min-width:960px){.tl{left:20px;top:20px;}
.tr{right:20px;top:20px;}
.bl{left:20px;bottom:20px;}
.br{right:20px;bottom:20px;}
}
@media screen and (max-width:319px){.el1l, .el1r, .el2l, .el2r, .el2a, .el3{width:100%;height:auto;}
}
@media screen and (min-width:320px) and (max-width:719px){.el1l{width:30%;height:auto;float:left;margin:0 5% 12px 0;}
.el1r{width:30%;height:auto;float:right;margin:0 0 12px 5%;}
.el2l{width:65%;height:auto;float:left;margin:0 5% 12px 0;}
.el2r{width:65%;height:auto;float:right;margin:0 0 12px 5%;}
.alternative .el1l,
.alternative .el1r,
.narrow .el1l,
.narrow .el1r{width:45%;}
.alternative .el2l,
.alternative .el2r,
.narrow .el2l,
.narrow .el2r,
.el2a,
.el3{width:100%;height:auto;margin:0 0 12px 0;}
}
@media screen and (min-width:720px){.el1l{width:200px;height:auto;float:left;margin:0 20px 12px 0;}
.el1l + .el1l{margin:0 20px 12px 20px;}
.el1r{width:200px;height:auto;float:right;margin:0 0 12px 20px;}
.el1l + .el1r,
.el2l + .el1r,
.el1l + .el2r{margin-left:0;}
.el2l{width:440px;height:auto;float:left;margin:0 20px 12px 0;}
.el2r{width:440px;height:auto;float:right;margin:0 0 12px 20px;}
.el3{width:680px;height:auto;margin:0 0 12px 0;}
.alternative .el2l,
.alternative .el2r,
.narrow .el2l,
.narrow .el2r,
.el2a{width:440px;margin:0 0 12px 0;}
}
.video{position:relative;margin:12px 0;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,
.video object,
.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.video2 iframe{width:100%;}
h1 + .video2{margin-top:12px;}
.issuuembed,
.issuu.isrendered{width:100% !important;height:240px !important;display:block !important;}
a.btv{display:block;width:100%;overflow:hidden;background-color:#EFEFEF;}
a.btv, a.btv *{text-decoration:none !important;}
a.btv h3{font-family:'miritalic', serif;font-weight:normal;margin:0;padding:5px 10px;color:#fff;background-color:#62625E;}
a.btv.red h3{background-color:#FF4646;}
a.btv.blue h3{background-color:#0099FF;}
a.btv.green h3{background-color:#00CC99;}
a.btv p{margin:0 !important;padding:5px 10px !important;}
@media screen and (max-width:719px){.video2 h2{margin-top:0 !important;}
a.btv{clear:both;}
a.btv img{width:140px;float:right;}
}
@media screen and (min-width:720px){.issuuembed,
.issuu-isrendered{width:680px !important;height:480px !important;display:block !important;}
.alternative .issuuembed,
.alternative .issuu-isrendered{width:440px !important;height:480px !important;display:block !important;}
.alternative .video,
.narrow .video{width:440px;}
.video2{clear:both;}
.video2 iframe{width:440px;height:248px;padding:0 0 12px 20px;float:right;}
a.btv{display:block;float:left;height:300px;width:213px;margin:0px 20px 20px 0;overflow:hidden;}
a.btv:nth-of-type(3n){margin-right:0;}
a.btv img{height:120px;display:block;position:relative;}
a.btv h3{position:relative;margin:0 !important;}
a.btv h3:after{content:"";display:block;position:absolute;top:-120px;left:0;height:120px;width:100%;background-image:url('../../Images/Base/video.png');}
a.btv:hover h3:after{background-position:0 120px;}
a.btv h3:before{content:"";display:block;position:absolute;top:-15px;left:20px;border-bottom:15px solid #62625E;border-left:10px solid rgba(98,98,94,0);border-right:10px solid rgba(98,98,94,0);border-top:none;}
a.btv.red h3:before{border-bottom-color:#FF4646;border-left-color:rgba(255,70,70,0);border-right-color:rgba(255,70,70,0);}
a.btv.blue h3:before{border-bottom-color:#0099FF;border-left-color:rgba(0,153,255,0);border-right-color:rgba(0,153,255,0);}
a.btv.green h3:before{border-bottom-color:#00CC99;border-left-color:rgba(0,204,153,0);border-right-color:rgba(0,204,153,0);}
}
.filelist li{list-style-image:url('../../Images/Base/misc.png');}
.filelist li.pdf{list-style-image:url('../../Images/Base/pdf.png');}
.filelist li.doc, .filelist li.docx{list-style-image:url('../../Images/Base/doc.png');}
.filelist li.ppt, .filelist li.pptx{list-style-image:url('../../Images/Base/ppt.png');}
.filelist li.xls, .filelist li.xlsx{list-style-image:url('../../Images/Base/xls.png');}
.filelist li.zip{list-style-image:url('../../Images/Base/zip.png');}
.filelist li.jpg, .filelist li.jpeg, .filelist li.png, .filelist li.gif{list-style-image:url('../../Images/Base/img.png');}
a.pdf{background-image:url('../../Images/Base/pdf.png');background-repeat:no-repeat;padding-left:20px;}
h1 + .el1l{margin-top:18px;}
.event-calendar{width:240px;}
.event-calendar h2{text-align:center;}
.event-calendar h2:after{border:none !important;}
.event-calendar h2 a, .event-calendar h2 a span{color:#fff !important;text-decoration:none !important;}
.event-calendar h2 a.prev{float:left;}
.event-calendar h2 a.next{float:right;}
.event-calendar table{border-collapse:collapse;}
.event-calendar tr{border:none !important;}
.event-calendar th{width:22px !important;padding:5px !important;text-align:center !important;border:2px solid #EFEFEF !important;}
.event-calendar td{border:2px solid #EFEFEF !important;width:22px !important;padding:4px 5px !important;background-color:#FFF;text-align:right !important;}
.event-calendar td.selected{background-color:#EFEFEF;}
.event-calendar td a{display:block;}
.faqshow{background:url("../../Images/Base/faqshow.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);color:#000000 !important;padding-left:20px;text-decoration:none !important;}
.faqhide{background:url("../../Images/Base/faqhide.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);color:#000000 !important;padding-left:20px;text-decoration:none !important;}
#pagecontent .vtabs h3{margin:8px 0;}
.vtabs h3 a{font-size:18px;font-weight:400;display:block;background-color:#EFEFEF;border:1px solid #999;border-radius:2px;padding:2px 10px 2px 20px;width:calc(100% - 32px);text-decoration:none !important;color:#000;background-image:url('../../Images/Base/arrows.png');background-repeat:no-repeat;}
.vtabs h3 a:hover,
.vtabs h3 a.open,
.vtabs h3 a:hover span,
.vtabs h3 a.open span{background-color:#62625E;color:#FFF !important;}
.vtabs h3 a:hover{background-position:0 -50px;}
.vtabs h3 a.open{background-position:0 -150px;}
.hpt{display:none;}
.profileimg{width:200px;height:200px;float:left;padding:0 20px 10px 0;}
h1 + .profileimg{padding:20px 20px 10px 0;}
#sidepanel .profileimg, .sidepanel .profileimg{width:240px;height:240px;float:none;padding:0;}
blockquote p{line-height:30px;margin:24px 0 12px 0;font-size:22pt;}
blockquote p span.title{font-size:24pt;}
blockquote.quote{width:calc(50% - 90px);position:relative;float:right;margin:12px 0 12px 20px;padding:0 40px 12px 40px;background-color:#EFEFEF;}
/*blockquote.quote::before{font-family:"miritalic",serif;display:block;content:"“";font-size:80px;position:absolute;left:8px;top:0px;color:#CCCCCC;}*/
/*blockquote.quote p:last-of-type::after{font-family:"miritalic",serif;display:block;content:"”";font-size:80px;line-height:24px;position:absolute;right:-32px;bottom:-22px;color:#CCCCCC;}*/
#pagecontent blockquote.quote p, blockquote.quote.banner p{font-family:"miritalic",serif;font-weight:normal;font-size:25px;position:relative;}
blockquote.quote cite{font-style:normal;line-height:20px;margin-right:-20px;display:block;margin-top:-6px;}
blockquote.quote.left{float:left;margin:12px 20px 12px 0;}
blockquote.quote.full{float:none;width:calc(100% - 80px);padding-top:2px;margin:12px 0;}
blockquote.quote.banner{}
blockquote.quote.banner *, a blockquote.quote.banner *{color:#fff;text-decoration:none;}
#banner a{text-decoration:none;}
@media screen and (max-width:479px){blockquote.quote, blockquote.quote.left{float:none;width:calc(100% - 80px);padding-top:2px;margin:12px 0;}
}
@media screen and (max-width:719px){blockquote.quote.banner{display:block;width:calc(100% - 80px);position:relative;background:rgb(0, 0, 0);margin:0;padding:1px 40px 12px 40px;float:none;}
}
@media screen and (min-width:720px){blockquote.quote.banner{margin:0;position:absolute;background:rgba(0, 0, 0, 0.7);width:calc(100% - 80px);bottom:40px;right:40px;box-sizing:border-box;}
blockquote.quote.banner.top{top:40px;right:40px;bottom:auto;}
blockquote.quote.banner.left{bottom:40px;left:40px;}
blockquote.quote.banner.left.top{top:40px;left:40px;bottom:auto;}
}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,
a:visited{text-decoration:underline;}
a[href]:after{}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,
img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p,
h2,
h3{orphans:3;widows:3;}
h2,
h3{page-break-after:avoid;}
#leftcol,
#rightcolumn,
#sidepanel,
.navigation-container,
#footer,
#page_heading,
#header,
#feature_links,
#contents ul.tabs,
.read-more,
.feature,
.features-secondary-content,
.btn-cta,
.title-sub,
.video-container,
#videoplaylist img,
#videoplaylist h3:after,
#video .video-wrapper,
.home-links,
.snippet-hero,
.carousel .slides li .message-small{display:none;visibility:hidden;}
#contents,
#number2.alternative #contents,
#number2,
#video .video-description{width:100%;float:none;padding:0;margin:0;}
#contents p,
#contents ol,
#contents ul,
#contents dl,
#contents address,
#contents .date{max-width:100% !important;width:100% !important;}
ul[type="disc"] li{padding-left:0;}
#contents ul{list-style:disc !important;}
#contents p a,
#contents ul li a,
.features-text p a{font-weight:300;border-bottom:0;}
.details{display:block !important;}
.feature-1{display:block;visibility:visible;}
.features .features-text .feature-1{background-color:white;min-height:100%;padding:0;width:100%;padding-bottom:0;padding-top:47px;}
#videoplaylist{background-color:#FFF;width:100%;float:left;margin-right:0;min-height:100%;margin-top:40px;position:relative;}
#videoplaylist h3,
#videoplaylist p{padding:0;}
#video .video-description{width:100%;float:none;}
.carousel .slides{margin-left:0 !important;width:100% !important;}
.snippet-small,
.snippet-small li{height:100% !important;}
.carousel .slides .swipe-single{display:none;visibility:hidden;}
.carousel .slides li .btn-block{margin-left:0;padding:0;}
.swipe-double h2,
.swipe-double p{margin-left:0 !important;padding:0 !important;}
.swipe-double{float:none;width:100%;}
.carousel .slides li{width:100% !important;}
#home-snippets{padding-top:47px;}
.flex-active-slide{display:none !important;visibility:hidden !important;}
#banner{display:none;}
}
.vocab_textbutton{position:absolute;bottom:-1px;right:-46px;}
@media screen and (max-width:959px){.vocab_textbutton{position:absolute;top:12px;right:90px;}
}
@media screen and (max-width:719px){.vocab_textbutton{position:absolute;top:8px;right:90px;}
}
label em, em.label, .req-field{font-weight:700;font-style:normal;color:#B82233;}
.gss a img{border:none;}
.gss{margin-top:20px;width:680px;height:444px;color:#ddd;background-color:#000;}
.gss > div > img{width:100%;}
.gssc{padding:10px;background-color:#000;color:#fff;text-align:center;width:calc(100% - 20px);}
@media screen and (max-width:719px){.gss{width:100%;}
}
.picasa{width:100%;margin-top:18px;}
.picasa > img{width:100%;}
.picasa p{margin-top:0 !important;padding:5px 15px !important;background-color:#333;color:#FFF;}
.swiper-container, .swiper-wrapper, .swiper-slide{height:100%;max-height:450px !important;}
.swiper-container{margin-top:18px !important;}
.swiper-image{width:100%;}
.swiper-caption{position:absolute;bottom:0;padding:10px;background-color:rgba(0,0,0,0.50);color:#fff;font-weight:bold;width:calc(100% - 20px);text-align:center;}
.yt-wrapper{display:block;margin:20px 0;width:100%;max-width:680px;}
@media screen and (min-width:530px){.video2 .yt-wrapper{margin:0 0 12px 20px;width:calc(100%*2/3);max-width:440px;float:right;}
}
.yt-player{display:block;width:100%;height:100%;padding-bottom:56.25%;overflow:hidden;position:relative;cursor:hand;cursor:pointer;}
img.yt-thumb{display:block;width:100%;height:auto;position:absolute;left:0;top:-17%;margin:auto;}
div.yt-button{height:72px;width:72px;position:absolute;left:50%;top:50%;margin-left:-36px;margin-top:-36px;background:url("../../Images/Base/play-video.png") no-repeat;}
#yt-iframe{width:100%;height:100%;position:absolute;top:0;left:0;padding:0;}