@charset "utf-8"; /* CSS Document */

#body-container, #header-above 
img, object {max-width:100%;}
img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }
#header, #footer {margin:0 auto;}
/* Used in online payments form */
.formlabel { width: 21%; display: inline-block; }
input { margin-bottom: 5px; }

a,a:link,a:visited,a:focus,a:active { text-decoration: underline; color: #428bca; }
.navbar-inverse .navbar-nav > li > a { text-decoration: none; }
a.redlink { text-decoration: underline; color: #DD0000; }
a:hover { color: #F57E20; }
input:focus,
.inputbox:focus,
textarea:focus { border-bottom: solid 2px #999; border-right: solid 2px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.6); box-shadow: 0px 0px 2px rgba(0,0,0,0.6); }

.componentheading,
.contentheading,
.je-header,
h1,h2,h3,h4,h5,h6,
a, p, span, label,legend, 
dt,dd,li,form,td,div, 
.menu { font-family: Verdana }
/*
button,
a[title="Cancel"],
input[type="submit"], 
input[type="button"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f9f9f9; background: -moz-linear-gradient(-90deg,#f9f9f9,#dadada); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dadada)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#dadada'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#dadada')"; border: 1px solid #BDC0C4; color: #192832; padding: 3px 6px; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.6); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.6); box-shadow: 2px 2px 2px rgba(0,0,0,0.6); margin: 3px 5px 6px 0; }
a[title="Cancel"] { padding: 6px; color: #000 !important; }

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover { color: red; }
/*
{ -webkit-box-shadow: 2px 2px 6px rgba(26, 97, 174,1); -moz-box-shadow: 2px 2px 6px rgba(26, 97, 174,1); box-shadow: 2px 2px 6px rgba(26, 97, 174,1); }
a[title="Cancel"]:hover { text-decoration: none; color: #333; -webkit-box-shadow: 2px 2px 6px rgba(237, 31, 36,1); -moz-box-shadow: 2px 2px 6px rgba(237, 31, 36,1); box-shadow: 2px 2px 6px rgba(237, 31, 36,1); }


button:active,
a[title="Cancel"]:active,
input[type="submit"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button2-left a:hover { color: #F57E20 }
*/
table.category { border: 1px solid rgba(10, 163, 74,.8) }
.category tbody tr:hover { background: rgba(10, 163, 74,.5) }
.category .cat-list-row0,
.even { background: rgba(10, 163, 74,.2) }

p.readmore { padding: 10px 0 }
p.readmore a { padding: 8px 50px 8px 0; background: url(../images/example-forward-icon.png) 100% 50% no-repeat; }
.pagenav-prev { float: left; position: relative; width: 32px; height: 32px; background: url(../images/example-back-icon.png) 0 0 no-repeat; }
.pagenav-prev a { height: 0; left: 0; overflow: hidden; padding-top: 32px; position: absolute; width: 100%; }
.pagenav-next { float: right; position: relative; width: 32px; height: 32px; background: url(../images/example-forward-icon.png) 0 0 no-repeat; }
.pagenav-next a { height: 0; left: 0; overflow: hidden; padding-top: 32px; position: absolute; width: 100%; }
.rounded-red,
.rounded-red a,
.rounded-green,
.rounded-green a,
.rounded-blue,
.rounded-blue a,
.rounded-orange,
.rounded-orange { color: #FFF }

#header { color: #999; background: #fff 100% no-repeat; margin-bottom:1px;}

#to-page-top{position:absolute;top:10px;right:10px}

/* Main custom changes */
#body-container { background: #fff; }
.items-leading, .item, .item-page, .contact {padding-left:5px;padding-right:5px;}
#column-1 {padding: 0 0 0 10px; margin: 0 5px 0 0; background: #f8f8f8; border: 1px solid #ccc; border-radius: 3px; }
#column-1 .moduletable { background: #f8f8f8; margin-top:20px; margin-bottom:20px; padding-left:5px; padding-right:5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#column-1 .menu li a { color: #428bca; text-decoration: none; font-size: 14px; }
#column-1 .menu li a:link, #column-1 .menu li a:visited, #column-1 .menu li a:active { text-decoration: none; }
#column-1 .menu li a:hover { color: #eee; background: #428bca; }
.moduletable .menu li a { background: #f8f8f8; }
.moduletable h3 { color: #111; font-size: 1.3em; font-weight: bold; background: #f8f8f8; padding: 3px;}

/* Breadcrumbs, search window settings */
#nav-below-1 ul.breadcrumb, #nav-below-1 ul.breadcrumb li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 0 0 0;padding:0;}
#nav-below-1 { margin: 0 0 0 10px; padding: 0; border: none; background: #fff;}
#nav-below-6 { margin: 0 10px 0 0; padding: 0; border: none; background: #fff;}

#footer {color: #08c; background: #cce5ff; border-top: 1px solid #39f; border-bottom: 1px groove #aaa; border-left: 1px groove #aaa; border-right: 1px groove #aaa;}
#footer .menu li a {background: #cce5ff;}
#footer .moduletable {width:470px;margin:0 auto}
#footer ul.menu li {padding:0px 15px;}
#footer .menu li a { color: #08c; }
dd.published { font-style: italic; }
h2 { font-family: Verdana; font-size: 1.4em; font-weight: bold; color: #006699; }

table.border {border-top: 1px solid #999; border-left: 1px solid #999; border-radius: 3px; }
table.border td {border-right: 1px solid #999; border-bottom: 1px solid #999;padding-left: 5px;padding-right: 5px; padding-bottom: 5px; padding-top: 5px; line-height:140%; }
table.border tr.head {background:#cce5ff; color: #111;}
table.border tr.detail {background:#DEFCCF; color: #000;}
table.border tr.high1 {background:#F0DBDB; color: #000;}
table.border tr.high2 {background:#FF3300; color: #eee;}
table.border tr.white {background:#FFFFFF; color: #000;}
table.border tr td.head {background:#cce5ff; color: #111;}

table.border2 {border: 2px solid #087A91; border-radius: 5px; }
table.border2 tr td {padding: 5px 5px 5px 5px; line-height:140%; }

span.red { color: #foo; }
span.green { color: #14b814; }
span.blue { color: #0A66C2; }
span.navyblue { color: #0A66C2; }
span.yellowb { background-color: #ff0; }
span.blueb { background-color: #D4F7E6; }
span.blueb2 { color: #ffffff; background:#0055ff !important}

/* Add to turn off front-end edit
.icons { display:none }
*/

/* Tooltips */
.tip-wrap{
z-index: 10000;
}
.tip {
float: left;
background: #ff9;
font-family: Verdana;
border: 1px solid #777;
padding: 5px;
max-width: 200px;
}
 
.tip-title {
padding: 0;
margin: 0;
font-size: 95%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
}
 
.tip-text {
 font-size: 95%;
 margin: 0;
}

table.narrow { width: 300px; }

.mobile-only
{
display: none;
}

.youtubevideowrap {
width: 90%;
max-width: 640px;
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


div audio {
  display: block;
  margin-bottom:10px;
  margin-left:10px;
}

#myCanvas {
  border:1px solid;
}
.audiomain {
  margin: 32px;
  border:1px solid;
  border-radius:15px;
  background-color:lightGrey;
  padding:10px;
  width:320px;
  box-shadow: 10px 10px 5px grey;
  text-align:center;
  font-family: "Open Sans";
  font-size: 12px;
}
/*
div.controls:hover {
  color:blue;
  font-weight:bold;
}
*/
div.controls label {
  display: inline-block;
  text-align: left;
  width: 100%;
}

div.controls label, div.controls input, output {
    vertical-align: middle;
    padding: 0; padding-left: 5px; padding-right: 10px;
    margin: 0; width: 80%;
}
.control-label { padding-right: 5px; }

/* Checkbox */
input[type=checkbox].w3-check {width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].w3-check:checked+.w3-validate{color:#009688} 


/*Allow for iPhones etc. */
@media only screen and (max-device-width: 480px)
{
.mobile-only { display: inline; }
.desktop-only { display: none; }
}