/* responsive styles */
@media only screen and (max-width: 960px) {
  ul.mega-menu.responsive-web > li.mm-item {
    margin: 0px;
  }

  ul.mega-menu.responsive-web > li.mm-item.opened > a.mm-item-link {
    color: #fff;
    background: #142C54;
    border: none;
  }

  ul.mega-menu.responsive-web a.mm-item-link:link,
  ul.mega-menu.responsive-web a.mm-item-link:visited {
    font-size: 14px;
    border: 1px solid transparent;
  }

  li.responsive-button, li.responsive-button.active {
    background: #55ACEE;
    border-radius: 15px;
    width: 8em;
  }

  ul.mega-menu.responsive-web a.mm-item-link-hover:link,
  ul.mega-menu.responsive-web a.mm-item-link-hover:visited {
    color: #808080;
    background: #142C54;
    /*border: 1px solid #777;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
  }

  ul.mega-menu.responsive-web > li.mm-item.opened > a.mm-item-link {
    border-bottom: 1px solid transparent;
  }

  ul.mega-menu.responsive-web .mega-menu-sub > li {
    border: none;
  }

	.rm, .rs-link {
  		padding-top: 20px;
	}

  .accButton.accButton {
    width: 100%;
  }

	  .editable.corners.clearfix > img, td> img, h1> img, p > img {
		width: 150px !important;
  		height: 215px !important;
	}
	.MsoNormal span img {height: 215px !important}
	.MainCol_Buttons a > img {width: 90% !important;}
	em > img {width: 150px !important; height: 215px !important;}

	.ContentTemp_SideCol.ContentTemp_SideCol {float:left;}

	.ST_Slideshow .slideSelect div {width: 23%; !important}
	.ST_Slideshow.ST_Slideshow {width: 97%;}
	.ST_Slideshow .slideSelect.slideSelect{width: 100%;}
	.editable.corners.clearfix table {width: auto !important;}
	
}
/* more of the intern's overrides */
#portals .mm-content-base, .mm-item-content, .mm-js-shadow {
  border-radius: 15px;
  background-color: #142C54;
  /*********/
  width: 100%;
  left: -20px;
  min-height: 250px;
}


#header .utility {
  margin-bottom: 20px;
}


#footer .FooterLogo {
  width: auto;
  bottom: 0;
  left: 0;
  vertical-align: middle;
  float: none;
  top: 0;
}


#footer .FooterSeal {
  float: none;
  bottom: 0;
  right: 0;
}

#footer .FooterSeal img {
  margin: 5% auto 0;
}

nav .mega-menu, .responsive-web {
  padding-top: 1%;
  height: 100%;
}

nav .mega-menu {
  white-space: normal;
  /*position: relative;*/
}

ul.mega-menu div.mm-item-content, ul.mega-menu div.mm-item-content-x {
  border-color: #55ACEE;
}

#portals .mm-item-expand {
  border-color: #ABBDCD transparent transparent;
}

@media screen and (max-width: 960px) {
  #portals .mm-content-base, .mm-item-content, .mm-js-shadow {
    width: auto;
    left: 0px;
    border-radius: 0;
  }

  .mega-menu .sf-menu li {
    display: block;
    margin-top: 0;
    width: auto;
  }

  .mega-menu .sf-menu {
    width: 90%;
  }

  #portals ul.mega-menu.responsive-web .mega-menu-sub > li {
    border: transparent;
  }

  #portals .mm-content-base, .mm-item-content, .mm-js-shadow {
    
  }

  #portals .mega-menu-sub .sf-menu {
    width: 90%;
    padding: 0 7%;
  }

  #portals .mega-menu-sub .sf-menu li, #portals .mega-menu-sub .sf-menu li a {
    width: 100%;
  }
}
/*.responsive-web, .responsive-button, .active {
  width: 100%; 
}*/
.container ~ .container {
  width: 960px;
}

.aspNetHidden + .container {
	width: 960px;
}

#carousel-section .jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 95%;
  height: 60px;
}

