<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

.slick-dots li button {
    border-radius: 0 !important;
}

.w-100 { width: 100%; }

.offScreen {
    position: fixed;
    top: -10000px;
    left: -10000px;
}

.RadWindow { z-index: 99999 !important; }

.ptl_page {
  min-height: 300px;
  overflow: visible;
  overflow-x: visible;
}

button[id*="btn_month"] {
 color: #000000 ;
}

#pubWrapper.headerLanguage {
    background: transparent !important;
    display: inline-block;
    vertical-align: top;
    margin: 1em 0;
}

#selectLang .pubDropdown-btn {
    width: 90px;
    color: #2d2d2d !important;
    background: #fff;
    display: inline-block;
    height: 32px !important;
    line-height: 32px !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
}

#selectLang .pubDropdown-btn:hover, #selectLang .pubDropdown-btn:focus {
  background: #2d2d2d !important;
  color: #ffffff !important;
}

#pubWrapper.headerLanguage .pubDropdown-wrapper .PublishedLinkMenu, #pubWrapper.headerLanguage .pubDropdown-wrapper .pubDropdown {
  left: auto !important;
  right: 0;
  top: 98%;
}

#pubWrapper .pubDropdown-wrapper .pubDropdown a {
  text-align: left;
}

.divSearchBox {
    display: inline-block;
    vertical-align: top;
    margin: 1em 0.6em;
    background: #fff;
}

#header-right .divSearchBox { margin-right: 0; }

.divSearchBox #ctl00_btnSearch img { display: none; }
.divSearchBox input#ctl00_SearchTerm { 
  border: none;
  font-size: 0.9em;
  line-height: 30px;
  height: 30px;
  width: 80%; }

#ctl00_btnSearch &gt; em { 
  padding: 0 4%;
}

#banner-search {
    margin: 0 auto;
    max-width: 500px;
    width: 90%;
}

#banner-search .divSearchBox {
  width: 96%;
  margin: 2%;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
}

#banner-search .divSearchBox input#ctl00_SearchTerm {
    width: 83%;
    line-height: 50px;
    font-size: 1.2em;
    color: #007eb6;
    padding: 0 10px;
}

#banner-search .divSearchBox input#ctl00_SearchTerm::placeholder {
    font-style: italic;
    font-weight: 300;
    color: #007eb6;
}

#banner-search .divSearchBox #ctl00_btnSearch &gt; em {
    line-height: 54px;
    padding: 0 5%;
    color: #fff;
    background: #2d2d2d;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#banner-search .divSearchBox #ctl00_btnSearch:hover &gt; em,
#banner-search .divSearchBox #ctl00_btnSearch:focus &gt; em {
    line-height: 54px;
    color: #2d2d2d;
    background: #fff;

    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
}


/*--- COLOR GUIDE - FIND AND REPLACE THESE COLORS

Dom     : @color1

Sec     : @color2

---*/


/* --------------------- CLASSES ---------------------- */

.black, .subpage .ptl_page a.black, .deptpage .ptl_page a.black {
    background: #2d2d2d;
    color: #fff;
}

.black:hover, .subpage .ptl_page a.black:hover, .deptpage .ptl_page a.black:hover {
    color: #2d2d2d;
    background: #fff;
}

