body {
	/* @todo fix relative path fixing in url() */
	background-color: #78A6C1;
	font: 100%/1.6 sans-serif;
	color: #222222;
	margin: 0;
	padding: 0 0 12px 0;
}

/* login form */
.tx-felogin-pi1 form {
    margin: 1rem 0;
}

.tx-felogin-pi1 legend {
    font-weight: bold;
}

.tx-felogin-pi1 fieldset {
    padding: .6rem 1.2rem 1.2rem;
}

.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"] {
    display: block;
    margin-bottom: .6rem;
}

.tx-felogin-pi1 input[type="submit"] {
    margin-top: 1rem;
}

/* @todo better way to handle dropdown visibility than min-height? */
#wrap {
	position: relative;
	overflow: hidden;
	min-height: 600px;
}

body.layout-sm #wrap-ms {
	background: #E4EDF3 url(/fileadmin/res/local1/res1/bg-sidebar.png) top left repeat-x;
}

#eplogo {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;

}

#footer nav.csc-frame-default {
	margin-top: 0;
}

#ripples {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -8px;
	height: 28px;
	background: url(/fileadmin/res/local1/res1/bg-ripples.png) left center repeat-x;
}

.csc-frame-default {
	margin: 1.2em 0;
	padding: 0 8px;
}

/* happens with insert records */
.csc-frame-default > .csc-frame-default {
	margin: 0;
	padding: 0;
}

.csc-frame-frame1,.csc-frame-frame2 {
	margin: 1.2em 8px;
	padding: 8px;
	overflow: hidden;
}

.csc-frame-frame1 p:last-child,
.csc-frame-frame2 p:last-child {
    margin-bottom:0;
}

/*
#header .csc-default,#header .csc-frame-frame1,#header .csc-frame-frame2 {
	margin: 0;
	padding: 0;
	text-align:center;
	background: none;
} */

.csc-frame-frame1 {
	border: 5px solid #BED6E0;
	border-radius: 6px;
	background: #FBF4AA url(/fileadmin/res/local1/res1/bg-header.png) left top repeat-x;
}

.csc-frame-frame2 {
	font-size: 0.9em;
	color: #007685;
	border: 1px solid #BED6E0;
	border-radius: 6px;
	background-color: #FFF;
}

#wrap-logo {
	text-align: center;
}

body.layout-sm #wrap-main {
	background-color: #FFF;
	overflow: hidden;
}

#headerbox {
	position: relative;
	background: #FBF4AA url(/fileadmin/res/local1/res1/bg-header.png) left top repeat-x;
	overflow:visible;
	z-index: 125;
}
#header {
	max-width: 1200px;
	position: relative;
	padding: 5px;
	margin: 0 auto;
}

#header .csc-frame-default {
	padding: 0;
	margin: 0 0 0.6em 0;
	overflow: hidden;
}

#header:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#header .internal-link-button {
	margin: 0;
	background-color: #4F833B;
}

body.layout-sm #wrap-colbox {
	padding: 0 5px;
	margin: 0 auto;
	clear:both;
	position: relative;
	overflow:hidden;
	background: url(/fileadmin/res/local1/res1/bg-wrap.png) left top repeat-x;
}

body.layout-sm #colbox {
	margin: 0 auto;
	overflow: hidden;
}

body.layout-sm #main {
}

body.layout-sm #wrap-sidebar {
	overflow: hidden;
	position: relative;
}
#body.layout-sm #sidebar {
}

#wrap-footer {
	overflow: hidden;
	padding: 0 5px 12px 5px;
}

#alertbox {
	overflow: hidden;
	padding: 12px 5px 0 5px;
}

#footer,
#alert {
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
	padding-top: 12px;
}

#footer {
		color: #FFF !important;
		background-color: #236E9B;
		border-radius: 0 0 6px 6px;
		font-size: 0.9em;
}

#footer a {
		color: #CCEBFF;
		text-decoration: none;
}

#footer a:hover {
		color: #FFF;
		text-decoration:underline;
}

#alert {
	text-align: center;
	max-width: 1192px;
	text-align: left;
	border: 4px solid #B35639;
	background-color: #6E2306;
	color: #FFFFFF !important;
	padding: 0;
}

#alert .news-list-date {
	font-style: italic;
	color: #F0D7CC;
}

#alert a {
	color: #F0D7CC;
	font-weight: bold;
}
#alert a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#alert h2 a {
	color: #FFFFFF;
/*	font-size: 1.2em; */
}

#alert .alert-tag {
	color: #FFFFFF;
	background-color: #B35639;
	padding: 0 0.4em;
	text-transform: uppercase;
}

/* responsive utility classes */
/*
.show-xs {}
.show-s {}
.show-m {}
.show-l {}
.show-xl {}
.hide-xs {}
.hide-s {}
.hide-m {}
.hide-l {}
.hide-xl {}
*/

/*
bootstrap grids

 480px - xsmall ??
 768px - small
>= 768px - medium
>= 992px - large
>= 1200px - xlarge

*/

/* for equal height columns, use display:table in IE = 9, otherwise use flexbox */
/* ****** http://stackoverflow.com/questions/2114757/css-equal-height-columns */
/* or use js */
/* http://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

/* 1 column */

body.layout-m #wrap-ms {

}
@media (min-width: 480px) {

	body {
		font-size: 90%;
	}

/* body size down from 100 to 90% instead -- 100%+smaller, I get 13pt. 90%, I get 14% */

}

@media (min-width: 768px) {

	#headerbox {
		position: relative;
	}
	#header {
		padding: 12px;
	}
/* 	#header {
		min-height: 64px;
	}
*/
	/* #header .csc-default > * {
		float: right;
	} */


	body.layout-sm #wrap-colbox {
		padding: 0 12px;
	}

	.csc-frame-default {
		padding: 0 32px;
	}
	#header .csc-frame-default {
		padding: 0;
	}

	.csc-frame-frame1,.csc-frame-frame2 {
		margin: 1.2em 32px;
		padding: 12px;
	}

/*
	#wrap-logo {
		text-align: left;
		float: left;
		margin-right: 10px;
	}
*/
	#wrap-footer {
		overflow: hidden;
		padding: 0 12px 12px;
	}
	#alertbox {
		overflow: hidden;
		padding: 12px 12px 0 12px;
	}


}

