/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	MOBILE STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::: */
#nav-control {background:url(../img/mobile-menu.png) no-repeat right center; display:none; position:absolute; right:0; text-decoration:none; top:12px; height:50px; width:50px; z-index:1000; }
#mobile-top-bar {padding-right:10px; text-align:right; }
#mobile-top-bar li {background:url(../img/blue-divider.gif) no-repeat right center; display:inline; margin-right:5px; padding-right:10px; }
#mobile-top-bar li a {font-weight:600; text-decoration:none; text-transform:uppercase; }
#mobile-top-bar li a:hover {color:#fff; }
#mobile-landing-img {margin:0 auto; }
#mobile-landing-nav {margin:0; }
#mobile-landing-nav li a {background:#fff100; color:#204e91; display:block; font-size:1.846em; font-weight:600; margin-bottom:2px; padding:10px; text-decoration:none; text-transform:uppercase; }
#mobile-landing-social-media {height:50px; margin:20px 0; overflow:hidden; }
#mobile-landing-social-media li {float:left; margin:0 5px; }

#featured-stories-mobile {margin:0 30px 60px; position:relative; }
#featured-stories-mobile .viewport {height:auto; min-height:288px; position:relative; width:100%; }
#featured-stories-mobile .text {height:auto; width:100%;}
#featured-stories-mobile .overview li {float:none; list-style:none; height:175px; padding-right:76px; width:216px; word-wrap:break-word; }
#featured-stories-mobile .story h4 a:link {text-decoration:none; width:100%;}
#featured-stories-mobile .story h4 a:hover {text-decoraction:underline; }
#featured-stories-mobile .story p {margin-bottom:0; }
#featured-stories-mobile .carousel-nav {display:none; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	RESPONSIVE STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media screen and (min-width:804px) {
#main-content { margin: -5px 0px 60px 14px; padding:50px 34px; z-index:9; width:93%; /*min-height:600px; */background:#fff; display:inline-table; /*height:100%;*/ box-shadow:0 1px 1px #4e8db6;}
#main-content-home { background:#fff; box-shadow:0 1px 1px #4e8db6; clear:both; margin:-65px 0px 90px 14px; padding:55px 34px 30px 34px; position:relative; z-index:9; width:90%; float:right; }/* updated by Florence 05/10/2017: change from Padding:85px to 45px for Accessibilty project*/
.BackgroundImage {margin-top:5px;}
/*#main-slideshow + #main-content-home { margin-top: 0; }*/
#main-nav {margin:15px 0 0; position:relative; text-align:right; float:right;}
#main-nav-wrapper {height:30px;}
#main-nav > li > span {color:#fff; font-size:1.3em; font-weight:600; padding:5px 14px 7px 5px; text-decoration:none; text-transform:uppercase; cursor: pointer; background:url(../img/ArrowDown.png)no-repeat center right 3px;}
#main-nav > li > span a:hover {color:#FFF100; cursor: pointer;}
#main-nav > li > span a.active {color:#FFF100 ; cursor: pointer;}
#main-nav li {display:block; margin:0; padding:0 0 0 5px; float:left; }
#main-nav li:first-child {background:none; margin:0; padding:0; white-space:nowrap; }
#main-nav .menu-item {width:100%;}
#main-nav li a {color:#fff; font-size:1.3em; font-weight:600; padding:5px 5px 0px 5px; text-decoration:none; text-transform:uppercase; }
/*#main-nav li a.selected { color: #FFF100 !important;}*/
#main-nav li a:hover {color:#FFF100; }
#main-nav li a.active {color:#FFF100; border:1px solid rgba(0,0,0,.15);}
#main-nav li ul {background-color:#fff; display:none; position:absolute; text-align:left; z-index:1000; margin: 0; top:17px; border-radius:2px; border:1px solid rgba(0,0,0,.15);}
#main-nav > li:last-child > ul {right:0;}
#main-nav li li {background:none;  }
#main-nav li li .nav-column {box-shadow:none; display:block; height:auto; margin:3px 0 3px 0; padding:0; position:relative; top:0;  border:none;}
#main-nav li li .nav-column > li > * {background:none; display:block;  }
#main-nav li li .nav-column li a {color:#204E91; font-size:1.2em !important; font-weight:400; line-height:1.8em; margin:2px 0 5px 0; padding:3px 20px 0; text-decoration:none; text-transform:none; }
#main-nav li li .nav-column li a:hover {color:#1e4b87 !important; background:#E9F6FF;}
#main-nav .close {color:#204e91!important; display:block; font-size:1.15em; font-weight:600; line-height:1.2em; padding:5px 0 0; position:absolute; right:10px; text-decoration:none; }
#main-nav .close:hover {background-position:-128px -40px; color:#955efc!important;}
ul.main-nav-template-spacer{margin: 42px 0 0 0 !important; }
#top-bar-content-mobile{display: none !important;}
#audience-nav-mobile {display: none !important;}
/*#LeftNavPane-mobile{display: none !important;}*/
.group-item{display: none !important;}
#secondary-nav{display: block !important;}
#secondary-nav a:active { color: #FFF100 !important;}
li .dropdown-parent-seclevel{display:none !important;}
#main-nav span.parent.nodes {display: none;}
.z-tabs.horizontal.top-left.z-rounded>.z-container {min-height:250px !important;}
#main-slideshow {margin-top:5px; margin-bottom:85px;} 
#dnn_MainImagePane .Home_NoTitle {margin-top:0px;}
#dnn_PageHeaderPane h2{font-weight:bold; font-size:35px;}

/*Back to top button*/
.cd-top {display: inline-block; float:right; z-index:10; height: 30px; width: 28px; position: relative; bottom: 235px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/Portals/54/Images/gotop1.png) no-repeat center 50%; opacity: 0;
  /* -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;*/
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  /*-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;*/
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .7;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