#carousel-section .jcarousel-skin-tango {
  width: 98%;
}

#carousel-section .jcarousel-skin-tango .jcarousel-container-horizontal {
  padding: 0px 30px;
  width: 93%;
}

#carousel-section {
  width: 99%;
}

.island {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}

.mm-content-base .island a, .elected-officials-buttons li a {
  color: #fff;
  text-decoration: none;
}

.mm-content-base .island a:hover, .elected-officials-buttons li a:hover {
  color: #fff;
  text-decoration: underline;
}

.col .elected-officials-buttons li {
  background: -webkit-gradient(linear, left top, left bottom, from(#a1bcd5), to(#88a0b7));
  background: -webkit-linear-gradient(top, #a1bcd5, #90a9c0, #88a0b7);
  background: -webkit-gradient(linear, left top, left bottom, from(#a1bcd5), color-stop(#90a9c0), to(#88a0b7));
  background: linear-gradient(to bottom, #a1bcd5, #90a9c0, #88a0b7);
  margin-top: 10px;
  text-align: center;
}

.mm-content-base .col {
  vertical-align: top;
}

.elected-officials-buttons {
  margin: 0px auto;
  width: 100%;
  padding: 0px;
  font-size: 14px;
}

#header .utility > ul > li {
 margin: 0 0 0 5px; 
}

#qtiForm > .container {
  width: 960px;
}

@media screen and (max-width: 60em) {
  .container, #content, #qtiForm > .container {
    width: 98%;
  }

	#carousel-section, .jcarousel {
  		margin: 10px 0px 20px;
	}
}
@media screen and (max-width: 960px) {
  #main {
    float: left;
    margin-bottom: 2%;
  }

  #sidebar {
    float: left;
  	min-height: 0;
  }

  #aside {
    width: 94%;
  }

}
@media screen and (max-width: 32em) {
  #main {
    display: inline-block;
    float: none;
    margin: 0;
    width: 100%;
  }

  .tab-news, .tab-events, .tab-highlight {
    width: 30%;
  }

  ul.tabs li a {
    font-size: 0;
  }

  .tabs {
    font-family: Arial;
    width: 100%;
  }
}




@media screen and (max-width: 60em) {

  .container ~ .container, .aspNetHidden + .container {
    width: 100%;
  }

  #main {
    width: 93%;
  	min-height: 0;
  	margin-bottom: 8% !important;
  }

  .tabs {
    width: 100%;
  }

  .tab-news, .tab-events, .tab-highlight {
    width: 33%;
  }

  #aside, .aside-section {
    display: inline-block;
  }

  .aside-section {
    float: left;
    width: 98.5%;
    background-color: rgba(246, 249, 252, 0.9);
    margin-right: 1%;
  	margin-bottom: 8%;
  }

  .calendar-button, .caledar-button > a {
    display: inline-block;
  }

  .mapit {
    float: right;
  }

  .tab_container {
    width: 99.4%;
  }

  #portals .mm-item {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }


  #portals {
    margin: 0 auto;
  	margin-top: 10px;
  }

  .MenuItemPop, .MenuItemOverPop {
    width: 100%;
  }

  tbody {
    width: 100%;
  }

  .MenuGroupPop {
    width: 100%;
  }


  .MenuItemPop td, .MenuItemOverPop td {
    text-align: center;
  }

  #main, #sidebar {
    margin: 0 auto 2% auto;
  }

/*	#default.grid_12 {
    	width: 100%;
  		margin: 0 auto;
	}*/

	#tools .breadcrumbs {
    	width: 100%;
	}
}


.elected-officials-buttons a {
  color: #fff;
  text-decoration: none;
}

.elected-officials-buttons a:hover {
  color: #fff;
  text-decoration: underline;
}


#banner img {
  width: 73.3em !important;
}

#banner#banner {
    width: 73.3em !important;
}