/* changed 2021-06-15 to make room for cyano tab */
/* @media (min-width: 960px) { */
@media (min-width: 1076px) {

	#header {
		min-height: 72px;
	}

	#header #utility {
		margin-left: 360px;
	}

	#wrap-logo {
		position: absolute;
		left: 121px;
		bottom: -63px;
		z-index: 150;
	}

	/* 2 column */
	body.layout-sm #colbox {
		max-width: 1200px;
		position: relative;
		overflow: hidden;
		z-index: 25;
	}

	body.layout-sm #wrap-ms {
		padding-left: 360px;
		width: auto;
		overflow: hidden;
		position: relative;
	}
	body.layout-sm #wrap-main {
		width: 100%;
		float: left;
		position: relative;
		overflow: hidden;
		min-height: 1px; /* fix for empty #main */
	}
	body.layout-sm #wrap-sidebar {
		background: none;
		border-top: 0;
		width: 360px;
		right: 360px;
		float: left;
		margin-top: 60px;
		overflow: hidden;
		position: relative;
		margin-left: -100%;
	}

}

/*
.csc-frame-default {
    margin-top: 1.2em;
    margin-left: 0;    
    margin-right: 0;
    margin-bottom: 1.2em;
}

.csc-frame-default + .csc-frame-default {
    margin: 0;
}

.wrap-shownavsub + .csc-frame-default {
    margin-top: 1.2em !important;
}
*//* link, visited, hover, active */ 
a {
	color: #236E9B;
	text-decoration: none;
}

a:visited {
	color: #297DB1;
}

a:hover,
a:active {
	color: #297DB1;
	text-decoration: underline;
}

/* 2021-06-16 add button for mobile to skip to sidebar */
@media (min-width: 1076px) {
    #gotosidebar {
        display: none;
    }
}

/* custom icon for search link */
/* a#nav-222 {
	padding-right: 20px !important;
	background: url(/fileadmin/res/local1/res1/bg-search.png) right center no-repeat;
} */

a#logo-link {
	display: block;
	height: auto;
}

.csc-linkToTop {
	margin: 1em 8px;
}

.csc-linkToTop a:before {
	content: "\2191\00A0";
}
@media (min-width: 768px) {
	.csc-linkToTop {
		margin: 1em 32px;
	}
}

/* buttons */
#utility li:last-child a,
.btn-print,
a.internal-link-button,
a.external-link-button,
a.external-link-new-window-button {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #236E9B;
	padding: 0.6em 1.2em;
	margin: 0;
	border-radius: 6px;
	line-height: 1;
	width: auto;
	color: #FFF;
	font-family: sans-serif;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	transition: background-color 0.2s ease;
}
#utility li:last-child a:hover,
.btn-print:hover,
a.internal-link-button:hover,
a.external-link-button:hover,
a.external-link-new-window-button:hover,
a.internal-link-button:active,
a.external-link-button:active,
a.external-link-new-window-button:active {
	background-color: #297DB1 !important;
	color: #FFF;
}

.btn-print-outer {
    margin-bottom: -1em;
    display: block;
}

.btn-print-inner {
    padding-bottom: 1em;
    display: block;
}

#btn-print svg {
    height:1.1rem;
    margin-right: .5rem;
    vertical-align: middle;
    fill: #fff;
}

#utility li:last-child a {
	margin: 0 0 0 0.6em;
}

/* for list navigation */
/* was: .nav */
/* ul.nav, ol.nav */

/* responsive */
/* @todo put in js, but don't break drop-downs */
#navmain li ul {
	display: none;
}

/*
#navmain:hover > ul {
	display: block;
}
*/

#navmain .showsub {
	padding-left: 32px;
	font-weight: normal;
}
#navmain .showsub span:after {
	content: " \25BA";
}

#navmain li:target .showsub {
/*	display: none; */
}
#navmain li:target .showsub span:after {
	content: " \25BC";
}

#navmain li:target a {
	color: #FFF;
}

#navmain li ul a {
	font-weight: normal;
	padding-left: 32px;
	white-space: normal;
}
#navmain li ul li.nav-first a {
/* @todo: not sure I like this right now */
/*	border-top: 1px solid #FFF; */
}

/* end responsive */

#navmain  ul, #navmain ol, #navmain li {
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1;
	list-style: none;
	transition: background-color 0.2s ease;
}

#navmain a {
	line-height: 1;
}
#navmain a:hover,
#navmain a:active {
	text-decoration: none;
}

/* small three-bar button */
/* create show and hide buttons */
.navbtn {
	overflow: hidden;
}
.navbtn a {
	margin: 0 !important;
	display: block !important;
	overflow: hidden;
	float: none;
	background-color: #236E9B !important;
	color: #FFF !important;
	font-size: 1em;
	font-weight: bold;
	font-family: sans-serif;
	padding: 0.8em;
}

.navbtn a:hover {
	text-decoration: none;
}

.navbtn span {
	font-size: larger;
}

#navmain:target {
	display:block;
}
/*
#navmain:target ul ul {
	display: none;
}*/	
.navh {
	
}

/* site specific */


#navmainbox {
	position:relative;
	float: left;
	clear:both;
	width:100%;
	margin-bottom: 0.6em;
}

#navmain {
	width: 100%;
	position:relative;
	min-height: 1em;
}

#navmain a {
	color: #236E9B;
	display: block;
	font-family: sans-serif;
	font-weight: bold;
	padding: 0.8em;
}

#sidebar .showsub {
	display: none;
}

/* just for this page */
#page-58 .nav-parent {
	display: none;
}

#sidebar .nav a {
	display: block;
	padding: 0.3em 32px 0.3em 44px;
	background: url(/fileadmin/res/local1/res1/bg-li.png) 32px 0.6em no-repeat;
}

#sidebar .nav li li a {
	padding: 0.3em 44px 0.3em 56px;
	background: url(/fileadmin/res/local1/res1/bg-li.png) 44px 0.6em no-repeat;
}

#sidebar a.nav-cur {
    font-weight: bold !important;
}

/* should I just have a "layout" option for menus that switches to a horizontal menu? */
/* horizontal-left, horizontal-right, horizontal-centered???? */
/* .csc-menu-left, .csc-menu-right, .csc-menu-centered */