a.event, .subpage .ptl_page a.event, .deptpage .ptl_page a.event { color: #2D2D2D; }

.bg-gradient, .subpage .ptl_page .bg-gradient, .deptpage .ptl_page .bg-gradient {
background: rgba(61,61,61,1);
background: -moz-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(30%, rgba(61,61,61,1)), color-stop(100%, rgba(45,45,45,1)));
background: -webkit-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -o-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -ms-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: linear-gradient(to right, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2d2d2d', GradientType=1 ); }



.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

background: rgba(61,61,61,1);
background: -moz-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(30%, rgba(61,61,61,1)), color-stop(100%, rgba(45,45,45,1)));
background: -webkit-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -o-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -ms-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: linear-gradient(to right, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2d2d2d', GradientType=1 );

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right.white:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

  background: #ffffff;

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

 .hvr-sweep-to-right.rounded:before { border-radius: 100px; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

h4.panel-title {
background: rgba(61,61,61,1);
background: -moz-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(30%, rgba(61,61,61,1)), color-stop(100%, rgba(45,45,45,1)));
background: -webkit-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -o-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: -ms-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
background: linear-gradient(to right, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2d2d2d', GradientType=1 );
}


.rounded {
  display: inline-block;
  border-radius: 100px;
  padding: 2px 18px;
  transition: all .2s ease-in-out; 
  -webkit-transition: all .2s ease-in-out;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.8em; }


/* --------------------- COLORS ---------------------- */

/*--Link Color--*/
/*a, a:hover {
 color: #2d2d2d;
}*/

.subpage .ptl_page a, .deptpage .ptl_page a {
 color: #016588;
}

/*-- Under banner ribbon BG color --*/
.row.bg-d {
 background: #2d2d2d;
}

/*-- Upcoming events month/time color --*/
.month, .when-to-when {
 color: #1f6483;
}

/*-- Sidenav LV2 border left color --*/
.sitenavl1 a.navLink {
 border-left-color:  #2d2d2d;
}



body .w-33, body .w-66, body .w-30 { 
  float: none;
  display: inline-block;
  vertical-align: top; }

.homepage .w-66 &gt; .inside-padding, .homepage .w-33 &gt; .inside-padding { padding: 14px; }

.mb-0 &gt; .inside-padding { padding: 0px 10px 0px 10px; }

#header &gt; .inside-padding { padding: 20px 10px 20px 10px; position: relative; }

#content-col-wrapper.row {
 margin-bottom: 0px;
}

body {
 background: #f4f4f4;
 font-family: 'Open Sans', sans-serif;
 font-weight: 400;
}


/***** Header *****/

#header {
  margin-bottom: -30px;
  position: relative;
  z-index: 9999;
}

#header-left {
 width: 60%;
 float: left;
}

#header-right {
 float: left;
 width: 40%;
}

#logo {
 float: left;
 width: 30%;
}

#logo img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

#school-name {
 float: left;
 width: 83%;
}

#school-name h1 {
 margin: 0px;
 font-family: 'Open Sans', sans-serif;
 text-transform: uppercase;
 font-size: 33px;
 padding: 5px 10px 10px 10px;
 font-weight: normal;
}

#header-left a {
 display: block;
-webkit-transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}

#header-left a:hover {
    text-decoration: none !important;
}

.sb-r ul {
   display: inline-block;
}
ul.sizeable {
    /*list-style-type: none;*/
    padding-left: 20px;
}
.sb-r ul.sizeable {
    list-style: none;
}

.sb-r ul {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.sb-r {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  float: right;
  width:100%;
}
a.print {
    color: #2d2d2d;
}

.sb-r ul li {
    display: inline-block;
	margin-left: 10px;
}

.sb-r ul a {
    background: #ffffff;
    color: #2d2d2d;
    text-decoration: none;
    padding: 4px;
    line-height: 24px;
    display: block;
    width: 24px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
 }

.sb-r ul a:hover, .sb-r ul a:focus { 
  background: #2d2d2d !important;
  color: #ffffff !important; }


.sec-header.news, .sec-header.events {
  margin-bottom: 10px;
}

.sec-header.events { padding: 0 6px; }

.sec-header { vertical-align: middle; }
/*.not-homepage .sec-header { display: inline-block; }
.not-homepage .sec-header h2 { margin: 0; }*/

.sec-header h2, .sec-header h3 {
    display: inline-block;
    margin: 0px 0px 8px;
    color: #2d2d2d;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.policeDept .sec-header h2, .policeDept .sec-header h3 {
    color: #2d2d2d;
}


#nav_sec-header {
    display: flex;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 6px solid #2d2d2d;
}

.policeDept #nav_sec-header {
    border-bottom: 6px solid #2d2d2d;
}