@media screen and (max-width: 22.5em) {
  ul.tabs li a {
    font-size: 0;
  }

	

	#aside a.mapit img {
   		width: 100%;
	}

	.calendar-button, .caledar-button > a {
    	width: 100%;
    	text-align: center;
	}

	.mapit {
   	 float: none;
	}

	.ttb-panel {
  		width: 180px;
	}

}
@media only screen and (min-width: 960px) {
  #portals ul.mega-menu.responsive-web > li {
    display: inline-block !important;
    float: none !important;
  }

  #portals ul.mega-menu.responsive-web > li.responsive-button {
    display: none !important;
  }
}
@media only screen and (max-width: 960px) {
  #portals ul.mega-menu.responsive-web > li {
    display: none !important;
  }

  #portals ul.mega-menu.responsive-web > li.responsive-button {
    display: block !important;
    float: none !important;
  }

  #portals ul.mega-menu.responsive-web > li > a.mm-item-link.mm-item-link.mm-item-link {
    display: block !important;
    margin-right: 0px !important;
    padding: 8px 30px;
  }

  #portals ul.mega-menu.responsive-web li.mm-item a.mm-item-link span.mm-item-expand {
    float: right !important;
    top: 8px !important;
  }

  #portals ul.mega-menu.responsive-web li.mm-item.opened a.mm-item-link span.mm-item-expand {
    top: 2px !important;
    float: right !important;
  }

  #portals ul.mega-menu.responsive-web .mega-menu-sub > li {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    width: 95%;
    text-align: center;
  }

  #portals ul.mega-menu.responsive-web .sf-menu a {
    border: none !important;
    display: inline-block !important;
    *display: inline !important;
    *zoom: 1 !important;
    width: 90%;
  }

  #portals ul.mega-menu.responsive-web > li.mm-item {
    margin-top: 5px !important;
  }

  #portals ul.mega-menu.responsive-web > li.mm-item.opened > a.mm-item-link {
    position: relative;
    color: #FFF;
    padding: 8px 30px;
    text-decoration: none;
    z-index: 10;
    font-size: 14px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    background: #628fda;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    border-radius: 3px 3px 0px 0px;
  }

  #portals ul.mega-menu.responsive-web > li > div.mm-item-content-x {
    position: static;
  }

  #portals ul.mega-menu.responsive-web > li.mm-item:not(.opened) > div.mm-item-content-x {
    display: none;
  }

  #portals ul.mega-menu.responsive-web > li > div.mm-item-content-x.opened {
    display: block !important;
  }

  #portals ul.mega-menu.responsive-web div.mm-js-shadow {
    display: none;
  }

	#banner {
  		display: none;
	}

	#portals ul.mega-menu a.mm-item-link-hover {
  		
	}
}
@media (min-width: 60em) {
  .row {
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  .col {
    display: table-cell;
  }
  #portals .mm-item-content {
  	left: -7px !important;
    border: none;
    height: 275px !important;
    width: 101% !important;
  }
  #portals .mm-content-base {
    width: 100%;
  	left: 0 !important;
  }

  #portals .mm-content-base  {
  	padding: 0 !important;
    min-height: 100%;
    text-align: center;
  }

  .island a img {
  	margin-top: 10%;
  }
  .elected-officials-buttons {
    margin: 1.2em -10px !important;
  }

  /*.mega-menu .mega-menu-sub.sf-menu {
  	padding: 0px !important;
	margin: 0px 8% !important;
  }*/
}

@media (max-width: 615px) {
  #carousel-section .jcarousel-skin-tango .jcarousel-container-horizontal,
  .jcarousel .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 90%;
  }
}
@media (max-width: 455px) {
  #carousel-section .jcarousel-skin-tango .jcarousel-container-horizontal,
  .jcarousel .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 85%;
  }
}
@media (max-width: 355px) {
  #carousel-section .jcarousel-skin-tango .jcarousel-container-horizontal,
  .jcarousel .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 75%;
  }
}

@media (max-width: 865px) {
  #header .utility {
 	 margin-top: 20px;
	}
}
@media (max-width: 55em) {
  #header .social {
 	 margin-bottom: 10px;
	}
}