/*
	left: 50%;
	float: left;
*/
#header .csc-menu,
#footer .csc-menu {
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1;
}

/*
	right: 50%;
	float: left;
*/

#header .csc-menu li,
#footer .csc-menu li {
	display: inline-block;
	position: relative;
	line-height: 1;
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}

#header .csc-menu li a,
#footer .csc-menu li a {
	display: inline-block;
	padding: 0.6em;
	border-bottom: 1px solid transparent;
}

#header .csc-frame-default:first-child .csc-menu {
}
#header .csc-frame-default:first-child .csc-menu a {
	font-weight: normal;
}

#header .csc-frame-default:last-child .csc-menu {
	position: relative;
}

#footer .csc-menu {

}

@media (min-width: 768px) {

	#header .csc-menu {
/*		margin-right: 0.8em; */
	}
	#header .csc-menu li.nav-last a {
		padding-right: 0;
	}
}


ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0.7em 0;
	padding: 0;
}

li {
	background: url(/fileadmin/res/local1/res1/bg-li.png) left 0.6em no-repeat;
	padding: 0 0 0 1em;
	margin: 0.3em 0;
}

ol li {
	background: none;
	padding: 0;
}


#shownavsub {
	padding: 0 0 12px 0;
	border-bottom: 1px solid #BED6E0;
}

#shownavsub h4 {
	margin: 0;
}

#shownavsub .showsub {
	display: none;
}

/* accessibility */
/* @todo */
/*
.csc-nav-bypass a {
	position: absolute;
	display: block;
	left: -999em;
	margin: 0;
	padding: 0;
}
.csc-nav-bypass a:focus {
	position: relative;
	left: 0;
}
*/

/*
@media (min-width: 480px) {

	#navmain ul li {
		clear: both;
	}

	#navmain ul ul li {
		float: left;
		width: 50%;
		clear: none;
	}
}
*/
/*
@media (min-width: 768px) {

}
*/

/* changed 2021-06-15 to make room for cyano tab */
/* @media (max-width: 959px) { */
@media (max-width: 1075px) {


	#navmain li:target {
		background-color: #236E9B;
	}

	#navmain li:target ul {
		display: block;
	}

}

/* changed 2021-06-15 to make room for cyano tab */
/* @media (min-width: 960px) { */
@media (min-width: 1076px) {

	#header .csc-menu {
		float: right;
		clear: right;
		left: 0;
	}
	#header .csc-menu ul {
		float: left;
	}
	#header .csc-menu li {
		right: 0;
		display: block;
		float: left;
	}
	#header .csc-menu li a {
		display: block;
	}

	#shownavsub {
		display: none;
	}

	.wrap-shownavsub {
		display: none;
		margin: 0;
		padding: 0;
	}

	.navbtn {
		display: none;
	}

	a.showsub {
		display: none !important;
	}

	#navmainbox {
		max-width: 900px;
		float: right;
	}

	#navmain {
		float: right;
	}

	#navmain ul, #navmain li {
		list-style-type: none;
		list-style: none;
		background: none;
		float: left;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}

	#navmain a {
		display: block;
		line-height: 1;
		margin: 0;
		font-size: 1em;
		text-transform: none;
		text-decoration: none;
		color:#236E9B;
		font-weight:bold;
		background:transparent;
		text-decoration:none;
		padding: 0.6em 0.8em;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
	}

	#navmain a:focus,
	#navmain a:hover,
	#navmain a:active { color: #FFF !important; text-decoration: none; background-color: #297DB1; }

	#navmain a.nav-act,
	#navmain a.nav-cur {
		color: #297DB1;
	}
	#navmain li ul a.nav-act,
	#navmain li ul a.nav-cur {
		border: none;
	}

	/* drop downs */
	#navmain li ul {
		display: none;
	}

	#navmain  ul, #navmain ol, #navmain li {
		margin: 0;
		padding: 0;
		background: none;
		line-height: 1;
		list-style: none;
		transition: background-color 0.2s ease;
	}

	#navmain a {
		line-height: 1;
		transition: background-color 0.2s ease;
	}
	#navmain a:hover,
	#navmain a:active {
		text-decoration: none;
		background: #297DB1;
	}

	#navmain li:hover,
	#navmain li:active {
		background: #236E9B;
		color: #FFF;
	}
	#navmain li:hover a,
	#navmain li:active a {
		color: #FFF;
	}
	#navmain li:hover a.nav-act,
	#navmain li:hover a.nav-cur,
	#navmain li:hover a.nav-act,
	#navmain li:hover a.nav-cur {
		background: #236E9B;
	}
	#navmain li:hover a.nav-act:hover,
	#navmain li:hover a.nav-cur:hover,
	#navmain li:hover a.nav-act:hover,
	#navmain li:hover a.nav-cur:hover {
		background: #297DB1;
	}	

	#navmain li:hover ul, 
	#navmain li:active ul {
		display: block;
		left: auto;
	}

	#navmain li ul li {
		float: none;
		right:auto;
		position: relative;
		z-index: 10;
	}

	/* #navmain a strong {
		font-weight: normal;
	}
	#navmain li ul a strong {
		font-weight: normal;
	}
	 */

	#navmain li ul a strong {
		color: #FFF;
	}

	#navmain li ul a {
		border-top: 1px solid #BED6E0 !important;
		/* background: url(bg-navmain-a.png) left -1px repeat-x; */
		font-weight: normal;
		text-transform: none;
		white-space: nowrap;
		width: auto;
		padding: 0.6em 0.8em;
		color: #FFF;
		transition: background-color 0.2s ease;
	}


	#navmain li ul a strong {
		padding: 0;
	}
	#navmain li ul li.nav-last a {
		border-bottom: none;
	}

	#navmain li ul a:hover,
	#navmain li ul a:active {
		background-color: #297DB1 !important;
	}

	#navmain {
		float: right;
		display:block !important;
		z-index: 900;
		/* position: relative; */
	}

	#navmain > ul {
		display: block;
		position:relative;
		/* left:50%; */
		text-align:center;
		float:right;
		z-index: 10;
	}
	#navmain ul li {
		clear: none;
	}

	#navmain li {
		float: left;
		position: relative;
		/* right: 50%; */
		clear: none;
		z-index: 1000;
	}

	#navmain li ul {
		width: auto;
		background-color: #236E9B;
		float: none;
		text-align: left;
		position: absolute;
		top: 2.2em;
		left: 0;
		display: none;
		z-index: 5000;
		overflow: hidden;
		padding-bottom: 0.4em !important;
		border-radius: 0 6px 6px 6px;
	}

	#navmain > ul > li {
		border-radius: 6px 6px 0 0;
	}

	#navmain > ul > li > a.nav-ifsub {
		border-radius: 6px 6px 0 0;
	}

	#navmain > ul > li.nav-parent,
	#navmain > ul > li.nav-parent a {
		border-radius: 6px !important;
	}

	/* to keep it from running off the screen */
	#navmain li#nav-92 ul,
	#navmain li.nav-last ul {
		right: 0;
		border-radius: 6px 0 6px 6px;
	}

	#navmain ul ul li {
		width: 100%;
	}


}/* tables */
.contenttable {
	margin: 1em 0;
	width: 100%;
	text-align: left;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #FFF;
	border: 1px solid #E5ECEB;
}