#nav_sec-header .panel-title {
  display: inline-block;
  vertical-align: middle;
}

#nav_sec-header .panel-title a { display: block; }

#nav_sec-header .panel-title a span {
    color: #2d2d2d;
    width: 38px;
    height: 36px;
    line-height: 28px;
    text-align: center;
}

.policeDept #nav_sec-header .panel-title a span {
    color: #2d2d2d;
}

#nav_sec-header .panel-content {
  position: absolute;
  z-index: 99;
  background: #fff;
  width: 340px;
  top: 30px;
}

#nav_sec-header &gt; .sec-header { display: inline-block; }
#nav_sec-header &gt; .sec-header h2 { font-size: 1.6em; line-height: 1.2em; }

#nav_sec-header #control-panel-0:focus {
  outline: none;
  box-shadow: none;
}
#nav_sec-header #control-panel-0.is-focused{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(21,90,143,1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(21,90,143,1);
    box-shadow: 0px 0px 12px 0px rgba(21,90,143,1);
}



.not-homepage #page { position: relative; }
/*.not-homepage #page:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 80px; 
  top: -90px;
  background-image: url('http://cityofroseville.hosted.civiclive.com/UserFiles/Servers/Server_7964838/Templates/gradient-bg-1.png');*/

.featured-image.hasfi:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100px; 
  bottom: 0;
  background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_7964838/Templates/gradient-bg-1.png');
  background-size: contain;

/*background: rgba(244,244,244,0);
background: -moz-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,0)), color-stop(100%, rgba(244,244,244,1)));
background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
background: -o-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0 );*/
}
 

.not-homepage #main-content &gt; .inside-padding { 
  padding: 0;
}

.not-homepage .w-66 &gt; .inside-padding, .not-homepage .w-33 &gt; .inside-padding { 
  padding: 20px 0;
}

.not-homepage.deptpage .w-66 &gt; .inside-padding:nth-child(2), .not-homepage.deptpage .w-33 &gt; .inside-padding:nth-child(2) {
  margin-top: 20px;
}

.not-homepage .w-33:not(.btnWrapper) {
    margin-top: -60px;
}

.not-homepage .w-66:not(.btnWrapper) {
    width: 62%;
    margin-left: 1%;
    margin-right: 3%;
}

.dept-contact {
    display: block;
    text-align: center;
    padding: 16px;
    margin: 10px;
    color: #fff !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
}

.dept-contact:hover, .dept-contact:focus {
    color: #2d2d2d !important;
    background: #fff !important;
    text-decoration: none;
}

.dept-intro { padding: 10px; }

.dept-intro h4 {
    margin-top: 0;
}

.newsHomepage .ptl_col_1 { width: 100%; padding: 1% 0; }

.newsSubpage .ptl_col_2_3 { width: 66%; padding-left: 0; }

.newsSubpage .ptl_col_1_3 { width: 32%; padding-right: 0; }

.newsHomepage #nav_sec-header { display: block; }

.newsHomepage #nav_sec-header &gt; .sec-header { width: 80%; vertical-align: top; }

.newsHomepage #nav_sec-header &gt; .sec-header, 
.newsSubpage #nav_sec-header &gt; .sec-header { margin-bottom: 0; }

.newsHomepage #inside-nav .sitenavl1 { display: none; }

.newsSubpage .sec-header.news h2 {
    font-size: 24px;
    letter-spacing: 1px; }

a#share {
    background: #2d2d2d;
    color: #ffffff; }

a#share:hover {
    color: #2d2d2d;
    background: #ffffff; }

#news_content_date .date {
    color: #2d2d2d; }




/***** #ql-sec *****/