/* Important Message Widget */
.slide-out-div {padding: 20px; width: 180px; height: 180px !important; background: #fff; border: 1px solid #2c5e91;}

/* Feedback button*/
#feedback { height: 0px; width: 65px; position: fixed; right: 0; top: 50%; z-index: 1000; -webkit-transform: rotate(-90deg); transform:rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
#feedback a { display: block; height: 15px; width: 65px; padding: 8px 16px; color: #fff; font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; 	text-decoration: none; background: #2c5e91 url(/Portals/54/Images/feedback_bt.png) no-repeat center 50%; border-bottom: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #fff; border-top: solid 1px #fff;}
#feedback a:hover { background: #598bba url(/Portals/54/Images/feedback_bt.png) no-repeat center 50%;}

/*Secondary Nav*/
#secondary-nav { background:#3284bf; left:40px; margin:0; padding:10px; position:absolute; top:15px; width:200px; z-index:10; }
#secondary-nav li { border-bottom:1px solid #abd0e8; color:#fff; margin-bottom:5px; padding-bottom:5px; }
#secondary-nav li a { color:#fff; display:block; font-size:10pt; /*font-weight:600;*/ line-height:1.4em; text-decoration:none; text-transform:uppercase; padding-left:10px; }

#secondary-nav li a:hover,
#secondary-nav li a.active,
#secondary-nav .active { color:#fff100; }
#secondary-nav li a.ItemSelected {color: #fff100;}
#secondary-sub-nav { margin:10px 0 0 20px; }
#secondary-sub-nav li { border:none; font-size:.9em; }

/*MenuOverImage*/
#menu-over { background:#3284bf; left:40px; margin:0; padding:10px; position:absolute; top:15px; width:200px; z-index:10; }
/*#menu-over {background:#3284bf;left:40px;margin:0;padding:10px;position:absolute;top: 15px;width:200px;z-index:10;}*/
#menu-over li { border-bottom:1px solid #abd0e8; color:#fff; margin-bottom:5px; padding-bottom:5px; }
#menu-over li a { color:#fff; display:block; font-size:10pt; line-height:1.4em; text-decoration:none; text-transform:uppercase; padding-left:10px; }

#menu-over li a:hover,
#menu-over li a.active,
#menu-over .active { color:#fff100; }
#menu-over li a.ItemSelected {color: #fff100;}

/*Left Navigation*/
.full-page #left-secondary-nav { background:#ffffff; float:left; left:0; padding:0!important; margin:0;  position:static; top:0;  z-index:10;}
.full-page #left-secondary-nav2 { background:#ffffff; float:left; z-index:10; width:27%; margin:0;}
#left-secondary-nav { margin:0; padding:0px; position:absolute; top:5px; width:27%; z-index:10; }
#left-secondary-nav li a:hover,
#left-secondary-nav li a.active, #left-secondary-nav li a.visited,
#left-secondary-nav .active { color:#fff100; } /* delete line-height:30px !important;*/
#left-secondary-nav li a.ItemSelected {color: #fff100 !important; }
#secondary-sub-nav { margin:10px 0 0 20px; }
#secondary-sub-nav li { border:none; font-size:.9em; }
.full-page #dnn_LeftNavPane25 {  margin:0 0 20px 0; padding:5px 0px 0px 0px;}
#LeftNavPane25 {background-color:#2F7CB3; margin-left:0 !important; margin-bottom:20px;}
#LeftNavPane25 ul {background-color:#2F7CB3; margin-left:0 !important;}
#LeftNavPane25 li { border-bottom:1px solid #abd0e8; color:#fff;  }
#LeftNavPane25 li a { padding:8px 15px; color:#fff; display:block; font-size:14px; font-weight:600; line-height:1.4em; text-decoration:none; text-transform:uppercase; }
#LeftNavPane25 a.LeftNav.currentUrl {padding:8px 15px; color:#fff100 !important;} /* deleted padding-left:15px; line-height:30px !important; */  
.leftNavPane25Mobile {display:none;}
#LeftNavPane25 .inner-nav-middle .secondary-nav-link { margin-left:0px;}


/*Right Navigation*/
.full-page #right-secondary-nav { background:#ffffff; float:right; left:0; padding:0!important; position:static; top:0;  z-index:10;}
/*.full-page #right-secondary-nav div:empty {display:none !important;}*/
.full-page #right-secondary-nav2 { background:#ffffff; float:right; z-index:10; width:27%;}
#right-secondary-nav { margin:0; padding:0px; position:absolute; top:5px; width:27%; z-index:10; }
#right-secondary-nav li a:hover,
#right-secondary-nav li a.active,
#right-secondary-nav .active { color:#fff100; } /* line-height:30px !important; */
#right-secondary-nav li a.ItemSelected {color: #fff100 !important;}
#secondary-sub-nav { margin:10px 0 0 20px; }
#secondary-sub-nav li { border:none; font-size:.9em; }
.full-page #dnn_RightNavPane25 {  margin:0 0 20px 0; padding:5px 0px 0px 0px;}
#RightNavPane25 {background-color:#2F7CB3; margin-left:0 !important;}
#RightNavPane25 ul {background-color:#2F7CB3; margin-left:0 !important; }
#RightNavPane25 li { border-top:1px solid #abd0e8; color:#fff; }
#RightNavPane25 .secondary-nav-middle {margin-left:0px;}
#RightNavPane25 li a { color:#fff; display:block; font-size:14px; font-weight:600; line-height:1.2em; text-decoration:none; text-transform:uppercase; }
#RightNavPane25 a.RightNav {padding:8px 15px;} /* deleted padding-left:15px; line-height:30px !important; */ 
#RightNavPane25 a.RightNav.currentUrl {color:#fff100 !important;}
#RightNavPane25 .NavTitle {display:none;}
.RightNavPane25Mobile {display:none;}

#RightNavPane25 a.secondary-nav-middle {padding-left:15px; line-height:30px !important;}
#RightNavPane25 a.secondary-nav-middle.currentUrl {color:#fff100 !important;}
#RightNavPane25 .inner-nav-middle .secondary-nav-link { margin-left:0px;}

/*Content*/
.ContentPane75 {margin:0 0 20px 0;}

/*PageHeader75*/
#dnn_RightHeaderPane75 {float:right; width:70%}


#main-content #secondary-nav li { font-size:inherit; }
#main-content #secondary-sub-nav li { font-size:.9em; }
.TopImagePane {height: 260px; position: relative; background-size: cover; z-index:10; margin-top: -15px;} 
.TopImagePane h1 {background-color: rgba(0,85,166,0.90); display: inline-block; padding: 15px 20px 40px; position: absolute; bottom: -30px; z-index: 50; max-width: 315px;left: 30px; margin: 0; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 24px;} 

/* Please remove lines 186 - 192 after copy left and right navigation from dev responsive.css lines from 126 - 182*/ 
.full-page #secondary-nav { background:#ffffff; float:right; left:0; padding:0!important; margin:50px auto !important;  position:static; top:0;  z-index:10;}
.full-page #dnn_LeftNavPane {  margin:0 0 20px 0; padding:5px 0px 0px 0px;}
#LeftNavPane25 {background-color:#286a98 /*#2F7CB3*/; margin-left:0 !important;}
#LeftNavPane25 ul {background-color:#2F7CB3; margin-left:0 !important; }
#LeftNavPane25 li { border-bottom:1px solid #abd0e8; color:#fff; }
#LeftNavPane25 li a { color:#fff; display:block; font-size:14px; font-weight:600; line-height:1.4em; padding:6px 15px; text-decoration:none; text-transform:uppercase; }
/* #LeftNavPane25 a.LeftNav {padding-left:15px; line-height:30px !important;} */

#right-secondary-nav .secondary-nav{color: #fff100; background-color:#2F7CB3; margin-left:0 !important;}
#right-secondary-nav .secondary-nav li { border-top:1px solid #abd0e8; padding-left:15px; }
#right-secondary-nav .secondary-nav li a { color:#fff; display:block; font-size:14px; font-weight:600;  text-decoration:none; text-transform:uppercase; padding-left:15px; }

.full-page #dnn_LeftNavPaneBottom { background:#548dd4; padding:10px;}

/*li.secondary-nav-middle {padding-left:15px !important;}*/
.secondary-nav-middle a{line-height:0px !important; }
ul.inner-nav-middle {margin-left:15px !important;}
ul.inner-nav-middle li {list-style: disc; list-style-position: inside; padding-left:20px;}

#main-content #secondary-nav li { font-size:inherit; }
#main-content #secondary-sub-nav li { font-size:.9em; }

.bullet_magenta li{ list-style-image:url(../img/bullet-magenta.png);}
.bullet_magenta li a {color: #337ab7; font-weight:600; font-size:14px !important; text-decoration:none !important;}
.bullet_magenta li a:hover {color: #337ab7 !important; font-weight:600; font-size:14px !important; text-decoration:underline !important;}
.bullet_orange li{ list-style-image:url(../img/bullet-orange.png); font-size:14px !important; text-decoration:none !important;}
.bullet_orange li a {color: #337ab7; font-weight:600; font-size:14px !important; text-decoration:none !important;}
.bullet_orange li a:hover {color: #337ab7 !important; font-weight:600; font-size:14px !important; text-decoration:underline !important; }
.callout {padding: 20px; margin: 25px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.callout h4 { margin-top: 0;margin-bottom: 5px;}
.callout p:last-child { margin-bottom: 0;}
.callout code {border-radius: 3px;}
.callout+.callout {margin-top: -5px;}
.callout-danger {border-left-color: #d9534f;}
.callout-danger h4 {color: #d9534f;}
.callout-warning {border-left-color: #f0ad4e;}
.callout-warning h4 {color: #f0ad4e;}
.callout-info {border-left-color: #3284bf;}
.callout-info h4 {color: #3284bf;}
.callout a {color: #8237ff;}

/*Socialbar*/
#socialbar {margin-bottom:20px;}

/*Footer*/
.FooterFirst {width: 135px; float:left; padding-right:10px;}
.FooterMiddle {width: 135px; float:left; padding-right:10px;}

/*Search*/

#dnn_dnnSearch_cmdSearch {display:none;}
	
.calendar-container{max-width: 100%!important; }

}

@media screen and (max-width:1024px) {
.main-content-container {padding:10px; margin-top:40px; margin-bottom:40px;}	
 { background:#fff; clear:both; margin: -10px 0px 0px 0px; padding:20px 10px 0px 10px; position:relative; z-index:9; float:left; width:100% !important; }
#dnn_PageHeaderPane h2 {margin-left:10px; margin-top:0; margin-bottom:-40px;}
.flex-container {width:100% !important; height:50% !important;}
.flex-slideshow {margin:-20px 0 -75px 0; position:relative; width:100%;}
.flex-control-nav {right:10px;}
}


@media screen and (max-width:1023px) {
	#body {background:none; background-image:none !important;}
	#main-content {padding:10px;}
	.main-content-container {padding:10px; margin-top:40px;}
	#main-content-home { background:#fff; clear:both; margin: -15px 0px 0px 0px; padding:20px 5px 0px 5px 0px; position:relative; z-index:9; float:left; }
	#container {margin:0 auto; background-color:#fff;}
	.ContentPane75 {margin-bottom:20px; margin:10px 0 20px 0 !important;}
	#footer-content {width:100% !important;}
	#sub-footer {display:none;}
	.offset-left {margin:0; }
	.offset-right {margin:0; }
	a.offset-left {margin-left:0; }
	a.offset-right {margin-left:0; }
	.callout-headline {margin-bottom:20px; }
	.flex-caption {background:#fff100; height:100px; padding:2% 2% 2.5%!important; }
	/*#caption-box {display:none!important; }*/
	.flex-control-nav {bottom:80px!important; right:10px!important; }
	.full-page #interior-split-hero-image {width:100%; }
	#interior-split-page-header {float:none; width:auto; }
	.lt-ie9 .flex-caption {background:#fff100; }
	.right-med-column .offset-right {margin-left:0; }
	#main-nav .close {display:none; }
	#dnn_MainImagePane .Home_NoTitle {margin-top:0px;}
	#feedback {display:none; }
	
	/* Added by John - to adjust the template B dept. header */
	.interior-split-page-header {float:none; width:auto; }
	
	/* Added by Florence - to adjust caption box */
	*[id*="FlexImageSlider_"], *[id*="FlexImageSlider_"] .dz_flexslider .myslides li img{max-width:100% !important; height:auto !important;}
	*[id*="FlexImageSlider_"] .flex-caption {height:55px !important; max-width:100% !important; bottom:30px !important;}
	*[id*="FlexImageSlider_"] .flex-control-nav{bottom:50px !important;}
	
	/* revised by Flo 06/10/2014 */

	*[id*="TinyImageCarousel_"], *[id*="TinyImageCarousel_"] .overview img.photo, .tc-container img.photo {max-width:100% !important; }
	*[id*="TinyImageCarousel_"].tc-container .carousel-nav{display:none;}
	*[id*="TinyImageCarousel_"].tc-container ul.overview {width: 80% !important; left: 0px; display: block;position: relative;}
	*[id*="TinyImageCarousel_"] .overview li{max-width:100% !important; height:auto !important; }
	*[id*="TinyImageCarousel_"] .overview li {padding-right: 76px; }
	*[id*="TinyImageCarousel_"] .tc-container .text {font-size: 73% !important; line-height: 100%; margin-top:5px; }
	*[id*="TinyImageCarousel_"] .tc-container .story h4{font-size:12px !important}
	*[id*="TinyImageCarousel_"] .overview li{float:none; font-size:100% !important; max-width:100% ! important; height: auto !important; margin-bottom:20px; padding-right: 100% !important;}
	*[id*="TinyImageCarousel_"] .photo {float:left; width:25%; }
	
		/* end revision */
	
	/*SubFooter Menu*/
	#sub-footer {background:#2c5e91 !important; bottom:0; clear:both; height:510px; width:100%;}
	#sub-footer_address li{margin-left:0px; line-height:26px;}
	#sub-footer-wrap{margin:0 auto; padding:0 !important; height: 100px !important;}
	#sub-footer-content1 {text-align: center; width:100% !important;}
	#sub-footer-content2 ul{width:100% !important; text-align: center; line-height:26px;}
	#sub-footer-content2  li{width:100% !important;}
	
	/*Important Message*/
	.slide-out-div {display: none;}
	
	/* RR New settings for mobile*/
	.dropdown-wrapper {display:none; cursor:pointer; }
	.full-page #secondary-nav {margin:-15px -10px 20px -10px !important; }
	.full-page #dnn_LeftNavPane25 {color:#548dd4; margin: 0 !important; width:100% !important}
	.full-page .LeftPane25 {margin:10px 0 0 0; clear:both;}
	.full-page #secondary-nav {margin:-15px -10px 20px -10px !important; }
	.full-page #RightNavPane25 {color:#548dd4; margin: 0 !important; width:100% !important}
	.full-page .RightPane25 {margin:10px 0 0 25px; clear:both;}
	.full-page #MenuOver {margin:-15px -10px 20px -10px !important; }
	
	#LeftNavPane25.hideSecondaryNav {display:none;}
	.noBorder .dnn_LeftNavPane25 {display:none}
	#RightNavPane25.hideSecondaryNav {display:none;}
	#RightNavPane25 .noBorder .RightNavPane25 {display:none}
	/*#LeftNavPane25 .noBorder .LeftNavPane25 {display:none}*/
	#main-nav {display:block; margin:0; text-align:left; }
	#main-nav li {background:none; /*border-top:1px solid #fff;*/ display:block; margin:0; padding:0;}
	#main-nav li a {font-size:1.3em; line-height:1.4em; color:white; text-decoration:none; display:block; padding-left:15px; padding-bottom:5px; padding-top:5px; }
	#main-nav > li > span {display:block; font-size:1.3em; transition-timing-function: linear; color: #fff; padding-left:15px; padding-bottom:5px; padding-top:5px; cursor:pointer;}
	#main-nav span ul {color:#FFF; }
	#main-nav li ul {margin:10px 0 0 0;}
	#main-nav li:first-child {background:none; margin:0; padding:0; }
	li .dropdown-link.nodes {padding: 5px; font-size: 1.3em; line-height: 1.4em; display: block; /*background:url(../img/plus.png)no-repeat left 9px !important;*/}
	li .dropdown-link.nodes.selected {color: #fff100 !important;padding: 5px; font-size: 1.3em; line-height: 1.4em; display: block; /*background:url(../img/minus.png)no-repeat left 9px !important;*/}
	ul.nav-column a, ul.dropdown-wrapper {background-color:#d5f1ff; border: none; color:#204e91 !important; margin-left:0; }
	.group-item li {display: none;}
	#main-nav a.parent.nodes {display:none;}
	#main-nav span.parent .nodes  {color:#204E91; font-size:1.2em; font-weight:400; line-height:1.5em; margin:0; padding:0; text-decoration:none; text-transform:none;padding-left: 15px; transition-timing-function: linear;}
	#main-nav li .seclevel {display:none;}
	#main-nav .parent_selected.nodes {padding-left: 15px; line-height: 1.4em; display: block; background:url(../img/minus_blue.png)no-repeat left 8px !important;  transition-timing-function: linear;  }
	#main-nav .seclevel.parent_selected {display:block;}
	li .parent.nodes {font-size: 1.3em;  line-height: 1.4em; display: block; background:url(../img/plus_blue.png)no-repeat left 8px !important; padding:5px 0px 5px 15px; transition-timing-function: linear; }
	li .parent.nodes.selected {color: #fff100 !important;padding-left: 15px; font-size: 1.3em; line-height: 1.4em; display: block; background:url(../img/plus_blue.png)no-repeat left 8px !important;}
	#main-nav li .group-title{border:none;}
	#dnn_LeftNavPane25 .h5_border + div {display: none;}
	#dnn_LeftNavPaneBottom .h5_border + div {display: none;}
	#RightNavPane25 .h5_border + div {display: none;}
	#dnn_RightNavPaneBottom .h5_border + div {display: none;}
	
	/*Top Nav Bar for mobile*/
	#top-bar {display: none !important;}
	#audience-nav{display:none !important;}
	#audience-nav-mobile {margin:0 0 0 !important; background:#2c5e91;}
	#audience-nav-mobile li {border-top: 1px solid #fff; line-height:2.4em;}
	#audience-nav-mobile a{list-style-type:none; color: #FFF !important; display: block; font-size:1.3em; text-decoration:none; margin:0 0 0 10px; padding:3px 0 3px 4px;}
	#top-bar-content-mobile.audience-nav li{float:left; list-style-type:none; position:relative; margin:0 10px 0 0; display:inline; padding:0 0 0 5px;}
	
	/*LeftSideNav for mobile */
	#left-secondary-nav{/*margin:-10px -10px 20px -10px !important; position:static; display:none;*/}
	/*.LeftNavPane25Mobile {margin:-10px 0 0 0 !important; position:static;}*/
	.LeftNavPane25Mobile {display: block !important; line-height:1.4em; padding-left:0 !important; margin-left:0px; background-color:#2c5e91;}
	.LeftNavPane25Mobile li {/*padding-left:5px;*/ margin-left:0px;}
	.LeftNavPane25Mobile li a:hover, #LeftNavPane25Mobile li a.active, #LeftNavPane25Mobile .active { color:#fff100; /*text-transform:uppercase;*/ text-decoration:none; font-size:1.3em; /*line-height:1.4em !important;*/}
	#secondary-nav li a {padding: 0 0 0 15px; line-height:1.4em; }
	#LeftNavPane25 .h5_border {font-size: 1.3em !important;margin:0;padding: 8px 0 3px 10px; text-transform:none; border-top:1px solid #fff;}
	#LeftNavPane25 .noBorder {border:none; margin: 0;padding: 0;}
	#secondary-nav.hideSecondaryNav {display:none !important;}
	.full-page #LeftNavPane25{background-color:#2c5e91;}
	.full-page #LeftNavPaneBottom{background-color:#2c5e91;}
	#LeftNavPaneBottom { width:100%;}
	#LeftNavPaneBottom .h5_border .Head {padding-left:16px; background:url(../img/plus.png)no-repeat left 1px !important; cursor:pointer; color:#fff;}
	#LeftNavPaneBottom .h5_border .Head.minus {padding-left:16px; background:url(../img/minus.png)no-repeat left 1px !important; cursor:pointer;  }
	#LeftNavPaneBottom .h5_border + div.MobileCollapse {list-style-type:none; padding-left:15px; color: #FFF !important; display: block; text-decoration:none; margin:0px; }
	#LeftNavPane25 .h5_border .Head {padding-left:16px; background:url(../img/plus.png)no-repeat left 4px !important; cursor:pointer; color:#fff; width:95%; line-height:20px;}
	#LeftNavPane25 .h5_border .Head.minus {padding-left:16px; background:url(../img/minus.png)no-repeat left 4px !important; cursor:pointer; }
	#LeftNavPane25 .h5_border + div.MobileCollapse {list-style-type:none; padding-left:10px; padding-right:15px; color: #FFF !important; display: block; text-decoration:none; margin:0 !important;background-color:#2c5e91;  }
	#LeftNavPane25 .secondary-nav {margin-left:0px; }
	#LeftNavPane25 .secondary-nav a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
	#LeftNavPane25 .secondary-nav li {border-top:1px solid #abd0e8; }
	#LeftNavPane25 .noBorder a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
	#LeftNavPane25 .noBorder li {border-top:1px solid #abd0e8; }
	.secondary-nav-middle a{line-height:30px !important; }
	.inner-nav-middle a{line-height:25px !important;}
	#LeftNavPane25 li{padding-left:15px; }
	#LeftNavPane25 a.LeftNav {color:#fff; text-decoration:none; font-size:1.3em; line-height:1.4em !important;  }
	.LeftNavPane25Mobile {display:block; margin:0; text-align:left; }
	.LeftNavPane25Mobile li {background:none; border-top:1px solid #fff; display:block; margin:0; padding:0;}
	.LeftNavPane25Mobile li a {font-size:1.3em; line-height:1.4em; color:white; text-decoration:none; display:block; padding-bottom:5px; padding-top:5px; }
	.LeftNavPane25Mobile > li > span {display:block; font-size:1.3em; transition-timing-function: linear; color: #fff; padding-left:15px; padding-bottom:5px; padding-top:5px; cursor:pointer;}
	.LeftNavPane25Mobile span ul {color:#FFF; }
	.LeftNavPane25Mobile li ul {margin:0 !important;}
	#LeftNavPane25 {display:block; margin:0; text-align:left; }
	
	
	/*RightSideNav for mobile */
	#right-secondary-nav{/*margin:-10px -10px 20px -10px !important; position:static;*/ /*display:none;*/}
	.RightNavPane25Mobile {margin:-10px -10px 0 -10px !important; position:static;}
	.RightNavPane25Mobile {display: block !important; line-height:1.4em; padding-left:0 !important; margin-left:0px; background-color:#2c5e91;}
	.RightNavPane25Mobile li {/*padding-left:5px;*/ margin-left:0px;}
	.RightNavPane25Mobile li a:hover, .RightNavPane25Mobile li a.active, .RightNavPane25Mobile .active { color:#fff100; /*text-transform:uppercase;*/ text-decoration:none; font-size:1.3em; /*line-height:1.4em !important;*/}
	#secondary-nav li a {padding: 0 0 0 15px; line-height:1.4em; }
	#RightNavPane25 .h5_border {font-size: 1.3em !important;margin:0;padding: 8px 0 3px 10px; text-transform:none; border-top:1px solid #fff; letter-spacing:0px !important;}
	#RightNavPane25 .noBorder {border:none; margin: 0;padding: 0;}
	#secondary-nav.hideSecondaryNav {display:none !important;}
	.full-page #dnn_RightNavPane25{/*background-color:#2c5e91;*/}
	.full-page #dnn_RightNavPaneBottom{background-color:#2c5e91;}
	#dnn_RightNavPaneBottom { width:100%;}
	#RightNavPaneBottom .h5_border .Head {padding-left:16px; background:url(../img/plus.png)no-repeat left 1px !important; cursor:pointer; color:#fff;}
	#RightNavPaneBottom .h5_border .Head.minus {padding-left:16px; background:url(../img/minus.png)no-repeat left 1px !important; cursor:pointer;  }
	#RightNavPaneBottom .h5_border + div.MobileCollapse {list-style-type:none; padding-left:15px; color: #FFF !important; display: block; text-decoration:none; margin:0px; }
	#RightNavPane25 .h5_border .Head {padding-left:16px; background:url(../img/plus.png)no-repeat left 4px !important; cursor:pointer; color:#fff; width:95%; line-height:20px;}
	#RightNavPane25 .h5_border .Head.minus {padding-left:16px; background:url(../img/minus.png)no-repeat left 4px !important; cursor:pointer; }
	#RightNavPane25 .h5_border + div.MobileCollapse {list-style-type:none; color: #FFF !important; display: block; text-decoration:none; margin:0 !important;background-color:#2c5e91;  }
	#RightNavPane25 .secondary-nav {margin-left:0px; }
	#RightNavPane25 .secondary-nav a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
	#RightNavPane25 .secondary-nav li {border-top:1px solid #abd0e8; }
	#RightNavPane25 .noBorder a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
	#RightNavPane25 .noBorder li {border-top:1px solid #abd0e8; }
	.secondary-nav-middle a{line-height:30px !important;}
	.inner-nav-middle a{line-height:25px !important;}
	#RightNavPane li{padding-left:15px; border-top:1px solid #abd0e8;}
	#RightNavPane25 a.RightNav {color:#fff; text-decoration:none;font-size:1.3em; display:block; padding-left:10px; padding-right:10px;  }
	.RightNavPane25Mobile {display:block; margin:0; text-align:left; }
	.RightNavPane25Mobile li {background:none; display:block; margin:0; padding:0;}
	.RightNavPane25Mobile li a {font-size:1.3em; line-height:1.4em; color:white; text-decoration:none; display:block; padding-bottom:5px; padding-top:5px; margin-left:5px;}
	.RightNavPane25Mobile > li > span {display:block; font-size:1.3em; transition-timing-function: linear; color: #fff; padding-left:15px; padding-bottom:5px; padding-top:5px; cursor:pointer;}
	.RightNavPane25Mobile span ul {color:#FFF; }
	.RightNavPane25Mobile li ul {margin:0 !important;}
	

	/*MenuOver for mobile*/
	ul#menu-over {margin:0px 0px 0 0 !important; padding:0 10px; background-color:#2c5e91;}
	#menu-over li { border-top:1px solid #fff;color:#fff;}
	#menu-over a {font-size:1.3em; line-height:1.4em; color:white; /*text-transform:uppercase;*/ text-decoration:none; display:block; padding-left:15px; padding-bottom:5px; padding-top:5px; }
	#menu-over a:active {font-size:1.3em; line-height:1.4em; color:#fff100; /*text-transform:uppercase;*/ text-decoration:none; display:block; padding-left:15px; padding-bottom:5px; padding-top:5px; }
	.MenuOver_title {background: #2c5e91;margin: -28px 0px 0 0 !important;width: 100%;}
	.MenuOverImagePane {top:0px;}
	.MenuOver_title .Head {padding-left:15px;}
	
	/*Fix height for Social Media tabs*/
	.z-tabs.horizontal.top-left.z-rounded>.z-container {max-height:450px !important;}
	
	/*Go to top*/
	.cd-top {height: 30px; width: 28px; right: 30px; bottom: 225px;}
	
	/*.landing-hero {height:120px;}*/
	.TopImagePane h1 {background-color: rgba(0,85,166,0.90); padding: 10px;  z-index: 50; margin: 0; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 24px; bottom:20px !important; left:20px !important;}
	/*Column panes*/
	.LeftPane50, .RightPane50, .LeftPane33, .CenterPane33, .RightPane33, .FullFooterPane, .RightPane80, .LeftPane20, .LeftPane37, .Rightpane37 {width:100%; margin-left:0px; margin-bottom:0px; margin-top:0; margin-right:0px; float:none; padding-right:0px;}
	
	/*Related Links*/
	.bullet_magenta li{ list-style-image:url(../img/bullet-magenta.png);}
	.bullet_magenta li a {color: #337ab7; font-weight:600; font-size:14px !important; text-decoration:none !important;}
	.bullet_orange li{ list-style-image:url(../img/bullet-orange.png); font-size:14px !important; text-decoration:none !important;}
	.bullet_orange li a {color: #337ab7; font-weight:600; font-size:14px !important; text-decoration:none !important;}
	
	/*Page Description*/
	.DescriptionPane75 {color:#347bad; font-size:18px; line-height:1.4em; font-weight:300; margin-bottom:15px; margin-top:5px;}
	
	/*Callout info*/
	.callout {padding: 20px; margin: 25px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
	.callout h4 { margin-top: 0;margin-bottom: 5px;}
	.callout p:last-child { margin-bottom: 0;}
	.callout code {border-radius: 3px;}
	.callout+.callout {margin-top: -5px;}
	.callout-danger {border-left-color: #d9534f;}
	.callout-danger h4 {color: #d9534f;}
	.callout-warning {border-left-color: #f0ad4e;}
	.callout-warning h4 {color: #f0ad4e;}
	.callout-info {border-left-color: #3284bf;}
	.callout-info h4 {color: #3284bf;}
	.callout a {color: #8237ff;}

	/*H3 line mobile class*/
	.Navline {font-size: 1.3em !important; /*font-weight:bold !important;*/ background-color: #2c5e91; color: #fff100; margin: 0; padding: 10px 0px 5px 25px; border-bottom: none; text-transform:none !important; border-top:1px solid #fff; }
	.line .Head {margin-top:0px; margin-bottom:0px;}
	
	#sub-footer {display:none;}

}
	

@media screen and (max-width:996px) {#contact-info {margin-left: 20px; }
	#social-media {margin-right:20px; }
}

*[id*="AccessibleImageSlider_"] {
    width: 100% !important;
    height: auto !important;
}

*[id*="AccessibleImageSlider_"] #caption-box {
	min-height:60px !important;
	/*bottom: 45px !important;*/
	
}

*[id*="AccessibleImageSlider_"] p.accessible-caption {
    bottom:125px !important;
	width: 27% !important;
}

*[id*="AccessibleImageSlider_"] .control-nav {
    margin-right: 20px;
  /*  bottom: 55px !important; */
    right: 0px;
}
	

*[id*="AccessibleImageSlider_"] .dz_accessibleslider .myslides li img {
	max-width:100% !important; height: auto !important;
}

@media screen and (max-width:974px) {#top-bar-nav {width:64%; }
	#weather {width:10%; }
	#weather p span {display:none; }
	#hero-image {margin-bottom:-50px; }
	#featured-stories {display:none; }
	#featured-stories .carousel-nav {display:none;}
	#featured-stories-mobile {display:block; height:auto; overflow:inherit; position:relative; }
	#featured-stories-mobile h3 {border-bottom:1px solid #E4E4E4; padding-bottom:5px; }
	#featured-stories-mobile .viewport {overflow:inherit; }
	#featured-stories-mobile .overview li {font-size:1em; padding-right:5%; width:45%; }
	#featured-stories-mobile .story {color:#333333; }
	#featured-stories-mobile .story h4 {margin-bottom:5px; }
	#featured-stories-mobile .photo {float:left; width:45%; }
	#featured-stories-mobile img {margin-bottom:45px; }
	#featured-stories-mobile .text {margin-left:51%; }
}

@media screen and (max-width:959px) {#container {padding:0; }
	#callout-nav li a {font-size:1.1em; height:35px; line-height:3.3em; width:55px; }
	#search {top:23px; }
	#search #search-bar {width:155px; }
	#top-bar-nav {margin:0 20% 0 0; width:69%; }
	.lt-ie9 #main-nav li {background-position-y:45%; margin-left:3px; }
	#home-news ul {height:auto; min-height:100px; }
	#home-events ul {height:auto; min-height:100px; }
	#footer li {margin-left:8px; padding-left:8px; }
}

@media screen and (max-width:930px) {.lt-ie9 #main-nav li a {font-size:1.1em; padding:0 6px 0 5px; }
}

@media screen and (max-width:900px) {#audience-nav li {margin:0 0 0 4px; padding:0 0 0 4px; }
	#hero-image {margin-bottom:0; }
	#featured-stories-mobile .overview li{width:95%; height:auto; }
	#featured-stories-mobile .photo {width:54%; padding-right:10px;}
	#featured-stories-mobile img {margin-bottom:20px; }
	#featured-stories-mobile .text {margin-left:26%; }
	#footer a {font-size:1.1em; }
	.slider{display:none;}
}


@media screen and (max-width:880px) {#callout-nav li a {border-top-width:4px; }
	#top-bar-nav {margin:0 22% 0 0; width:67%; }
	
	.accessible-caption {width:35% !important;}
}

@media screen and (max-width:870px) {#audience-nav li {margin:0 0 0 3px; padding:0 0 0 3px; }
	.lt-ie9 #main-nav li a {padding:0 3px 0 5px; }
	.lt-ie8 #main-nav li a {padding:0 6px 0 5px; }
	.left-column .link-column {float:none; margin:0 0 20px; width:auto; }
	.right-column .link-column {float:none; margin:0 0 20px; width:auto; }
	#footer li {margin-left:7px; padding-left:7px; }
}


@media screen and (max-width:803px) {
	#body {background:none; background-image:none !important;}
	body.sticky-footer #footer, body.sticky-footer #footer #footer-content {height: auto; }
	body.sticky-footer #footer #social-media {border-top: none; float: none; padding-top: 0px; }
	#body {background:none; background-image:none !important;}
	#contact-info {margin-left: 0px; }
	#page-wrap {padding-bottom:0; }
	.page-header {margin:-10px 0 0 10px;}
	.main-content-container {margin-top:0px; padding:10px;}
	.full-page #HeaderPane100 {margin:0 0 20px 0; max-width: 100%; width:100%; }
	.full-page #interior-split-container {margin-left:0; }
	td {word-wrap:break-word; }
	#edu-link {display:none; }
	#top-bar {display:block; margin:0; padding:0; width:100%; }
	#top-bar-nav {margin:0; padding:0; width:100%; }
	#weather {display:none; }
	#audience-nav {display:block; float:none; height:auto; margin:1% 0 0 1%; overflow:auto; padding:0; top:0; width:auto; }
	#audience-nav li {background:url(../img/audience-nav-opac.png)!important; display:inline; float:left; margin:0 1% 1% 0 !important; padding:0!important; width:32.33%; }
	#audience-nav li a {display:block; padding:7px 0; text-align:center; }
	#audience-nav li a.active {margin:0; padding:7px 0; }
	#audience-nav li a.active:hover {color:#fff100; }
	.Head { margin-top:0px !important;}
	#header {height:auto; min-height:inherit; border-bottom:none !important; }
	#header-content {min-height:50px; padding:20px 0 5px; }
	#header-nav {margin-bottom:5px;}
	#mobile-buttons {display:block; }
	#header-nav {margin-bottom:5px; }
	#searchbox {position:relative; margin-top:10px; top:auto; right:0; margin-left:0; text-align:left; width:100%;}
	#searchbox form {width:auto; }
	#searchbox #searchbox-input {width:90%; }
	#searchbox .searchInputContainer {margin:15px 0px 10px 0px !important; width:100%; }
	#dnn_dnnSearch_ClassicSearch span a:link {display:none;}
	.searchInputContainer input { width:100%;}
	#searchbox .SkinObject {display:none;}
	ul.searchSkinObjectPreview {display:none;}
	.gsearchbox {max-width: 100% !important;} /* Added for responsiveness */
	#buttons {float:none; top:0; right:0; position:inherit; width:100%;}
	#callout-nav {display:block; height:auto; margin:0; position:relative; top:auto; width:auto; float:none; }
	#callout-nav li {border-top:1px solid #FFFFFF; display:block; float:none; height:auto; width:auto; }
	#callout-nav li a {background:none; border:none; box-shadow:none; color:#fff100; font-size:1.3em; height:auto; letter-spacing:normal; line-height:2.4em;  text-align:left; text-shadow:none; width:auto; padding-left:15px; }
	#callout-nav-give-now li a:hover {color:#fff100;  }
	#callout-nav-give-now {display:block; height:auto; margin:0; position:relative; top:auto; width:auto; float:none; }
	#callout-nav-give-now li {border-top:1px solid #FFFFFF; display:block; float:none; height:auto; width:auto; margin-left:0px; }
	#callout-nav-give-now li a {background:none; border:none; box-shadow:none; color:#fff100; font-size:1.3em; height:auto; letter-spacing:normal; line-height:2.4em; text-align:left; text-shadow:none; padding-left:15px; width:100% !important; word-spacing:0; padding-top:0px !important; }
	#callout-nav-give-now li a:hover {color:#fff100; }
	#mobile {background:#033B6E; border:1px solid #183969; border-radius:2px; color:#fff; display:block; font-size:1.3em; font-weight:600; letter-spacing:1px; line-height:1.4em; padding:5px 5px 5px 10px; position:absolute; right:0; text-decoration:none; text-transform:uppercase; top:15px; width:75px; }
	#mobile span {background:url(../img/sprites.png) no-repeat -176px 0; float:right; height:18px; width:13px; }
	#nav-control.open span {background-position:-162px 0; }
	.lt-ie9 #main-nav li a  {font-size:1.3em; padding:5px; }
	#expand-menu {display:none!important; }
	#hero-image {margin:0; }
	#home-news {float:none; margin-bottom:40px; padding-right:0; width:auto; }
	#home-events {float:none; margin-bottom:40px; padding-right:0; width:auto; }
	#home-social-media {float:none; margin-bottom:40px; padding-right:0; width:auto; }
	#interior-split-page-header {padding-top: 35px; }
	a.bullet {border:none!important; display:block; padding-top:0!important; width:auto; }
	#main-slideshow {margin:0!important; padding: 20px 0 135px 0;}
	/*#caption-box {display:none!important; }*/
	.flex-caption {background:#fff100; height:auto; min-height:65px; position:static!important; width:auto!important; }
	.flex-caption a > br {display:none; }
	.flex-control-nav {bottom:5px!important; }
	.lt-ie8 .flex-control-nav {bottom:5px!important; }
	.flex-control-nav li {margin:0 0 0 5px; }
	.left-column img {margin:10px 0; }
	.right-column img {margin:10px 0; }
	.left-column {float:none; width:auto; }
	.left-wide-column {float:none; width:auto; }
	.left-med-column {float:none; width:auto; }
	.left-narrow-column {float:none; width:auto; }
	.right-column {margin:20px 0 0!important; width:auto!important; }
	.right-wide-column {margin:0!important; width:auto!important; float:none;}
	.right-med-column {margin:20px 10 0!important; width:auto!important; }
	.right-narrow-column {margin:20px 0 0!important; width:auto!important; }
	.right-med-column .offset-right {margin-left:0; }
	.timeline-entry img {margin:0; }
	.decade {margin:0 0 6px; }
	.right-sidebar {margin-left:0; }
	.link-column {float:none; margin:0; width:auto!important; }
	.more-info.link-list {float:none; width:auto; }
	#landing-content .link-column {float:none; width:auto; }
	.left-column .link-column {float:none; width:auto; }
	.right-column .link-column {float:none; width:auto; }
	.link-category h3, .link-category-no-border h3 {display:block; float:none; width:auto; }
	.link-category .link-list {margin:0; }
	.content-category h3 {float:none; width:auto; }
	.dept-list-group {width:12%; }
	.dept-list .link-column {margin-left:12%; width:88%; }
	.letter .link-column {clear:none; margin-left:50px; width:auto; }
	#featured-stories-mobile .viewport {margin-bottom:25px; }
	#featured-stories-mobile .overview-mobile .photo {width:25%; }
	#featured-stories-mobile .overview-mobile img {margin-bottom:30px; }
	#featured-stories-mobile .overview-mobile .text {margin-left:26%; }
	#featured-stories-mobile {margin:0!important; }
	#supporting-content {margin:0!important; }
	#supporting-content a.bullet {position:relative; }
	#footer {height:auto; padding:0 0 10px; position:relative;}
	#footer-content {padding:7px 0 0; }
	#footer li {background:none; display:block; float:none; margin:0; padding:0; text-align:center; }
	#footer a {font-size:1.2em;}
	#footer-nav {float:none;}
	#contact-info {float:none; padding-right:0; width:auto; }
	#social-media {float:none; margin:10px 0; text-align:center; }
	#social-media a {float:none; margin:0 2px; }
	.lt-ie8 #social-media a {display:inline-block; float:none; }
	#content-emergency {float:none; width:100%; }
	#emergency-information-container {float:none; width:100%; }
	#footer li.adaLogo a{margin: 0 auto;}
	#dropdown-spacer {display:none; }
	#socialmediabarhome  {display:none;	}
	.img-responsive {float: left; display:block; max-width:100%; height:auto;}
	
	/* Added by John - to adjust the template B dept. header */
	#header {height:auto; min-height:80px; }

	 /* Added by John to adjust the layout of the Page header in template C / responsive mode */
	.HeaderPane100 {margin:0 0 20px 0; max-width: 100%; width:100%; }

	/*added by Flo for Slideshow module to be responsiveness and images to be scaling*/
	.dz_flexslider{overflow:inherit !important;} 
	/**[id*="FlexImageSlider_"] .dz_flexslider .myslides li img, #logo img {max-width:100% !important; }*/
	*[id*="FlexImageSlider_"] .flex-control-nav{bottom:10px !important;} 
	*[id*="AccessibleImageSlider_"] .accessible-caption {width:100% !important; bottom:30px !important; padding-left:-10px; } 
	.dz_accessibleslider {max-width: 100% !important; overflow: visible;}
	
	#main-content-home {
    margin: 0px 0px 0px 0px;
	  }
			
*[id*="AccessibleImageSlider_"] {
    width: 100% !important;
    height: auto !important;
}

*[id*="AccessibleImageSlider_"] #caption-box {
	width:100% !important;
	min-height:0px ;
	bottom: -45px !important;
	right:0px !important;
}

*[id*="AccessibleImageSlider_"] p.accessible-caption {
   	bottom: 10px !important;
	left: 10px;
	 width:95% !important;
}

*[id*="AccessibleImageSlider_"] .control-nav {
    margin-right: 20px;
    bottom: -30px !important;
    right: 0px;
}
	
*[id*="FlexImageSlider_"], *[id*="FlexImageSlider_"] .dz_flexslider .myslides li img, #logo img {
	max-width:100% !important; height: auto !important;
}
			
	#logo{max-width:100% !important; height:auto !important;} 
	
	 ul.MenuBarHorizontal{margin-top:30px; float:none;}
	 ul.MenuBarHorizontal li{width:3.2em;}	 
	 .slider {display:none;}
	 
	 /*Columns responsive*/
	 .LeftPane65, .RightPane35 {width:100%; margin-left:0px; }
	 
	 	 /* RR New settings for mobile*/
	.dropdown-wrapper {display:none; cursor:pointer; }
	.full-page #secondary-nav {margin:-15px -10px 20px -10px !important; }
	.full-page #dnn_LeftNavPane {color:#548dd4; margin: 0 !important; width:100% !important}
	.full-page .LeftPane25 {margin:10px 0 0 0; clear:both;}
	.full-page #secondary-nav {margin:0 -10px 20px -10px !important; }
	.full-page #right-secondary-nav2 {margin:-0 -10px 20px -10px !important; position:static;}
	.full-page #RightNavPane25 {color:#548dd4; margin: 0 !important; width:100% !important}
	.full-page .RightPane25 {margin:10px 15px 0 15px; clear:both;}
	.full-page #MenuOver {margin:-15px -10px 20px -10px !important; }
	
	#LeftNavPane25.hideSecondaryNav {display:none;}
	#RightNavPane25.hideSecondaryNav {display:none;}
	#RightNavPane25 .noBorder .RightNavPane25 {display:none;}
	#container #LeftNavPane25 .noBorder .LeftNavPane25 {display:none;}
	#main-nav {display:block; margin:10px 0 0 0; text-align:left; }
	#main-nav li {background:none; border-top:1px solid #fff; display:block; margin:0; padding:0;}
	#main-nav li a {font-size:1.3em; line-height:1.4em; color:white; text-decoration:none; display:block; padding-left:15px; padding-bottom:5px; padding-top:5px; }
	#main-nav > li > span {display:block; font-size:1.3em; transition-timing-function: linear; color: #fff; padding-left:15px; padding-bottom:5px; padding-top:5px; cursor:pointer;}
	#main-nav span ul {color:#FFF; }
	#main-nav li ul {margin:0 !important;}
	li .dropdown-link.nodes {padding: 5px; font-size: 1.3em; line-height: 1.4em; display: block; background:url(../img/plus.png)no-repeat left 9px !important;}
	li .dropdown-link.nodes.selected {color: #fff100 !important;padding: 5px; font-size: 1.3em; line-height: 1.4em; display: block; background:url(../img/minus.png)no-repeat left 9px !important;}
	ul.nav-column a, ul.dropdown-wrapper {background-color:#d5f1ff; border: none; color:#204e91 !important; margin-left:0; }
	.group-item li {display: none;}
	#main-nav a.parent.nodes {display:none;}
	#main-nav span.parent .nodes  {color:#204E91; font-size:1.2em; font-weight:400; line-height:1.5em; margin:0; padding:0; text-decoration:none; text-transform:none;padding-left: 15px; transition-timing-function: linear;}
	#main-nav li .seclevel {display:none;}
	#main-nav .parent_selected.nodes {padding-left: 15px; line-height: 1.4em; display: block; background:url(../img/minus_blue.png)no-repeat left 8px !important;  transition-timing-function: linear;  }
	#main-nav .seclevel.parent_selected {display:block;}
	li .parent.nodes {font-size: 1.3em;  line-height: 1.4em; display: block; background:url(../img/plus_blue.png)no-repeat left 8px !important; padding:5px 0px 5px 15px; transition-timing-function: linear; }
	li .parent.nodes.selected {color: #fff100 !important;padding-left: 15px; font-size: 1.3em; line-height: 1.4em; display: block; background:url(../img/plus_blue.png)no-repeat left 8px !important;}
	#main-nav li .group-title{border:none;}
	#LeftNavPane25 .h5_border + div {display: none;}
	#LeftNavPaneBottom .h5_border + div {display: none;}
	#RightNavPane25 .h5_border + div {display: none;}
	#RightNavPaneBottom .h5_border + div {display: none;}
	
	/*LeftNav*/
	#LeftNavPane25 {margin-left:10px; margin-right:10px;}
	#LeftNavPane25 li {padding-left:15px !important; padding-right:10px; }
	/*RightNav*/
	#RightNavPane25 {margin-left:10px; margin-right:10px;}
	#RightNavPane25 li { border-top:1px solid #fff;}
}

@media screen and (max-width:768px) {#header {height:auto; min-height:inherit; }
	#dnn_PageHeaderPane h2 {margin-left:inherit; margin-top:inherit; margin-bottom:0px;}
	#main-slideshow {margin:20px 0 opx 0 !important; z-index:10;}
	#nav-control {display:inline-block; }
	#hero-image {margin:0; }
	#featured-stories {display:none;  margin:0!important; }
	#home-news {float:none; margin-bottom:40px; width:auto; }
	#home-events {float:none; margin-bottom:40px; width:auto; }
	#home-social-media {float:none; margin-bottom:40px; width:auto; }
	.right-sidebar {margin-left:0; }
	.link-column {float:none; width:auto; }
	.more-info.link-list {float:none; width:auto; }
	#landing-content .link-column {float:none; width:auto; }
	.left-column .link-column {float:none; width:auto; }
	.right-column .link-column {float:none; width:auto; }
	#edu-link {display:none; }
	#supporting-content {margin:0!important; }
	.flex-slideshow { margin:0px 0px 10px 0;}
	.flex-caption {background:#fff100; position:static!important; width:auto!important; }
	/*#caption-box {display:none!important; }*/
	.flex-control-nav {bottom:5px!important; }
	#footer {height:auto; }
	#footer li {background:none; display:block; text-align:center; }
	#footer #contact-info {float:none; padding-right:0; width:auto; }
	#footer #social-media {border:0; margin:10px 0; }

	/* Added by John - to adjust the template B dept. header */
	#header {height:auto; min-height:80px; }
	
	/*Go to top*/
	.cd-top {right: 20px; bottom: 235px; height: 30px; width: 28px;}
}

@media screen and (max-width:680px) {#google-map {display:none; }
	#bottom-search-box {display:none; }
}

@media screen and (max-width:600px) {#audience-nav li {width:49%; }
	.gallery-caption {text-align:left; }
	#featured-stories-mobile .viewport {margin-bottom:20px; }
	#featured-stories-mobile .story {margin:5px 0; }
	#featured-stories-mobile img {width:25%; }
	#featured-stories-mobile .text {margin-left:27%; width:100%!important;}
	#contactForm {width:100%; }
	#contactForm input[type="text"] {padding:2%; width:96%; }
	#contactForm textarea {padding:2%; width:96%; }
	.contact-links div {clear: both; width: 100%; margin-left: 0; }
	.contact-links h4.section-header {margin-top: 0;}
	#dnn_ctr762_IFrame_htmIFrame{max-width:100% !important;  }
	
	}

@media screen and (max-width:480px) {.bio-img {float:none; }
	.bio-copy {margin:10px 0; }
	
	#featured-stories-mobile .overview li {margin-bottom:20px; }
	#template-logo a {width: 250px; }
	#socialmediabar  {display:none;	}
	div#rssincl-box-619532{max-width:100% !important;}

	.Staff_Spotlight .news_post_box .post_box {margin-top:22px; margin-left:2px;}
	.fancybox-outer, .fancybox-inner > div {height: auto !important; max-width: 320px !important; margin-left:0 !important; }
	.fancybox-inner{min-height:350px !important;}
	.fancybox-close{right:-4px!important; top:-4px !important;}
	
	/* for Homepge MenuList */
	#menulist ul li {float:none !important;}
	#menulist ul li img {width: 300px !important; height: 300px !important;} 
	
					
}

@media screen and (max-width:320px) {#audience-nav li {background:none; margin:0 10px 0 0; padding:0; }
	#subhead-logotype{margin-left:-75px;}
	
	/* For Slider in HTML - Aquatics */	
	.slider{width:100%; padding-top:10px;	background-color:transparent; box-shadow:none !important;}	
	.slider img {max-width:100% !important; clear:both;}	
	.slider label {margin-top:20px; max-width:100%;}
	.slider label img{display:none !important;}	
	.slider input[name="slide_switch"]:checked + label + img {max-width: 100% !important;}
	/* End For Slider in HTML - Aquatics */
	
	/* for Homepge MenuList */
	#menulist ul li {float:none !important;}
	#menulist ul li img {width: 300px !important; height: 300px !important;} 
}

/* @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  #main-content-home 
{     margin: 0px 0px 90px 14px !important;   } 
} */
#header-nav a:focus, a#dnn_dnnLOGO_hypLogo:focus img, #footer a:focus {
    outline: dotted 2px #FFFFFF !important;
}
#header-nav #callout-nav a:focus {
	background: #FFFFFF !important;
	color: #204e91 !important;
}
@media (max-width: 803px) {
  #callout-nav li a:hover {
	  background: #204e91;
	color: #fff100 !important;
  }
  #header-nav #callout-nav a:focus {
	background: #FFFFFF !important;
	color: #204e91 !important;
}
}
.searchInputContainer input:focus {
outline: solid 10px #FFFF00			 !important;												
}
#audience-nav a:focus {
	background-color: #FFF;
}




/* community calendar embed CSS */

/* / one block cards with link on title */

/*  tbw event css */
:root {
  --event-card-max-height: 454px;
  /* --event-card-max-header-height: 188px;*/
  --event-card-max-body-height: 250px;
  --event-card-max-footer-height: 50px;
  --event-card-transform: translateY(-55px);
}
@media (max-width: 1163px) {
  :root {
    --event-card-max-height: 454px;
    /* --event-card-max-header-height: 188px;*/
    --event-card-max-body-height: 275px;
    --event-card-max-footer-height: 50px;
    --event-card-transform: translateY(-80px);
  }
}
@media (max-width: 1024px) {
  :root {
    --event-card-max-height: 420px;
    /* --event-card-max-header-height: 188px;*/
    --event-card-max-body-height: 250px;
    --event-card-max-footer-height: 50px;
    --event-card-transform: translateY(-65px);
  }
}
@media (max-width: 910px) {
  :root {
    --event-card-max-height: 390px;
    /* --event-card-max-header-height: 188px;*/
    --event-card-max-body-height: 250px;
    --event-card-max-footer-height: 50px;
    --event-card-transform: translateY(-85px);
  }
}
@media (max-width: 768px) {
  :root {
    --event-card-max-height: 510px;
    /* --event-card-max-header-height: 188px;*/
    --event-card-max-body-height: 220px;
    --event-card-max-footer-height: 50px;
    --event-card-transform: translateY(-57px);
  }
}
@media (max-width: 510px) {
  :root {
    --event-card-max-height: 510px;
    /* --event-card-max-header-height: 188px;*/
    --event-card-max-body-height: 290px;
    --event-card-max-footer-height: 50px;
    --event-card-transform: translateY(-125px);
  }
}

.event-cards {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.event-cards {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  padding: 0px 34px 34px 34px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#EBEBEB, #EBEBEB);
  background-repeat: no-repeat;
  background-position-y: 2rem;
  margin: 0px -34px 0rem -34px;
}

.event-card-fixed {
  display: block;
  height: var(--event-card-max-height);
  max-width: 480px;
  margin: 0px auto;
}
.event-card {
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid #EEE;
  border-width: 0 1px 1px 1px
}
.event-card-fixed .event-card-header {
  height: var(--event-card-max-header-height);
}
.event-card img {
  margin-top: 0;
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.event-card-footer {
  padding: 0 1rem 1rem 1rem;
}
.event-card .event-card-body, .event-card .event-card-footer {
  transition: transform 0.2s ease-in-out;
  background-color: rgba(255,255,255,0.95);
}
.event-card .event-card-body, .event-card .event-card-footer {
  transition: transform 0.2s ease-in-out;
  background-color: rgba(255,255,255,0.95);
}
.event-card:hover .event-card-body, .event-card:hover .event-card-footer {
  transform: var(--event-card-transform);
}
.event-card-fixed .event-card-footer {
  height: var(--event-card-max-footer-height);
}
.event-card-fixed .event-card-body {
  height: var(--event-card-max-body-height);
}
.event-card-body {
  flex: 1;
  padding: 1rem;
  color: #333;
}
.event-card-summary {
  font-weight: bold;
  color: #000;
}
.event-card-time {
  background-image: url(https://www.truebruinwelcome.ucla.edu/static/tbw2019/icons/icon-datetime.svg);
  background-repeat: no-repeat;
  padding-left: 1.2rem;
  background-size: 0.8rem;
  background-position-y: 0.3rem;
  margin-bottom: 0.2rem;
}
.event-card-location {
  background-image: url(https://www.truebruinwelcome.ucla.edu/static/tbw2019/icons/icon-location.svg);
  background-repeat: no-repeat;
  padding-left: 1.2rem;
  background-size: 0.8rem;
  background-position-y: 0.3rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 1;
  -moz-box-orient: vertical;
}
.event-card-description {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.event-card-body *:last-child {
  margin-bottom: 0;
}
.share-block {
  background: #FFF;
  padding: var(--content-padding);
}
.share-text, .share-link {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.share-text {
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: var(--content-padding);
}
.share-link {
  background: #FFF;
  word-wrap: break-word;
  /* text-align: center; */
}
.share-text, .share-link {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.ucla-button {
  font-size: 1.2rem;
  padding: 0.15rem 0.5rem;
  display: inline-block;
  border-radius: 0.15rem;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  color: #00598C;
  line-height: inherit;
  font-family: inherit;
  text-decoration: none;
}
ul.ucla-buttons li {
  display: inline;
}
.event-card {
  --category-color: #00598C;
}
.event-card-category {
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.event-card-category::before {
  content: '●';
  display: inline-block;
  width: 1.2rem;
  font-size: 1rem;
  color: #333;
  color: var(--category-color);
  line-height: 1.4rem;
}
.ucla-button-primary {
  border-color: #00598C;
  background-color: #00598C;
  color: #FFF !important;
}
.ucla-button:hover {
  background-color: #0179BF;
  border-color: #0179BF;
  color: #FFF;
}
.ucla-button-primary:focus {
  background-color: #0179BF;
  border-color: #0179BF;
  color: #FFF;
}
.ucla-button:active {
  background-color: #003B5C;
  border-color: #003B5C;
  color: #FFF;
}
.ucla-button-secondary {
  border-color: #00598C;
  background-color: #FFF;
  color: #00598C;
}
.ucla-button:hover {
  background-color: #0179BF;
  border-color: #0179BF;
  color: #FFF;
}
.ucla-button:active {
  background-color: #003B5C;
  border-color: #003B5C;
  color: #FFF;
}
.ucla-button-secondary:focus {
  border-color: #0179BF;
  background-color: #FFF;
  color: #0179BF;
}
.event-cards-home {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}
.event-cards-home .event-card-fixed {
  height:auto;
  text-decoration: none;
}

.event-cards-home .event-card-body {
  border-top: solid #00598C 0.375rem;
  border-top: solid var(--category-color) 0.375rem;
  transform: none;
  height: auto;
}
.event-cards-home .event-card:hover .event-card-body {
  transform: none;
}
}
@media (max-width: 1023px) {
  .event-cards {
    margin: 0px;
    grid-gap: 1rem;
    padding: 0px 1rem 34px 1rem;
  }
}
@media (max-width: 768px) {
  .event-cards, .event-cards-home {
    grid-template-columns: repeat(2, 1fr);
  }
  .event-cards-home .event-card-fixed {
    max-width:100% !important;
  }
  .event-cards-home .event-card-fixed .event-card-body {
    height: 200px;
    transform: none;
  }
}
@media (max-width: 600px) {
  .events-cards, .event-cards-home {
    grid-template-columns: 1fr;
  }
}
[data-ucla-calendar-theme-event-cards-category-hide=true] .event-card-category {
  display: none;

}
.event-card-header + .event-card-body {
  border-top-width: 0;
}



.js-eventlist {
  font-size: 16px;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.js-eventlist .eventlist-heading {
  font-size: 22.24px;
  text-align: center;
}

.js-eventlist .eventlist-month, .eventlist-summary {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}

.js-eventlist .eventlist-month span {
  display: inline-block;
  margin: 0 1rem;
  color: #666;
}

.js-eventlist .eventlist-month {
  margin-top: 2rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}

.js-eventlist .eventlist-month:before, .js-eventlist .eventlist-month:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: 'a0';
  background-color: #CCC;
}
.js-eventlist .eventlist-month:before {
  margin-left: -50%;
  text-align: right;
}
.js-eventlist .eventlist-event {
  margin: 1rem 0;
}
.js-eventlist .eventlist-description {
  padding-bottom: 2rem;
}
.js-eventlist .eventlist-location + .eventlist-description {
  margin-top: 1rem;
}
.js-eventlist .eventlist-collapsed .eventlist-description {
  display: none;
}
.js-eventlist .eventlist-collapsed:focus .eventlist-description {
  display: block;
}
.js-eventlist .eventlist-collapsed.js-fo-blur:focus .eventlist-description {
  display: none;
}
.js-eventlist .eventlist-collapsed.js-focus .eventlist-description,
.js-eventlist .eventlist-collapsed.js-focus:focus .eventlist-description {
  display: block;
}
.js-eventlist .eventlist-event p {
  margin: 0;
}
.js-eventlist .eventlist-dates {
  font-weight: bold;
}
.js-eventlist .eventlist-display-dates-false .eventlist-dates {
  display: none;
}
.js-eventlist .eventlist-display-location-false .eventlist-location {
  display: none;
}
.eventlist-category {
  display: inline-block;
  background-color: #EEE;
  color: #000;
  padding: 0 0.5rem;
  border-radius: 0.2rem;
}
.js-eventlist .eventlist-category {
  display: none;
}
.js-eventlist .eventlist-display-category-true .eventlist-category {
  display: inline-block;
}