.contenttable td,
.contenttable th {
	vertical-align: top;
	text-align: left;
	padding: 0.3em 12px;
	border-collapse: inherit;
}

.contenttable th {
	font-weight: bold;
	color: #0B7A6A;
}
.contenttable thead th {
	vertical-align: bottom;
	white-space: nowrap;
	color: #0B7A6A;
	background-color: #E5ECEB;
}

.contenttable tr {
	border-collapse: inherit;
}
/* tr-even is row 1, tr-odd is row 2... */
.contenttable tr.tr-even {
	background-color: #F5F8F7;

}
.contenttable tr.tr-odd {
	background-color: #FFF;
}

.contenttable tr:hover {
	background-color: #FFFFBB;
}

/* also thead, tfoot, tbody */
@media (max-width: 700px) {
	.contenttable th,
	.contenttable td {
		display: inline;
		padding: 0;
	}
	.contenttable th:empty,
	.contenttable td:empty {
		visibility:hidden;
	}

	.contenttable th:after,
	.contenttable td:after {
		content: ", ";
	}
	.contenttable th.th-0,
	.contenttable td.td-0 {
		display: block;
	}

	.contenttable th.th-0:after,
	.contenttable td.td-0:after {
		content: "";
	}
	.contenttable th.th-last:after,
	.contenttable td.td-last:after {
		content: "";
	}
	.contenttable tr {
		padding: 0.3em 12px;
		display: block;
		line-height: 1.5;
	}
}
h1 {
	font-family: Georgia, serif;
	/*  */
	color: #007685;
	font-weight: normal;
	font-style: italic;
	font-size: 2.2em;
	margin: 0.4em 0 0.6em 0;
	line-height: 1;
}

/*
.csc-header-alignment-center {
	text-align: center;
}

.csc-header-alignment-right {
	text-align: right;
}
*/

.csc-frame-invisible h1 {
	position: relative;
	text-shadow: 0 0 6px #FFF;
	background: url(/fileadmin/res/local1/res1/bg-ripples.png) left center repeat-x;
	padding: 0 8px;
	margin-top: 0;
}



/*.csc-frame-invisible .csc-textpic-caption ,
.csc-frame-invisible .csc-textpic-text,
.csc-frame-invisible .csc-menu  */
.csc-frame-invisible > *,
.csc-frame-invisible .csc-textpic-caption {
	padding: 0 8px;

}

@media (min-width: 768px) {
    .csc-frame-invisible > *,
    .csc-frame-invisible .csc-textpic-caption {
        padding: 0 32px;

    }
}

.csc-frame-invisible > header {
    padding: 0;
}

.csc-frame-invisible  > .csc-header,
.csc-frame-invisible > .csc-imagewrap {
	padding: 0;
}


h2 {
	font-family: sans-serif;
	color: #007685;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0 0 0.6em 0;

}
/* can also do "semibold" which is font-weight: 500;, or slightly bolded which is font-weight: 200 */

/* use margins _after_ elements and then use :last-child in .csc-frame-frame1, .main, etc. to turn it off. */

h3 {
	font-family: sans-serif;
	color:#007685;
	margin: 0 0 0.6em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid #BED6E0;
	line-height: 1.2;
}

/*
#sidebar h1,
#sidebar h2,
h3.nav-header,
#sidebar h3 {
	text-align: inherit;
}
*/

h4 {
	font-family: Georgia, serif;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.4;
	margin: 0 0 0.6em 0;
	color:#007685;
}

h5 {
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
}

h6 {
	font-weight: bold;
}

.csc-firstHeader {
	margin-top: 0.4em;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}

i,em, .csc-textpic-caption {
	
}


blockquote {
	color: #7D3C0B;
	font-size: larger;
	font-style: italic;
}

p {
	margin: 0 0 1em 0;
}


.csc-textpic-caption {
	font-family: sans-serif;
	font-size: 0.9em;
	padding: 0.4em 0;
	color: #6A6A6A;
	margin-top: 0.4em;
}

@media (min-width: 768px) {

	.csc-frame-invisible h1 {
		padding: 0 32px;
	}
	/* .csc-frame-invisible .csc-textpic-caption ,
	.csc-frame-invisible .csc-textpic-text,
	.csc-frame-invisible .csc-menu  */
	
	.csc-frame-invisible .ce-bodytext,
	.csc-frame-invisible .csc-textpic-caption {
		padding: 0 32px;
	}

    .csc-frame-invisible > .ce-image,
    .csc-frame-invisible > header {
        padding: 0;
    }

	.csc-frame-invisible  > .csc-header,
	.csc-frame-invisible > .csc-textpic {
		padding: 0;
	}
}



/* small patches for gsce bad styles */
#main .cse .gsc-control-cse, 
#main .gsc-control-cse {
	padding: 0;
}

#___gcse_0  .gsc-search-button input.gsc-search-button-v2,
#___gcse_0 input.gsc-search-button {
	background-color: #647B79;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background-image: none;
	transition: background-color 0.2s ease;
	border-radius: 3px;
}
#___gcse_0 .gsc-search-button input.gsc-search-button-v2:hover,
#___gcse_0 input.gsc-search-button:hover,
#___gcse_0 .gsc-search-button input.gsc-search-button-v2:focus,
#___gcse_0 input.gsc-search-button:focus {
	background-color: #7F3F3E !important;
	color: #FFF;
	outline: 0;
}

