@charset "UTF-8";

.transp-bg-left {
  background-image: url(https://berkleynms.schoolzineplus.com/_image/media/2/pattern-left.png);
  background-repeat: repeat; 
}

.transp-bg-right {
  background-image: url(https://berkleynms.schoolzineplus.com/_image/media/1/pattern-right.png);
  background-repeat: repeat; 
}


/* Header Bottom Border */
.main-header {
	border-bottom: 2px solid #ffffff;	
}

/* Heading1Section Gradient */
#Offline .Heading1Section, #Offline #header, #Offline .PageHeading, .mobile-sponsors .Heading1Section, .mobile-content-holders .item-header, .bg-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#167380+0,2a8793+100 */

background: #167380; /* Old browsers */

background: -moz-linear-gradient(45deg,  #167380 0%, #2a8793 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  #167380 0%,#2a8793 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  #167380 0%,#2a8793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167380', endColorstr='#2a8793',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


color: #ffffff  /* Text colour change - optional*/
}


/* Print Button Gradient */
.print-newsletter {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#167380+0,2a8793+100 */

background: #167380; /* Old browsers */

background: -moz-linear-gradient(45deg,  #167380 0%, #2a8793 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  #167380 0%,#2a8793 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  #167380 0%,#2a8793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167380', endColorstr='#2a8793',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

/* Print Button Hover Gradient */
.print-newsletter:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a8793+0,167380+100 */

background: #2a8793; /* Old browsers */

background: -moz-linear-gradient(45deg,  #2a8793 0%, #167380 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  #2a8793 0%,#167380 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  #2a8793 0%,#167380 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a8793', endColorstr='#167380',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


/* Top Icon Colour */
.top-menu.wrapper li a, .top-menu.wrapper li i, .mobile-menu-title, .mobile-menu-toggle {
    color: #ffffff;
}

/* Top Icon Hover Colour */
.top-menu.wrapper li:hover a, .top-menu.wrapper li:hover i {
    color: #ffffff;
}


/* Print Button Text Colour */
.fixed-menu .print-newsletter span, .fixed-menu .print-newsletter i {
    color: #ffffff;
    text-shadow: none !important;
}

.sidepanel.left p.ImageCenter img {
    background: -moz-linear-gradient(center top , #fff, #dfdfdf 50%, #cecece) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

.main-nav li {
    text-shadow: none !important;
}
.main-nav li:hover, .main-nav li.active {

}