@media (max-width: 41.75em) {
 	 .tab-news, .tab-events, .tab-highlight {
    	width: 32%;
	}

	.tab_container {
    	border-top-right-radius: 10px;
	}
}

@media (max-width: 60em) {
  	#header .utility, #header .social {
    	display: none;
  	}
  
	.island {
  		text-align: inherit;
	}
}



@media (max-width: 48em) {
 	.island a > .island {
  		float: right;
	padding-top: 10%;
	width: auto;
	margin-right: 55%;
  	}

	.col {
  		margin-bottom: 20px;
	}

	 td> img, h1> img, p > img {
		width: 150px !important;
	}
}


@media (max-width: 37.75em) {
 	.island a > .island {
		margin-right: 45%;
  	}
}

@media (max-width: 31em) {
 	.island a > .island {
		margin-right: 20%;
  	}
	.editable.corners.clearfix table {width: 100% !important;}
	.MsoNormal span img {width: 85%;}
}



@media (max-width: 21.75em) {
 	.island a > .island {
		margin-right: 0;
  	}
}


@media (min-width: 34em) and (max-width: 60em) {
 	.aside-section {
   		 margin-bottom: 4%;
	}
}
@media (max-width: 32.5em) {

		#header .logo, #header .logo img {
  			width: 100%;
		}
}

@media only screen and (min-width: 960px) {
  .test--button {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  #tools {
    display: none;
  }
  #sidebar {
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: translateX(-104%);
  -ms-transform: translateX(-104%);
  transform: translateX(-104%);
  height: auto;
  width: 100%;
  }
  #default#default {
    /*-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);*/
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  
  .slide-bar {
    transform: translateX(0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translateX(0) !important;
  	-webkit-backface-visibility: hidden;
  	-webkit-perspective: 1000;
  }
  .slide-content {
/*	transition: all 0.5s ease 0s;
  -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;*/
  }
  .test--button {
    z-index: 3;
    margin: 1em 0px;
    padding: 1.2em 0px;
    color: #3E5D87;
    background: none repeat scroll 0% 0% #C4D2DF;
    font-size: 0.8em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    position: relative;
    width: 100%;
    display: block;
    letter-spacing: 1px;
    font-family: sans-serif;
    border-radius: 1ex;
  }
  .test--button:before {
    content: attr(data-content) " Menu \2630 ";
    font-size: 1.3em;
  }
  .test--button.slide:before {
    content: attr(data-content) " Menu \2630 ";
  }
  .test--button:hover {
    cursor: pointer;
  }
  
  
  /*test stuff*/
  #default.grid_12 {
    width: 100%;
    margin: 0px auto;
  }
  #footer {
    height: 100%;
    width: 100%;
    padding-right: 0;
  }
  ul.mega-menu.responsive-web li.responsive-button {
    padding: 14px 0;
  }
  #portals {
    width: 100% !important;
    padding-left: 0;
  }
  #header {
    width: 100%;
  }
  #header .logo {
    margin-left: 0;
  }
  #header .search {
    top: 88px;
    width: 100%;
    left: 0;
    margin: 0 auto;
  }
  #q.SEARCH_FORM_BOX {
    width: 100%;
    padding: 6px 0 6px 6px;
    margin: 0 auto;
  }
  #content {
    width: 98%;
    margin: 0px auto;
  }
  ul.mega-menu.responsive-web li.responsive-button {
    padding: 14px 0%; 
  }
  #portals ul.mega-menu.responsive-web > li.responsive-button {
    width: 93%;
  }
  #sidebar {
    padding: 10px 0;
    position: absolute;
    display: block !important;
  }
  .js-display-none {
  	  /*make sure users never see this, but allow iOS to grab it quickly*/
  	  left: -1%;
  	  position: absolute !important;
  	  z-index: 0;
  	-webkit-backface-visibility: hidden;
  }

  .slideUp {
  	-webkit-transition: all 0.5s ease 0s;
  	transition: all 0.5s ease 0s
  }
}