/* my plain search box  for header */

#searchbox {
	max-width: 100%;
	font-family: sans-serif;
	line-height: normal;
	font-size: 1em;
	vertical-align:middle;
	margin: 0.6em 0;
	display: inline-block;
	white-space: nowrap;
}

#searchbox label {
	display: none;
}

#searchbox input.searchfield {
	font-family: sans-serif;
	line-height: normal !important;
	font-size: 1em;
	color: #000;
	width: 12em;
	padding: 0.6em;
	border: 0;
	margin: 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
	border-top: 1px solid #BCB9AB;
	border-left: 1px solid #BCB9AB;
	vertical-align:middle;
	background-color: #FFF;
}
#searchbox input.searchfield:hover,
#searchbox input.searchfield:focus {
	box-shadow: 0 0 3px 1px #7F3F3E inset;
	border-top: 1px solid #BCB9AB;
	border-left: 1px solid #BCB9AB;
	background-color: #FFD;
	outline: 0;
}

#searchbox input.searchbtn {
	font-family: sans-serif;
	color: #FFF;
	line-height: normal !important; /* cannot use line-height:1 and get consistent heights */
	font-size: 1em;
	vertical-align:middle;
	background: #647B79 url(/fileadmin/res/local1/res1/btn-google-search.png) 50% 50% no-repeat;
	border: 0;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	width: 0;
	margin: 0;
	padding: 0.6em 0;
	padding-left: 3em;
	overflow: hidden;
	transition: background-color 0.2s ease;
	border-radius: 0 3px 3px 0;
}

#searchbox input.searchbtn:hover,
#searchbox input.searchbtn:focus {
	background-color: #7F3F3E;
	outline: 0;
}

@media (min-width: 960px) {
	#searchbox label {
		font-family: sans-serif;
		line-height: normal !important;
		font-size: 1em;
		margin: 0;
		color: #4D5D5C;
		padding: 0.6em 0.2em 0.6em 0;
		display: inline-block;
		vertical-align:middle;
	}
	#searchbox input.searchfield {
		width: 14em;
	}
}
@media (min-width: 1000px) {
	#searchbox input.searchfield {
		width: 17em;
	}
}

/* use "normal" for header trustees button too, so it matches up */
#header a.internal-link-button {
	line-height: normal;
}

/* other UI */





/* CSC overrides */
ul.csc-uploads li {
	vertical-align: text-bottom !important;
	background: none;
	padding: 0;
	margin: inherit;
}
ul.csc-uploads img {
	padding-right: 0.6em;
	vertical-align: text-bottom !important;
}
ul.csc-uploads a {
	vertical-align: text-bottom !important;
}

ul.csc-uploads span.csc-uploads-fileName {
	text-decoration: inherit;
}

ul.csc-uploads span.csc-uploads-fileName,
ul.csc-uploads span.csc-uploads-fileSize {
	display: inline;
}



ul.csc-uploads span.csc-uploads-fileSize {
	font-size: smaller;
	color: #64604D;
	font-family: sans-serif;
}



/* Powermail */

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
	background: #FFF none;
}

div.tx-powermail {
	font-family: inherit;
	font-size: inherit;
	width: auto;
}

.powermail_fieldset {
	float: none;
	clear: both;
	padding: 0;
	border: 0;
	background: 0;
}

.powermail_legend {
	font-weight: bold;
	float: none;
	font-size: 1.2em;
	margin: 0;
	white-space: normal;
	clear: left;
}

.powermail_label {
	color: inherit;
	width: 12em;
	padding: 5px 20px 5px 0;
	font-weight: inherit;
	text-align: left;
	display: block;
}

.powermail_field {
	font-family: inherit;
	font-size: 1em;
	padding: 0 0 4px;
	color: inherit;
	width: auto;
 /*	border: 1px solid #756C68; */
}

.powermail_input {
	width: 20em;
    padding: .3rem;
}

.powermail_textarea {
	width: 20em;
	height: 6em;
}
.powermail_field:focus,
input.powermail_field:focus {
	background-color: #FFF;
	padding: 3px;
	border: 2px solid #8A9B37;
	outline: none;
}

input[type="submit"].powermail_submit {
	margin-bottom: 4px; /* with zero, gets cut off */
	float: none;
	border: none;
	padding: 0.6em 1em;
	color: #000;
	font-weight: normal;
	cursor: pointer;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #236E9B;
	padding: 0.6em 1.2em;
	margin: 0.8em 0;
	border-radius: 6px;
	line-height: 1;
	width: auto;
	color: #FFF;
	font-family: sans-serif;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	transition: background-color 0.2s ease;

}

input[type="submit"].powermail_submit:hover {
	border: none;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #297DB1 !important;
	color: #FFF;
}


.formError {
	font-family: inherit;
}

.formError .formErrorContent,
.formError .formErrorArrow div {
	background: #933;
	font-size: 0.9em;
	width: auto;
}

span.mandatory {
	color: #F00;
}

/* remove glow around required input fields */
:required {
	box-shadow: none; /* Firefox (tested v6) adds red shadow by default */
}

/* powermail error messages. */
/* ul */
.powermail_message {
	margin: 1em 0;
	padding: 1em 1.4em;
	font-style: normal;
	border: 2px dashed #BDCD72;
	background-color: #FFF;
	background-image: none;
	min-height: 0;
}
.powermail_message_error {
	border-color: #DD8A62;
	background-color: #FF9;
}
.powermail_message li {
	color: #000;
	padding: 0;
	padding-left: 16px;
	font-weight: normal;
}

.powermail_field_error {
	background-color: #FF9;
}

/* added may 2015 */

.parsley-errors-list {
	margin-bottom: 0;
	color: #F00;
}

.parsley-errors-list li:last-child {
	margin-bottom: 0.7em;
}

legend.powermail_label {
	width: auto;
    display:table; /* Enable line-wrapping in IE8+ */
    white-space:normal; /* Enable line-wrapping in old versions of some other browsers */
}

label.powermail_label {
	width: auto;
}

.powermail_fieldwrap {
	margin: 0.8em 0;
}

/* end may 2015 */

/* regular mailforms */

/* existing styles Sept 2007 *******************************/