.homepage #ql-sec {
    /*background: -moz-linear-gradient(top, rgba(244,244,244,0) 40%, rgba(244,244,244,1) 70%);
    background: -webkit-linear-gradient(top, rgba(244,244,244,0) 40%,rgba(244,244,244,1) 70%);
    background: linear-gradient(to bottom, rgba(244,244,244,0) 40%,rgba(244,244,244,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 );*/

    position: relative;
    z-index: 999;
    top: -250px;
    margin-bottom: -250px;
    background-image: url('http://cityofroseville.hosted.civiclive.com/UserFiles/Servers/Server_7964838/Templates/gradient-bg-1.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: auto 48%; }

.homepage #ql-sec .inside-padding {
  max-width: 1000px; }

.Sdept #ql-sec{
    position: relative;
    z-index: 999;
    top: -200px;
    margin-bottom: -180px;
    background-image: none; }

.Sdept #ql-sec .inside-padding {
  max-width: 1000px; }
  
.rosevilleQL &gt; ul &gt; li div {
    color: #2d2d2d;
}


/**** News ****/

.rounded.black {
    color: #fff;
    display: inline-block;
    float: right;
}

.rounded.black:hover, .rounded.black:focus {
    color: #2d2d2d;
    background: #fff;
    text-decoration: none; 
    box-shadow: 0px 0px 2px 2px #d8d8d8;
    -moz-box-shadow: 0px 0px 2px 2px #d8d8d8;
    -webkit-box-shadow: 0px 0px 2px 2px #d8d8d8;
}

.sec-header.news .slick-dots li button {
    background: #afb2b3;
    margin: 0 6px; }

.sec-header.news .slick-dots li.slick-active button, #nav_sec-header .slick-dots li.slick-active button {
  background: #2d2d2d; 
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#nav_sec-header .slick-dots li.slick-active button {
    background: #2d2d2d;
}

#gc-news .content {
    background: rgba(45, 45, 45, 0.9); }

#gc-news .content:before{
    background: -moz-linear-gradient(top, rgba(45, 45, 45, 0) 0%, rgba(45, 45, 45, 0) 15%, rgba(45, 45, 45,0.9) 75%, rgba(45, 45, 45,0.9) 99%);
    background: -webkit-linear-gradient(top, rgba(45, 45, 45, 0) 0%,rgba(45, 45, 45, 0) 15%,rgba(45, 45, 45,0.9) 75%,rgba(45, 45, 45,0.9) 99%);
    background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0%,rgba(45, 45, 45, 0) 15%,rgba(45, 45, 45,0.9) 75%,rgba(45, 45, 45,0.9) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d',GradientType=0 );
}

#gc-news  .read-more:hover .content, #gc-news  .read-more:focus .content {
    background: rgba(45, 45, 45, 1); }