.csc-mailform label,.csc-mailform input,.csc-mailform textarea {
	display: block;
	float: left;
	margin-bottom: 0.5em;
	text-align: left;
}

.csc-mailform label {
	text-align: right;
	width: 12em;
	padding-top: 0.1em;
	padding-right: 0.5em;
}

.csc-mailform legend {
	visibility: hidden;
	display: none;
	padding: 0;
	margin: 0;
}

fieldset.csc-mailform {
	border: 0;
	padding: 0;
}

.csc-mailform-field {
	padding-top: 0.5em;
	border-top: 1px solid #BED6E0;
	clear: both;
}

.csc-mailform-submit {
		
}

/* overlay new styles for Mailform Feb 2008 ***********************************/

/* span around "label" and property elements. */
.csc-mailform .csc-mailform-field span.csc-mailform-label {
	font-weight: bold;
	padding-bottom: 0.5em;
	display: block;
}

.csc-mailform span.csc-mailform-check input {
	margin-right: 0.5em;
}

.csc-mailform span.csc-mailform-check label {
	text-align: left;
	display: block;
	width: auto;
	float: left;
}

.csc-mailform span.csc-mailform-radio {
	display: block;
	margin: 0;
}

.csc-mailform span.csc-mailform-radio br {
	clear: both;
}

.csc-mailform span.csc-mailform-radio input {
}

.csc-mailform span.csc-mailform-radio label {
	width: auto;
	float: none;
	padding-left: 0.4em;
	text-align: left;
	display: inline;
}

/* inside fieldsets for checkbox groups */
.csc-mailform fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

/* ----------- end of mailform */

.csc-textpic-imagecolumn:first-child:last-child img {
	height: auto;
	width: 100%;
}

.csc-textpic-last:first-child img {
	height: auto;
	width: 100%;
}

@media (max-width: 768px) {
	div.csc-textpic-intext-right .csc-textpic-imagewrap{
		float: none;
		margin-left: 0;
	}

	div.csc-textpic-intext-left .csc-textpic-imagewrap {
		float: none;
		margin-right: 0;
	}
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
		margin: 0 auto;
	}
}

.csc-textpic-caption-r {
    text-align: right;
}

.csc-textpic-caption-c {
    text-align: center;
}

/* for 9.5 */
div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block;
}

.ep-frame-slideshow1 .ce-above .ce-gallery {
    margin-bottom: 0;
}/* page browser */

.tx-cal-controller  .pagebrowser span {
	padding: 0 0.5em;
}


/* minical */


#minical {
	display: none;
}

/* this next bit causes Disqus to jump 1 pixel on hover */

@media (min-width: 768px) {

	#minical {
		display: block;
		float: right;
		box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1);
		width: auto;
		position: relative;
		top: -4px;
	}

	#minical a {
		line-height: normal;
		display: block;
		text-decoration: none;
		background-color: #FFF;
		padding: 0 1px 1px;
		text-align: center;
		font-family: sans-serif;
	}

	#minical span {
		display: block;
		cursor: pointer;
		padding: 0.2em 0.6em;
	}

	#minical span.minical-month {
		background-color: #647B79;
		color: #FFF;
		transition: background-color 0.2s ease;
	} 
	#minical a:hover span.minical-month {
		background-color: #7F3F3E !important;
	}

	#minical span.minical-day {
		color: #647B79;
		font-weight: bold;
		transition: color 0.2s ease;
	}

	#minical a:hover span.minical-day {
		color: #AD2B23;
	}
}

/* end minical */

#calendar-event .csc-textpic-intext-right .csc-textpic-imagewrap {
	float: none;
	text-align: center;
	margin: 0 auto;
}

@media (min-width: 768px) {
	#calendar-event .csc-textpic-intext-right  {
		float: right;
	}

}

/* tx_cal tweaks */

.tx-cal-controller:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


#page-12 .tx-cal-controller h1 {
	font-size: 1.4em;
	margin: 0 0 0.8em 0;
}

.tx-cal-controller h1, .tx-cal-controller .found, .tx-cal-controller .pagebrowser {
	text-align: inherit;
}


.tx-cal-controller .month-large .dayNum,
.tx-cal-controller .month-medium .dayNum {
	height: auto;
}
.tx-cal-controller .month-large td {
	vertical-align: top;
	padding: 0.2em 0.5em;
}

.tx-cal-controller .month-large th.month-weeknums {
	height: 80px;
	width: 0;
}
.tx-cal-controller .month-large th.month-weeknums.monthCorner {
	height: auto;
	width: 0;
}
.tx-cal-controller .month-small th.month-weeknums {
	width: 0;
	height: auto;
}


.tx-cal-controller .month-large a {
	text-decoration: none;
}

.tx-cal-controller .month-large .vevent {
	line-height: normal;
}

.tx-cal-controller .month-large a:hover,
.tx-cal-controller .month-large a:active {
	background-color: #FFA;
}

.tx-cal-controller .month-large .allday a {
	display: block;
}

.tx-cal-controller .month-large .allday a:hover,
.tx-cal-controller .month-large .allday a:active {
	background-color: #7F3F3E;
}

.tx-cal-controller .month-large a:focus {
	background-color: transparent;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-medium th,
.tx-cal-controller .month-large th {
	background-color: #C9CFD8;
}

.tx-cal-controller .month-medium td.monthOff {
	color: #AAA;
}

.tx-cal-controller #cal-nav-legend table td {
	padding: 0;
}

/* no jumps for now */
.tx-cal-controller #cal-nav-jumps {
	display: none;
}

.tx-cal-controller .next-button a,
.tx-cal-controller .previous-button a {
	text-decoration: none;
}

.tx-cal-controller #cal-nav-legend {
	width: 45% !important;
}


.tx-cal-controller .month-large .vevent .summary {
	font-size: x-small;
}

/* wrap normal events, do not wrap allday */
.tx-cal-controller .month-large div.allday.vevent {
	white-space: nowrap;
}
.tx-cal-controller .month-large div.vevent {
	white-space: normal;
}

/* small clock icon */
.tx-cal-controller .month-large img.freq {
	padding:0;
	vertical-align:middle;
}

span.nowrap {
	white-space: nowrap;
}