#gc-news .row .read-more:hover .content:before, #gc-news .row .read-more:focus .content:before {
    background: -moz-linear-gradient(top, rgba(45, 45, 45,0.5) 0%, rgba(45, 45, 45,0.5) 80%, rgba(45, 45, 45,0.98) 99%, rgba(45, 45, 45,1) 100%);
    background: -webkit-linear-gradient(top, rgba(45, 45, 45,0.5) 0%,rgba(45, 45, 45,0.5) 80%,rgba(45, 45, 45,0.98) 99%,rgba(45, 45, 45,1) 100%);
    background: linear-gradient(to bottom, rgba(45, 45, 45,0.5) 0%,rgba(45, 45, 45,0.5) 80%,rgba(45, 45, 45,0.98) 99%,rgba(45, 45, 45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802d2d2d', endColorstr='#2d2d2d',GradientType=0 );
}

.archive_news ul.slick-dots li.slick-active button {
    border-bottom: 4px solid #2d2d2d;
}

.archive_news ul.slick-dots li button:hover, 
.archive_news ul.slick-dots li button:focus {
    color: #fff;
    background: #2d2d2d;
    border-bottom: 4px solid #2d2d2d;
}





/**** Events ****/

.sec-header.events .slick-dots li button {
    background: #afb2b3;
    margin: 0 6px; }

.sec-header.events .slick-dots li.slick-active button {
    background: #2d2d2d;
}

#upcomingEvents .bg-gradient, #upcomingEvents .bg-gradient, 
a.event .dateOrb span, a.event .dateOrb span {
    background: #ffffff;
}

#upcomingEvents .bg-gradient:hover, #upcomingEvents .bg-gradient:focus, 
a.event:hover .dateOrb span, a.event:focus .dateOrb span {
  color: #ffffff;
  background: transparent;
}

#upcomingEvents .bg-gradient:hover, #upcomingEvents .bg-gradient:focus {
    background: rgba(61,61,61,1);
    background: -moz-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(30%, rgba(61,61,61,1)), color-stop(100%, rgba(45,45,45,1)));
    background: -webkit-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
    background: -o-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
    background: linear-gradient(to right, rgba(61,61,61,1) 30%, rgba(45,45,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2d2d2d', GradientType=1 );
}





/**** Dept ql-row ****/

.not-homepage .ql-line {
    border-top: 6px solid #2d2d2d;
}

.quick-links ul a.bg-gradient:hover, .quick-links ul a.bg-gradient:focus {
  color: #2d2d2d !important; }


/**** Image Button ****/

.buttonText span {
    background: #2D2D2D;
}


/***** social *****/

ul#social {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }

ul#social li {
  flex-grow: 1;
  background: #2D2D2D;
  font-size: 0.8em;
  vertical-align: top;
  border-right: 1px solid #b7b7b7; }
ul#social li:last-child { border: none; }

#social li.icn a {
  padding: 14px 0;
  margin: 0 auto;
  text-align: center;
  display: block;
  line-height: 100%;

 -webkit-transition: all 100ms linear;
 -moz-transition: all 100ms linear;
 -o-transition: all 100ms linear;
 -ms-transition: all 100ms linear;
 transition: all 100ms linear;
}

#social li.icn a:before,
#social li.icn a_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#social li .fa {
  font-size: 1.6em;
  color: #fff; }

#social li img {
    vertical-align: middle;
    height: 18px;
    width: auto;
    margin: 1px 0; }

.inner-bar {
 max-width: 1200px;
 margin: 0px auto;
 padding: 0px;
}

#banner.row {
 margin-bottom: 0px;
 background: #ffffff;
}

#banner .inside-padding {
 padding: 0px;
}

.nivoSlider {
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}

a.nivo-prevNav, a.nivo-nextNav {
    opacity: 0.8;
    text-indent: 0 !important;
    font-size: 0.001em;
    background-image: none !important;
    width: 60px !important;
    height: 60px !important;
    text-align: center;
}

a.nivo-prevNav:hover, a.nivo-nextNav:hover,
a.nivo-prevNav:focus, a.nivo-nextNav:focus {
    opacity: 1;
}

a.nivo-prevNav &gt; em, a.nivo-nextNav &gt; em {
    font-size: 66px;
    color: #fff;
}

.nivo-controlNav { display: none; }

#RSSLink {
 position: absolute;
 top: -49px;
 right: 10px;
}

.inside-bg {
 background: #ffffff;
 padding: 15px 0px 10px 0px;
}

.eventPlaceHolder {
 margin: 20px auto 0px;
 width: 90%;
}

.information { margin-left: 0px; }

.name-of-event, .time {
 margin-left: 10px;
}

.more-events { display: none; }




/***** Footer *****/

#footer .inside-padding {
 max-width: 1200px;
 padding: 30px 10px;
}

#footer-left {
 width: 60%;
 display: inline-block;
 vertical-align: middle;
 color: #fff;
}

#footer-right {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

#footer h3 {
 font-family: 'Open Sans', sans-serif;
    margin: 0px;
    font-size: 16px;
    color: #fff;
}