/* list view */
.tx-cal-controller .list-view .vevent .dtstart-container,
.tx-cal-controller .list-view .vtodo .dtstart-container,
.tx-cal-controller .list-view .vevent .summary,
.tx-cal-controller .list-view .vtodo .summary {
	font-weight: normal !important;
	display:block;
	float: none;
	text-align: left;
}
.tx-cal-controller .list-view .vevent .dtstart-container,
.tx-cal-controller .list-view .vtodo .dtstart-container {
	font-style: italic;
	color: #64604D;
	display: block;
	float: none;
	text-align: left;
}
.tx-cal-controller .list-view .vevent,
.tx-cal-controller .list-view .vtodo,
.tx-cal-controller .list-view .vevent.even,
.tx-cal-controller .list-view .vtodo.even {
	background-color: transparent;
	margin: 0.8em 0;
	display:block;
	float: none;
	text-align: left;
}

/* page browser */
.tx-cal-controller p.pagebrowser {
	

}

#cal-nav-next table {
	float:right;
}

/* testing page */

#page-429 .tx-cal-controller {


}

/* from waterbury */

.tx-cal-controller .month-large .day div.vevent {
	white-space: normal;
}
.tx-cal-controller .month-large .day div.vevent a {
	text-decoration: none;
	line-height: 100%;
	font-size: 0.9em;
}

table.month-large {
	width: 100%;
}

.month-large .day {
	width: 14%;
}

.orange_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}

.blue_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}

.green_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}

.pink_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}

.red_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}
.yellow_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}
.grey_catheader_bullet {
	font-size: 20px;
	line-height: 20px;
}
/* left column news */

#sidebar .news-list-view .news-img-wrap img {
	width: 120px;
	height: auto;
}

.news-list-comments {
	border-right: 1px solid #BCB9AB;
	margin-right: 0.4em;
	padding-right: 0.6em;
}


/* ---------------- news ---- */

.news-list-item {
/*	border-bottom: 2px solid #999; */
	margin: 1.2em 0;
}

.news-list-item h3 {
	text-transform: none;
}
.news-list-item a {
	font-weight: bold !important;
	font-size: 120%;
}

.news-list-item p.bodytext,
.news-list-item p {
	padding: 0;
	margin: 0;
}

.tx-ttnews-browsebox td {
	padding-right: 5px;

}


/* from ext:news */


/* global styles */

.news .hidden {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    margin: 0;
	overflow: hidden;
}
.news .clear { clear: both; }

.news .nav ul {
    float: left;
    display: inline;
	margin: 0;
}
.news .nav li {
    float: left;
    list-style: none;
	line-height: 1em;
}
.news .nav a {
    float: left;
    display: block;
	line-height: 1em;
}
.news .nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* .news h2 {
	margin: 0.8em 0;
	font-size: 1.4em;
} */

.news-list-view p {
}

/* list + search + latest view */
.news-list-view .article {
	border-bottom: 1px solid #BED6E0;
	margin: 0 0 0.8em 0;
}

.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
.news .article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.news .article .news-img-wrap {
	float: none;
	overflow: hidden;
	margin-bottom:20px;
	text-align:center;
}

/* embedded regular content */
.news-single .csc-frame-default {
	padding: 0;
	margin: 0;
}

/*
.news .article .news-img-wrap a {
	display: block;
	float: left;
}

.news .article .news-img-wrap img {
	display: block;
}
*/

.news .article h2 a{
	font-weight: bold;

}
.news .article .teaser-text {

}

.news-list-view p {
	margin: 0.4em 0;
}

.news .footer {
/*
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	margin-top: 15px;
	color: #888;
*/
	color: #6A6A6A;
	font-size: 0.9em;

}
.news-list-view .footer {
}

.news .footer p {

}
.news .footer span {
	display: inline-block;
/*	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd; */

}
.news .footer span:last-child {
	border-right: 0;
}
.news .footer .news-category a {
	text-transform: uppercase;
}


/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}
.news-category-view ul li li {
	padding: 2px 8px 2px 12px;

}
.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
	color: #888;
}


/* search view */
.news-whatis {
	margin: 15px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;
}
.news-browsebox {
	margin: 15px 0;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.news-browsebox ul li { margin: 0 5px; }
.news-browsebox ul .prev {
	margin-right: 20px;
	margin-left: 0;
}
.news-browsebox ul .current-page a { font-weight: bold; }
.news-browsebox ul .next {
	margin-left: 20px;
	margin-right: 0;
}


/* single view */
.news-single .footer {
	border-top: 0;
	padding:0;
}
.news-single .article .news-img-wrap {
	float: right;
	width: 300px;
	margin: 0 0 20px 20px;
}

.news-single .teaser-text {
	font-weight: bold;
}
.news-text-wrap {

}
.news-single .article .news-img-wrap img { 
	float: none;
}
.news-single .article .news-img-wrap .mediaelement {
	border-bottom: 2px solid #FFF;
	overflow: hidden;
}

p.news-img-caption { 
	font-size: 0.9em;
	margin-top: 0;
	color: #6A6A6A;
}


/* related news + files */
/*.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}
.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}
.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}
.news-related h4 {
	margin-bottom: 10px;
}
.news-related ul li span {
	border-right:1px solid #DDDDDD;
	display:inline-block;
	margin-right:8px;
	padding-right:8px;
	color: #888;
}
.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}
.news-related-files .news-related-files-link a {
	background-image: url(../img/background/file-icon-sprites.gif);
	background-repeat: no-repeat;
	padding: 6px 0 6px 38px;
}
.news-related-files ul li { margin-bottom: 20px; }
.news-related-files .news-related-files-link .jpg { background-position: 0 0;}
*/
.news-related ul li span {
	color: #888;
}
/*.news-related ul li span:after {
	content: ": ";
} */

.news-related-files .news-related-files-link .jpg { background-position: 0 0;}

/* pagination */
.news .page-navigation ul li,
.news .page-navigation ul li a {
	padding: 0.2em;
}

.news .page-navigation {
	background-color: #E4EDF3;
	border-radius: 6px;
	overflow: hidden;
	padding: 0 6px;
}

.news .page-navigation p {
	margin: 0.4em;
	float:left;
}

.news .page-navigation ul {
	margin: 0;
	float:right;
	display:block;
	padding: 0;
	background: none;

}

.news .page-navigation ul li{
	float:left;
	display:block;
	padding:0;
	margin: 0.4em;
	background: none;
}

.news .page-navigation ul li a {
	display:block;
	padding:0;
}

.news-clear {
	clear:both;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news span.news-brief-news-date {
	font-style: italic;
}

.news li.news-brief-item {
	background: transparent;
	padding: 0;
	margin: 1em 0;
}
.news li.news-brief-item a {
	font-weight: bold;
	text-decoration: none;
}

.news .header h2 {
	margin-bottom: 0;
}

.news .footer p {
/*	margin: 0; */
}

@media (min-width: 768px) {
	.news .article .news-img-wrap {
		float: right;
		margin: 0 0 20px 20px;
		overflow: hidden;
		text-align: right;
	}
}

/* Dec 3 2019 fix news "read more" link outside P in news list. */
.news-list-view .article > p {
    display: inline;
}

/* newer code */

.ep-frame-slideshow1 .csc-textpic-caption {
	padding: 0 8px;
}

@media (min-width: 768px) {
	.ep-frame-slideshow1 .csc-textpic-caption {
		padding: 0 32px;
	}
}
/* older code below */


.csc-frame-invisible div.csc-textpic div.csc-textpic-single-image img,
.ep-frame-slideshow1 div.csc-textpic div.csc-textpic-single-image img {
  margin-bottom: 0;
}

.csc-frame-invisible div.csc-textpic-clear,
.ep-frame-slideshow1 div.csc-textpic-clear {
  clear:none;
  display: none;
  visibility: hidden;
  width: 0;
}

/* remove extra space when there are subpages and subpage menu is inserted */
.csc-frame-default + .csc-frame-invisible {
/*	margin-top: -1.2em; */
}


/* slide show */

/* .csc-frame-slideshow1 */
.ep-frame-slideshow1 {
	position: relative;
	overflow: hidden;
}

.ep-frame-slideshow1 .ep-ss1-controls ul,
.ep-frame-slideshow1 .ep-ss1-controls li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: none !important;
}

.ep-frame-slideshow1 .ep-ss1-controls {
	position: absolute;
	display: block;
	z-index: 300;
	right: 0.4em;
	top: 1em;
	width: auto;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 !important;
}
.ep-ss1-controls ul {
	text-align: right;
	vertical-align: middle;
	display: inline-block;
}

.ep-ss1-controls ul li {
	padding-right: 0.4em !important;
	display: inline-block;
	vertical-align: middle;
}

.disabled-placeholder span {
	/* play */
	content: "\25BA";

	/* reverse of play... */
	content: "\25C4";

	/* next = gt */
	content: "\003E";
	/* previous = lt */
	content: "\003C";
	/* pause = roman numeral 2 = U+2161 */
	
	/* pause = black vertical rectangle */
	content: "\25AE\25AE";

	/* arrow to bar-left 21E4 */
	/* arrow to bar-right 21E5 */

	/* left pointing white triangle */
	content: "\25C5";
	/* right pointing white triangle */
	content: "\25BB";
}

.ep-ss1-controls a {
	padding: 0.4em;
	overflow: hidden;
	font-size: 1.1rem;
	width: 1em;
    height: 1em;
	line-height: 1em;
	font-weight: normal;
	display: inline-block;
	color: #FFF;
	text-align: left;
	border-radius: 6px;
	transition: background-color 0.2s ease;
	box-shadow: 0 0 0.2em rgba(0,0,0,0.3);
	margin: 0.2em;
	background-color: #236E9B;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	/*	margin-right: 7px; */
	/* note: IE7 doesn't like "bottom" align, had to do -21px */
	/* Firefox is picky about x,y order */
}
.ep-frame-slideshow1 a span {
    border: none;
    font-family: Arial, sans-serif;
    overflow: hidden;
}
.ep-frame-slideshow1 a.ep-ss1-controls-prev span:before { position: relative; top: .1rem; color: #DDD; padding-right: 2em; padding-left: .15rem;font-weight: bold;content: "\003C"; }
.ep-frame-slideshow1 a.ep-ss1-controls-play span:before { padding-right: 2em; content: "\25BA "; }
.ep-frame-slideshow1 a.ep-ss1-controls-pause span:before { position:relative; left:-0.08rem; top: -.1rem; font-size: 0.7em; padding-right: 2em; font-weight: bold; content: "\2590\A0\258C"; }
.ep-frame-slideshow1 a.ep-ss1-controls-next span:before { position: relative; top: .1rem; color: #DDD; padding-right: 2em; padding-left: .22rem;font-weight: bold; content: "\003E"; }

.ep-frame-slideshow1 a:hover {
	background-color: #297DB1 !important;
	text-decoration: none;
}
/* print styles */

@media print {

    #wrap-logo {
        text-align: center;
        position: relative;
        left: 0;
        bottom: 0;
    }

    #utility, #navmainbox, #ripples, #wrap-sidebar, .wrap-shownavsub, 
    div[class*="frame-type-menu"] .csc-menu, #eplogo, .btn-print-inner, #gotosidebar {
        display: none;
    }

    body {
        background-color: transparent;
    }

    body.layout-sm #wrap-ms {
        padding-left: 0;
    }

    body.layout-sm #wrap-colbox {
        background: none;
    }

    #headerbox {
        background: none;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #666;
    }

    a, #footer a {
        color: #000;
        text-decoration: underline dashed #ccc;
    }

    a.internal-link-button {
        background-color: #666;
    }

    .csc-frame-invisible h1 {
        background: none;
    }

    .ep-frame-slideshow1 .ep-ss1-controls {
        display: none !important;
    }

    .news-list-view .article {
        border-bottom: 1px solid #ccc;
    }

    #footer {
        color: #000 !important;
        background-color: #fff;
        border-radius: 0;
    }
}

.epp_req {
	color: #FF0000;
	font-weight: bold;
}

/* lake shop form */

.pp_error {
	background-color: #FFC;
	padding: 0 1em;
	border: 1px solid #FC0;
}

.csc-div hr,.access-tip {
	display: none;
}

.csc-div, hr {
	border-style: none;
	border: none;
	clear: both;
	height:0;
	border-top: 1px solid #BED6E0;
	width:100%;
	margin: 1em 0;
	padding: 0;
}

/* hide by moving out of the way */
.access-tip {
	position: absolute;
	display: block;
	left: -999em;
	margin: 0;
	padding: 0;
}