.footer-address {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.footer-links {
    display: inline-block;
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 400;
    background: #f4f4f4;
    padding: 4px 40px;
    margin: 4px 0;
    border-radius: 100px;
  transition: all .2s ease-in-out; 
  -webkit-transition: all .2s ease-in-out;
}

#footer-right a.footer-links {
    width: 130px;
    text-align: center;
    padding: 4px 20px;
    margin: 8px;
}

a.footer-links:hover, #footer-right a.footer-links:hover, #footer-right a.footer-links:focus {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
}




/***** Credit *****/

.credits {
 background: #2d2d2d;
 text-align: center;
 color: #ffffff;
 padding: 5px;
 margin: 0px auto;
}

.label_skin_corporation {
 font-size: 12px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
}

.label_skin_corporation a {
 color: #ffffff;
 text-decoration: none;
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
}

.label_skin_corporation a:hover {
 color: #ffffff;
 text-decoration: underline;
}


.subpage #page, .deptpage #page, .not-homepage #page {
 max-width: 1200px;
 margin: 10px auto 0px;
}

#sub-content-left {
 width: 23%;
 float: left;
}

#sub-content-right {
 width: 100%;

}

#breadcrumbs {
 margin: 0px 0px 15px;
}

a.navLink {
 display: block;
 padding: 6px;
}




/**** Site Nav ****/

.currentpage:not(:only-child) { display: none; }

.sitenavl0.currentpage a.navLink {
 background: #f5f5f5;
}

.sitenavl1 a.navLink {
 border-left-width: 3px;
 border-left-style: solid;
 padding: 3px 6px 3px 6px;
 margin: 6px 0px 6px 0px;
}




/*** END OF DROPDOWN MENU STYLES ***/

#mobile-bar {
 line-height: 40px;
 color: #282828;
 text-indent: 15px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
 color: #000000;
}



@media screen and (max-width: 1050px) {
	
  .ql-row { width: 96%; margin: 0 auto; }

  .sec-header .rounded.black { 
    float: none;
    margin-bottom: 10px;
 }

  #nav_sec-header {
    width: 98%;
    margin: 0 auto;
  }

}

@media screen and (max-width: 1000px) {
  #CMS_admin_ToolBar, #placeholder-CMS_admin_ToolBar { display: none; }
}


@media screen and (max-width: 900px) {

  body .w-33, body .w-66, body .w-30, .not-homepage .w-66, .not-homepage .w-33, .not-homepage .w-30, .newsSubpage .ptl_col_1_3, .newsSubpage .ptl_col_2_3, .not-homepage .w-66:not(.btnWrapper) {
    display: inline-block;
    width: 96%;
    margin: 0 2%;
  }
  
  .not-homepage .w-66 &gt; .inside-padding, .not-homepage .w-33 &gt; .inside-padding { padding: 20px; }
  
  #nav_sec-header {margin: 0 auto;}

  .inner-bar &gt; .container { display: none; }

  .hasfi { height: 300px !important; }
  
  .featured-image img { width: 80%; max-width: 320px; }
  
  .not-homepage .w-33, .not-homepage .w-33:not(.btnWrapper) { margin-top: 0px; }
  
  .Sdept #ql-sec {
    position: static;
    margin-bottom: 0;
    background: none;
  }
  
  .dept-intro { text-align: center; }

}

@media screen and (max-width: 840px) {
/*  .responsiveTemplate #pubWrapper.responsive &gt; .container { display: inline-block !important; }*/



}


@media screen and (max-width: 730px) {
  .sb-r {
    float: none;
    display: block;
    text-align: center;
  }

 .not-homepage.subpage .sec-header, .not-homepage.deptpage .sec-header {
    display: block;
 }
 
 .responsiveTemplate #inside-nav { margin-top: 0; }

}

.new-translate .translate_btn {
    width: auto;
    color: #203367 !important;
}

.new-translate .translation-languages li a {
    width: auto;
    text-align: left;
}

.new-translate .translation-languages li {
    display: block;
    margin: 0;
}

.new-translate .translation-languages {
 display: none;
}
</pre></body></html>