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


/****BACKGROUND IMAGE******/

#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}


/****THIS WILL CREATE THE RESPONSIVE TEMPLATE SCALING IMAGES. Just set the image's dimensions to the largest number for clarity/server side resizing and this will scale back from that.****/
.csc-textpic-image img {width:100%;height:auto;}

.frontEndEditIconLinks img {width:16px !important;}


/***EXTRA BITS FOR IMAGE GRIDS TO BE FULL WIDTH AND DYNAMIC****/


div.csc-textpic-center .csc-textpic-center-outer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
    width: 30.5%;
}


div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 2%;
}

div.csc-textpic-imagecolumn:nth-child(last), td.csc-textpic-imagecolumn .csc-textpic-image:nth-child(last) {
    margin-right: 0%;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 1px solid #cbd0d4;
    padding: 0;
}

/**EXTRA BITS FOR IMAGE GRIDS USING TEXT&MEDIA RECORD TYPES**/

.ce-gallery img {width:100%; height:auto;}

.ce-right .ce-media {float:right;}

.list-image-1 {width:35%;float:left;}
.list-image-1 img {width:100%;height:auto;padding-right:1em;}


.ce-textpic.ce-right.ce-intext .ce-gallery {float:right;width:auto;max-width:40%; min-width:40%; padding-left:20px;data-ce-columns}
.ce-textpic.ce-right.ce-intext .ce-gallery {float:right;width:auto;max-width:40%;padding-left:20px;}
.ce-textpic.ce-right.ce-intext .ce-gallery img {width:100%; height:auto;}
.ce-textpic.ce-left.ce-intext .ce-gallery {float:left;width:auto;max-width:40%;padding-right:20px;}

.ce-center .ce-outer, .ce-center .ce-inner {width:100%;}




div[data-ce-columns="2"] .ce-column {
	width:46%;
	padding: 1.5% 2%;
	margin-right:0;
	float:left;
}




div[data-ce-columns="6"] .ce-column {
	width:10%;
	padding: 1.5% 3%;
	margin-right:0;
	float:left;
}


div[data-ce-columns="4"] .ce-row {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	
}

div[data-ce-columns="3"] .ce-column {
	width:29%;
	padding: 1.5% 2%;
	margin-right:0;
	float:left;
}

div[data-ce-columns="4"] .ce-column {
	width:23%;	
	
}
div[data-ce-columns="4"] .ce-column figure, div[data-ce-columns="4"] .ce-column .lightbox {height:100%;display:block;}

div[data-ce-columns="4"] .ce-column img {
	object-fit:cover;
	height:auto;
	max-height:100px;
	
}

@media screen and (max-width:899px) {
	div[data-ce-columns="6"] .ce-column {
		width:21.5%;
		padding: 1.5% 3%;
		margin-right:0;
	}
}

.ce-center div[data-ce-columns="1"] .ce-outer, .ce-center div[data-ce-columns="1"] .ce-inner, .ce-center div[data-ce-columns="1"] .ce-figure, .ce-center div[data-ce-columns="1"] .ce-column, .ce-center div[data-ce-columns="1"] .image {
	width:100%;
	height:auto;
}

.ce-center 	div[data-ce-columns="1"] img {
	width:100%;
	height:auto;
}

@media screen and (max-width:600px) {
	div[data-ce-columns="4"] .ce-column {
	width:100%;	
	
}
}

@media screen and (max-width:700px) {
	.ce-right .ce-media {float:none;}
	.ce-media img {width:100%; height:auto;}
	  
	.list-image-1 {width:100%;float:none;}
    .list-image-1 img {width:100%;height:auto;padding-right:0;}
	
}



.footerlogos div.csc-textpic div.csc-textpic-imagerow-last, .footerlogos div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    display: table;
    margin-bottom: 0;
    width: 100%;
	padding-bottom:20px;
}

.footerlogos div.csc-textpic div.csc-textpic-imagecolumn {
    display: table-cell;
    width: auto;
	float:none;
	padding:0 15px;
	vertical-align:middle;
}

@media screen and (max-width:700px) {
	
	.footerlogos div.csc-textpic div.csc-textpic-imagecolumn {
		padding:0 5px;
	
}
}

/******/

img, img a, img a:hover {
	border:none;
	outline:none;
}

a, a:hover {text-decoration:none;}



body {
width:100%;
margin:0 auto;
padding: 0 0 0 0;
font-size:.95em;

}


@media screen and (max-width:1000px) {	
	body {
		font-size:.75em;
	}	
}

@media print {
	
	img, h1, h2, h3, p, p a {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
	
}

/**********STICKY FOOTER ITEMS************/

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 140px;

} 

#container {
	margin-right:auto;
	margin-left:auto;
	width:100%;
	/*fixes the scaling background z-index*/
	z-index:4;
	position:relative;
	/*background: url(images/back1.jpg) repeat-x bottom;*/
}


#container2 {
	position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	background:url(images/footerback.jpg) repeat-x;
	background-size: contain;
}

@media screen and (max-width:1000px) {
	body > #container {height: auto; min-height: 75%;}
	#main {padding-bottom: 0px !important;}
	
	#container2 {margin-top:0;height:auto;display:block;float:left;}
	
}

.footerimages {max-width:1024px;
width:96%;margin-right:auto;margin-left:auto;padding-top:25px;display:table;height:auto; max-height:49px;}

.footerimagescell {display:table-cell;width:auto;height:auto; padding:0px 1%;}
.footerimagescell div {margin:0 auto;}
.footerimagescell img {width:100%;height:auto;max-width:67px;text-align:center;margin:0 auto;}

@media screen and (max-width:1000px) {
	.footerimagescell {width:12%;margin:0 1%;}
}

.kiniston-blue {display:block;background-image:url(images/nations/kiniston-blue.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}
.mistawasis {display:block;background-image:url(images/nations/Mistawasis.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}
.muskeglake {display:block;background-image:url(images/nations/muskeglake.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}
.muskoday {display:block;background-image:url(images/nations/muskoday.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}
.onearrow {display:block;background-image:url(images/nations/onearrow.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}
.whitecap {display:block;background-image:url(images/nations/whitecap.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}
.yellowquill {display:block;background-image:url(images/nations/yellowquill.png); background-repeat: no-repeat;background-size:cover; max-width:67px; height:auto;}

#contentarea {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	clear:both;
	padding-top:80px;
	padding-bottom:40px;
	background:white;
	overflow:hidden;
	z-index:1;
		position:relative;
}

.contentareahome {padding-bottom:0 !important;}


#contentcontainer {margin:0 auto; float:none;padding: 9.5em 0 0 0;max-width: 1000px;
	width:90%;}
#contenttext {margin: 200px auto 0;
float: none;
padding: 0px;
max-width: 1000px;
width: 90%;}

#contenttextdefault {
    margin: 0 auto;
    float: none;
    padding: 0px 0 3em;
    width: 75%;
    float: right;
}

@media print {
	
	#contenttext {width:100%;}
}

@media screen and (max-width:1000px) {
	#contentarea {padding-top:0px;}
	.menublock {display:none;}
	#contenttext { margin:0 auto;}
	#contentcontainer {padding:3em 0 0 0 ;}
	#contenttextdefault {width:100%;margin:0 auto;float:none;}
}

#contenttext table {
	/*width:100%;*/
	border:none;
	font-family:"Open Sans", sans-serif;
	font-size:12pt;
	line-height:140%;
	margin-top:0px;
	text-decoration:none;
	/*color:#3d3d3d;*/
	display:block;
	margin-bottom:10px;
}

#content {padding-top:.4em;}

#homepagebuttons {min-height:150px; display:block; clear:both;}

#homepagebuttons ul {width:100%;list-style:none;padding:0; margin:0 auto 20px;clear:both;}

#homepagebuttons li {float:left; display:table; width:32%;margin:0% 0% 0% 0%; padding:0;background-repeat: repeat-none; background-size:cover; }

#homepagebuttons li img {width:100%; height:auto;}

#homepagebuttons li:nth-child(1) {margin:0% 2% 0% 0%; background-image:url(images/homepagebuttons-parts.jpg); }
#homepagebuttons li:nth-child(2) {background-image:url(images/homepagebuttons-rentals.jpg); }
#homepagebuttons li:nth-child(3) {margin:0% 0% 0% 2%;background-image:url(images/homepagebuttons-salvaged.jpg); }

#homepagebuttons li a {display:table-cell;vertical-align:middle; height:100%;width:100%; text-align:center; padding:15% 0; font-weight:800; color:white; font-family: "Open Sans", sans-serif; font-size:1.2em;  margin-bottom:5px; text-transform:uppercase; text-decoration:none;}
#homepagebuttons li a div {display:table; width:auto; height:auto; padding:0 0 5%; margin: 0 auto; border-bottom:2px solid white;}

#homepagebuttons li a:hover {color: #e90000;}

@media screen and (max-width:700px) {
	
	#homepagebuttons {min-height:100px; display:block; clear:both;}
	
	#homepagebuttons li {float:left; display:table; width:100%;margin:0% 0% 0% 0%; padding:0;background-repeat: repeat-none; background-size:cover; }

	#homepagebuttons li:nth-child(1), #homepagebuttons li:nth-child(2), #homepagebuttons li:nth-child(3) {margin:0% 0% 10% ; }
	
	
}

.tx-felogin-pi1 h3 {text-align:center !important;}
.tx-felogin-pi1 {width:100%;max-width:400px;margin:0 auto; text-align:center;}

.tx-felogin-pi1  {font-family:"Open Sans", sans-serif;
	font-size:12pt;
	line-height:140%;
	margin-top:0px;
	text-decoration:none;
	/*color:#3d3d3d;*/
text-align:center;}

.tx-felogin-pi1 p {text-align:center !important;}

.fiftypercent {width:50%;
}

.fiftypercent td {width:300px;}
	
.sectiontitle {font-family: 'Open Sans', sans-serif; color:#118fd8; text-transform:uppercase; font-weight:600;width:100%;text-align:left; font-size:.9em;padding:5px 0px;}	
	
.repeatwhiteline {background:url(images/repeatwhiteline.png) repeat-x; height:2px; display:block;width:100%;}

#primarynav { width:100%;display: block;height:auto; clear:both;background-color:#006ba9;}

#primarynav:after {content:'';
    clear:both;
   }

#primarynav1 {width:100%;padding:20px 0px 20px 0px;clear:both;}


.homepageslideshow {
	float:left;
	overflow: visible;
	width:100%;
	z-index: 1;
	position: relative;
	margin-top:13em;
	/*margin-bottom:25px;
	box-shadow:0 0 10px black;*/
}


@media screen and (max-width:1000px) {
	.homepageslideshow {margin-top:0px;}
	}

/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
/**SUCKERFISH DROPDOWN NAV**/

/* 1. Level 
#nav, #nav UL { padding:0; margin:0; list-style:none;}
#nav LI { float:left; padding:5px 21px 3px 21px; background:#3477b5; border-top:5px solid #1b5e96; border-bottom:4px solid #3477b5;}
#nav LI.last { background-image:0;}
#nav LI A { display:block; color:#FFF; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:1px;}
#nav LI:hover , #nav LI.sfhover { background:0; background:#1b5e96; border-top-color:#1b5e96; border-bottom-color:#1b5e96;}
#nav LI.act { background:0; background-color:#e4e7e5; border-top-color:#e4e7e5; border-bottom-color:#e4e7e5;}
#nav LI.act A { color:#1b5e96;}

/* 2. Level 
#nav LI UL { position:absolute; width:20em; left:-999em; margin:7px 0 0 -21px;}
HTML>BODY #nav LI UL { margin-left:0px;}
#nav LI UL LI { width:15em; background:#FFF; border:1px solid #E0E1DB; border-width:0 1px 1px 1px; padding:0 0 0 7px;}
#nav LI:hover UL LI A, #nav LI.sfhover UL LI A { text-transform:none; letter-spacing:normal; font-weight:normal; color:#1b5e96; padding:4px 2px 4px 2px;}
#nav LI UL LI:hover, #nav LI UL LI.sfhover  { background:#f1f3f2 url('bg_nav_arrt.gif') no-repeat right 8px; border-bottom-color:#E0E1DB;}
#nav LI UL LI.act2 { background-color:#f1f3f2;}

#nav LI:hover UL, #nav LI.sfhover UL { left:auto;}
#nav A { text-decoration:none;}
#nav A:hover { text-decoration:none;}


/* 1. Level */
/*
#nav, #nav UL { padding:0; margin:0; list-style:none;text-align:center;display:table;width:100%;}
#nav LI { padding:0px;  display:table-cell; vertical-align:bottom; line-height:90%; }
#nav LI.last { background-image:0;}
#nav LI A { display:block; color:#606060; font-family:  "Open Sans", sans-serif; font-size:10pt; font-weight:400; text-transform:uppercase;  padding:15px 10px 16px 10px; }
#nav LI:hover , #nav LI.sfhover { background:0; }
#nav LI.act { background:0; }
#nav LI.act A { }

/* 2. Level */
/*#nav LI UL { position:absolute; width:20em; left:-999em; margin:0px 0px 0px -21px;border-bottom:thin #b1b1b1;margin-top:0px;}
HTML>BODY #nav LI UL { margin-left:-0px;z-index:20;}
#nav LI UL LI { width:15em; background:white; padding:0 0 0 0px; margin-bottom:0px; border-bottom:1px solid; border-bottom-color:#b1b1b1;display:block;}
#nav LI:hover UL LI A, #nav LI.sfhover UL LI A { font-family: "Open Sans", sans-serif; font-size:10pt; font-weight:normal; text-transform:uppercase; padding:8px 8px 8px 8px;text-align:left; }
#nav LI UL LI:hover, #nav LI UL LI.sfhover  { border-bottom:1px solid; border-bottom-color:#b1b1b1;background-color:white;}
#nav LI UL LI.act2 { background-color:white; color:#468cdb; font-weight:900;}




#nav LI:hover UL, #nav LI.sfhover UL { left:auto;}
#nav A { text-decoration:none; color:#6f6f6f;}
#nav A:hover { text-decoration:none;color:#127272;}

#nav LI.last UL {
    margin-left: -82px;
    z-index: 20;
}

*/

.sf-menu  {display:table !important; width:100% !important; font-family:  "Open Sans", sans-serif; font-size:1em;font-weight:600; text-transform:uppercase;margin-bottom:0px !important;}
.sf-menu li {display:table-cell !important; float:none !important;}

.sf-menu ul li  {float:left !important;width:100%; font-size:10pt;}

.sf-arrows .sf-with-ul::after {display:none !important;}


/****MAIN TYPOGRAPHY*******/

div.divider hr, .ce-div{
color: #a1c4d9;
 background-color: none; 
 border: 1px solid #a1c4d9; 
 border-style: none none solid;
 clear:both; 
 width:100%;
 margin-top:30px;
 margin-bottom:30px;
display:block;
}

div.dividertop hr {
color: #a1c4d9;
 background-color: none; 
 border: 1px solid #a1c4d9; 
 border-style: none none solid;
 clear:both; 
 width:100%;
 margin-top:10px;
 margin-bottom:10px;
display:block;
}


.homepagelatest .divider hr {
	color: #a1c4d9;
	margin: 5px 0px 15px;
	 border: 2px solid #a1c4d9; 

}

.tabbedarea, .tabbedareahome {width:100%;background: url(images/darkgrey.jpg) repeat-x 0px 90px; margin-bottom:-44px;padding-bottom:64px;margin-top:0px;}

.tx-jfmulticontent-pi1 {
	padding-bottom:30px;
}

.news-single-backlink a {font-size:.8em; text-align:center; display:block; margin:0 auto;}

.productfeatures {width:31%;float:right;}
.productcontent {width:64%; float:left;}

.pricetitle {display:none;}
.productdetailsprice {font-family:"Open Sans", sans-serif; font-size:2.5em; color:#3a3a3a; font-weight:600;}

.productdetails {font-family:"Open Sans", sans-serif; font-size:.8em; color:#3a3a3a;font-weight:400;}
.productdetails {width:100%;clear:both; display:table-row; }
.productdetails:nth-child(even) {background-color:#e6e6e6; }

.productdetails div {padding:5px;display:block;}

.productdetailsleft {float:left; width:40%;}
.productdetailsright {float:right; width:49%;}

.left_news {width:100%;clear:both;float:none;}

.left_news p {/*color:#cc4920;*/font-size:16pt;}

.homeleftnews p {color:#118fd8; font-size:1.2em;margin-top:-5px;}

.newspagetitle h1 {padding:50px 0px 10px 0px;}

.pagetitle h1 {padding:10px 0px 10px 0px;}

.pagetitle h1, .newspagetitle h1 {
	font-family:"Open Sans", sans-serif;
	font-size:2.2em;
	color:#118fd8;
	font-weight:600;
	text-align:left;
	line-height:120%;
	margin-top:0;
	padding-bottom:0;
		}

.hometitle h1 {text-align:center !important; margin-top:.8em;}
		
		
div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left:25px;}

@media screen and (max-width:1000px) {
	.pagetitle h1, .newspagetitle h1 {font-size:3em;line-height:110%; text-align:center;}
	
}

.important {/*color:#cc4920;*/ font-size:1.25em;}

h1 {
	font-family:"Open Sans", sans-serif;
	margin-top:.75em;
	margin-bottom:5px;
	font-size:1.6em;
	font-weight:600;
	color:#118fd8;
	line-height:120%;
	text-align:left;
}



@media screen and (max-width:1000px) {
	h1 {font-size:1.8em;}
}

h2 {
	font-family:"Open Sans", sans-serif;
	margin-top:1.5em;
	margin-bottom:5px;
	font-size:1.6em;
	font-weight:600;
	color:#118fd8;
	line-height:120%;
	text-align:left;
}

h2:first-child {margin-top:0em;}


h3 {
		font-family:"Open Sans", sans-serif;
	margin-top:1em;
	margin-bottom:0px;
	font-size:1.3em;
	color:#3a3a3a;
	font-weight:600;
	text-align:left;
}

h4 {
	font-family:"Open Sans", sans-serif;
	margin-top:0px;
	margin-bottom:0px;
}

h5 {
	font-family:"Open Sans", sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	font-size:12pt;
	line-height:140%;
}

h6 {
	font-family:"Open Sans", sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:400;
	font-size:12pt;
	line-height:140%;
}

h1 a {
	
	color:#118fd8;
}

h2 a, h3 a {
	color:#118fd8;
	text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:underline;
	color:black;
}

p, .more, figcaption {
	font-family:"Open Sans", sans-serif;
	font-size:1em;
	line-height:140%;
	margin-top:0px;
	text-decoration:none;
	color:#3d3d3d;
	text-align:left;

}

.contenttable {
	font-family:"Open Sans", sans-serif;
	margin-bottom:2em;
}


.contenttable tr:first-child {
	background:#b9b9b9;
	font-weight:700;
border: thin solid #b9b9b9;
}


figcaption {text-align:center;width:100%; font-size:.8em; display:block !important;}
.ce-gallery figcaption {display:block !Important;}

.news .more {font-size:.8em;text-align:center;}
.homepagelatesttitles h1, .homepagelatesttitles h2 {text-align:center;}

.csc-textpic-caption {font-size:.8em;}

.right_news p {font-size:.8em;}

@media screen and (max-width:800px) {
	.right_news p {font-size:.9em;}
	.homepagelatesttitles h1, .right_news h1 {font-size:1.3rem;}
}

p a, ol a, ul a, a.more , #calendar-event-backlink a, .vevent a {
	text-decoration:none;
	color:#cc4920;
}

p a:hover, ol a:hover, ul a:hover, #calendar-event-backlink a:hover, .vevent a:hover, a.more:hover {
	text-decoration:underline;
	color:#540101 ;
}



.flex-direction-nav p a:hover, .flex-direction-nav ol a:hover, ul a:hover, .flex-direction-nav #calendar-event-backlink a:hover, .flex-direction-nav .vevent a:hover, .flex-direction-nav a.more:hover {
    
    color: white;
}

.no-news-found {font-family:"Open Sans", sans-serif; text-align:center;} 

.cal-list1 {display:table;width:100%;}

.vevent {
	display:table-cell;	
	padding:4%;
	width:29%;
}

.tx-cal-controller .even {
    background-color: white !important;
}


ol, ul {
	font-family:"Open Sans", sans-serif;
	font-size:.95rem;
	line-height:140%;
	margin-top:0px;
	text-decoration:none;
	color:#3d3d3d;
	text-align:left;

}



@media screen and (max-width:1000px) {
	ol, ul {font-size:0.95em;}
	
}

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


/****HEADER*************/

#header {
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background: url(images/background.jpg) no-repeat;
	background-size:cover;
	display:block;
	clear:both;
	position:absolute;
	z-index:3;
	height:auto;
	float:left;
	
}

@media print {
	#header {display:none;}
	#headermobile {display:none;}
	
	
}

.headercontents {width:90%;margin:0 auto;max-width:1000px;display:block;margin-bottom:5px;overflow:hidden;}

.logo {
	width:40%;
	max-width:200px;
	margin:0 auto;
	padding-top:5px;
	
}

.secondarynav {float:right; text-transform:uppercase;  }

.secondarynav ul {list-style-type:none; }

.secondarynav li {display:inline-block; color:white; font-size:.8em;  font-family:  "Open Sans", sans-serif; font-weight:700; padding: 5px 10px 5px 10px;background:#4d4d4d; }

.secondarynav li:last-child {padding-right:10px; background-color:#cf0a2c;}

.secondarynav li:nth-last-child(2) {padding-right:10px;}

.secondarynav li a{color:#cccccc; text-decoration:none;}

.secondarynav li:hover {background-color:#707070;}

.secondarynav li:last-child a {color:white;}


.socialcontact {width:100%;clear:both;  font-size:.9em;  font-family:  "Open Sans", sans-serif; color:#999999; font-weight:600; }
/*.socialcontact div:last-child {padding-top:5px;}
*/
.socialcontact div {float:right;padding: 5px 0 0 10px;}
/*.socialcontact div:first-child {padding:2px 0 0 10px;}*/

@media screen and (min-width:1000px) and (max-width:1150px) {	
.logo img{padding-top:2%;}
}

.logo img {width:100%;height:auto;}


.headerimage {
	width:100%;
	position:relative; 
	margin:-13px auto 0;
	height:58px;
	z-index:1;
	
	display:block;
	/*background:url(images/contenttop1.jpg) no-repeat; */
	background-size:cover;
	background-position:center;
}

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

	.headerimage {}
	.headermobilezindex {position:relative; z-index:2;top:13px;}

}

.mainnav {
	
	display:block;
	background: #006ba9;
	position:absolute;
	width:100%;
	box-shadow: 0 5px 10px #333333;
	
	
}



.mainnav, .mainnav UL { padding:0 0 0 0; margin:0 auto; list-style:none;text-align:right;display:block;clear:both;}
.mainnav UL {width:90%;max-width:1000px;display:table; }
.mainnav LI { padding:0px 0px;  display:table-cell; vertical-align:middle; white-space:pre-line; line-height:90%; text-align:center; margin: 0; }
.mainnav LI.last { background-image:0;}
.mainnav LI A { text-decoration:none;display:block; /*color:#cc4920;*/ font-family:  "Open Sans", sans-serif; font-size:.8em ; font-weight:700; text-transform:uppercase;  padding:12px 10px; }
.mainnav LI:hover , .mainnav LI.sfhover, .mainnav LI a:hover {/*background:#225192;/*color:#540101 ;*/}
.mainnav LI A:hover {box-shadow:none;}
.mainnav LI.act { background:0; }
.mainnav LI.act A { }

.submenu1  {font-family:'Open Sans', sans-serif;width:100%; display:block; text-align:center;list-style:none;}
.submenu1 li {display:inline-block; text-align:center; padding:0px;}

.mainnav LI A {height:100%;}

.mainnav::nth-word(1) {color:black;width:100%;}

.sf-menu {float:unset !important;}
.sf-menu li {white-space: unset !important;}

.mainnav li ul li a {text-align:left !important;}

/*.submenu1 a {color:#00602B; text-decoration:none;}
.submenu1 a:hover {color:#cc4920;}
*/

/*.searcharea {width:70%;float:right;}*/
/*
.mainnav ul{ display: table !important;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    font-weight: 600;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    width: 100% !important;}

.mainnav li, .menuinact, .menuact  {background: black none repeat scroll 0 0;
   
    white-space: nowrap;}

.menuinact a, .menuact a {color:#cc4920; text-decoration:none;}

.menuinact a:hover, .menuact a:hover {color:#540101 ;}*/
.socialcontact {padding-top:.5em;}

.secondarymenu {width:100%; font-family:"Open Sans", sans-serif; text-transform:uppercase;}
.secondarymenu li {display:inline-block;  font-size:.7em; color:white; font-weight:600;}
.secondarymenu ul {padding-left:0;}

.secondarymenu li a {color:white; text-decoration:none;}
.secondarymenu li a:hover {color:#b7e4ff;}

.navtopleft .secondarymenu {display:table-cell;vertical-align:bottom;}
.navtopright .secondarymenu {display:table-cell;vertical-align:bottom; width:100%;}
.navtopright .secondarymenu ul {float:right;}

.navtopleft .secondarymenu li {text-align: left; padding-right:20px;}
.navtopright .secondarymenu li {text-align:right; padding-left:20px;}

.navtopleft {float:left;width:45%; height:10em; display:table; padding-top:0px;}
.navtopright {float:right;width:45%; height:10em; display:table; padding-top:0px;}

.topbuttonnav {
	font-family: 'Open Sans', sans-serif;
	color:white;
	font-size:1em;
	text-align:center;
	
	
	display:table;
	vertical-align:middle;
	
	width:30%;
	margin:0 1%;
	/*background:#00a652; */
	border-radius: 0px 0px 5px 5px;
	height:58px;
	float:left; 
	box-shadow: 0px 10px 10px #3e3e3e;
	padding:0 .5%;
	
	}

.topbuttonnav a {color:white;}

.topbuttonnav a:hover {/*color:#bedfbc;*/}
	
.topbuttonnavcenter {
	display:table-cell;
	vertical-align:middle;
}	
	
.topbuttonnavcenter span {
	display:block;
	font-size:.75em;
}	
	
.search {
	
	padding-bottom:5px;
}
.csc-header  {
    display: none;
}
#searchform {float:right;}

.menublock {width:20%; float:left;padding-top:1.35em;}	

@media print {
	.menublock {display:none;}
	
}

.tx-macinasearchbox-pi1 	{padding-right:10px;}

.subnav {width:90%;max-width:1150px;margin-left:auto;margin-right:auto;}

.menubackshell {list-style:none;display:inline-block;text-align:center;width:100%;margin-left:auto;margin-right:auto;padding:0;margin-top:5px; margin-bottom:5px;}

.menuback {display:block;padding:0; margin-bottom:0; padding: 10px 5px; width:100%; font-family:"Open Sans", sans-serif; color:white;font-weight:400;text-transform:uppercase;font-size:.7em;text-align:left; line-height:110%;}



.menuback a {color:#118fd8;text-decoration:none;}

.menuback a:hover {color:white;text-decoration:none;}



.menubackshell li {background:white;}
.menubackshell li:nth-child(even) {background-color:#d6e9f7;}
.menubackshell li:hover {background:#118fd8; color:white;}
.menubackshell li:hover a {background:#118fd8; color:white;}


input.searchbox-sword {
	border-radius:12px;
	height:20px; 
	width:150px; 
	font-size:11;
	background: white;
	border:none;
	padding:0px 5px;
}
/****FOOTER ELEMENTS****/

#footertop {width:100%;height:37px;/*background:#294a39*/; display:block; color:white;display:table; }

#footertop span {font-family:'Open Sans', sans-serif; font-size:1.1em; text-align:center; font-weight:400;display:table-cell;vertical-align:middle;}

.footerlogos {width:90%; max-width:1000px; margin:0 auto;}

#footer {
	margin-left:auto;
	margin-right:auto;
	bottom:0;
	max-width:1024px;
	width:96%;
	font-family:Geneva, sans-serif;
	font-size:.65em;
	font-weight:normal;
	z-index:3;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:15px 0px 0px 10px; 
	clear:both;
}

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

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


.homepagelatest {width:90%; max-width:1000px; margin:0 auto; padding-top:25px;}
.homepagelatesttitles p {font-size:.85em; margin-top:-5px;}
.homepagelatesttitles h2, .homepagelatesttitles p {text-align:center;}
	
.homepagelatesttitles {width:32%; float:left; margin-right: 1.3%;}
.homepagelatesttitles:last-child {margin-right:0;float:right;}	

.homepagelatesttitles .news-list-container p {text-align:left;}
	
@media screen and (max-width:800px){
	.homepagelatesttitles {width:100%; float:none; margin:0 auto 70px;}
	.homepagelatesttitles p {font-size:.85rem;}
}	

.location {
	float:left;
	text-align:left;

	font-family:"Open Sans", sans-serif;
	font-size:9pt;
	color:white;
	text-transform:uppercase;
}

.location a, .location a:hover {color:white;}

.copyright {
	float:right;
	text-align:right;
	font-family:"Open Sans", sans-serif;
	font-size:9pt;
	color:white;
	text-transform:uppercase;
	
}
	
#footer a, .copyright a {
	color:white;
}

#footer a:hover, .copyright a:hover {
	/*color:#00a652;
	*/
}

.footerleft {display:block;width:60%;float:left;padding-top:10px;}

.footerleftcontent {display:block;float:left;padding:0px 15px 0;}

.footerright {float:right;width:35%;padding-top:10px;text-align:right;font-size:.85em; text-transform:uppercase;}

@media screen and (max-width:1000px) {
	
	#footer {font-size:.9em;height:100%;}
	
	.footerleft {width:100%;}
	
	.footerleftcontent {width:45%; float:left; display:block;text-align:center; border-left:none;padding:10px 5px;}
	
	.footerright {width:100%; text-align:center;}
}

/***CW-TWITTER START***/
.cwtw-TweetWrap {
	width: 30%;
	display: block;
	margin-right: 3%;
	top: 0;
	float: left;
	overflow:hidden;
}
	
.cwtw-Retweet {
    margin-left: 55px;
    font-size: .7em;
    line-height: 140%;
    margin-top: 1em;
}


@media screen and (max-width:800px) {
	.cwtw-TweetWrap {width:100%;margin-right:0;float:none;
	}
}
/***CW-TWITTER END***/


/****POWERMAIL START******/

.twitterfeed {
	float:left;
	width:calc(100% - 380px);
}

.facebookwallfeed {
	float:right;
	width:auto;
}


.socialfeedspace {margin: 0 auto 0;
float: none;
padding: 2em 0px 3em;
display:block;
max-width: 1000px;
width: 90%;
}

@media screen and (max-width:800px) {
	.twitterfeed {
	float:none;
	width:100%;
}

.facebookwallfeed {
	float:none;
	width:100%;
}

	
}

div.tx-powermail {
    color: #7D8489; font-family:"Open Sans", sans-serif;
}

div.tx-powermail {
    font-family: Calibri,Arial,sans-serif;
    font-size: 13pt;
  
    padding: 0 !important;
  
	margin-left:auto !important;
	margin-right:auto !important;
	width: 100% !important;
	color: #7D8489;
}

div.tx-powermail  input, div.tx-powermail select, div.tx-powermail textarea {margin-bottom:15px;padding:5px 0px;width:100%;}

 .powermail_fieldwrap_type_radio .powermail_field {overflow:hidden;display:block; padding-bottom:.65em;}

.powermail_label {color: #7D8489 !important;  font-weight: normal; line-height:140%;width:100% !important;}

.powermail_radio_outer label, .powermail_captcha_outer label, .powermail_check_outer label {
    color: #7D8489;
}

.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul {
    background-color: white;
    border: 0 !important;
    float: none !important;
    list-style: none outside none;
    margin: 0;
    padding: 3px;
    width: 100% !important;
}

.powermail_legend {display:none;} 
 
.powermail_fieldset {
	background:none;
	box-shadow: 0 0 0 0;
	border-radius:0;
	 padding: 0px;
}

.tx-powermail h3 {display:none;}

.tx-powermail .powermail_fieldset {
    background: white !important;
	border:none !important;
	padding:0px !important;
}
.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {
    background-color:transparent;
    border: none;
    float: left;
    padding: 3px;
    width: 100% !important;
}
.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {width:400px;}

.powermail_submit {
    background: #cc4920 !important;
    border: 0 none;
    border-radius: 2px;
    box-shadow: 3px 3px 5px #AAAAAA;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin: 10px 8px 10px 0;
    padding: 5px 20px;
    width: 100% !important;
}

@media screen and (max-width:639px) {
	
	.powermail_field {
	box-shadow:0px 0px 0px #EEEEEE;
	/*width:300px !important;*/
}
.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer, .powermail_check_outer label {width:300px !important;}

	.powermail_captchaimage {
		margin-top: 10px;
		width: 100% !important;
	}
		#contenttext .tx-jfmulticontent-pi1 div {float:none !important; width:100% !important;padding-left:0 !important; margin-left:0px !important;}

}

@media screen and (min-width:640px) {
	
	.powermail_field {
	box-shadow:0px 0px 0px #EEEEEE;
	width:100% !important;
}
.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer, .powermail_check_outer label {width:600px !important;}

.powermail_captchaimage {
    margin-top: 10px;
    width: 399px;
}
	
}
.powermail_form {font-size:90%;}
.powermail_radio {float:left;width:auto !important;}
.radio .powermail_input {width:auto;}
.radio {float:left; padding-right: 1em;}

/****POWERMAIL END******/

/****MULTICONTENT START****/

.ui-accordion-content {height:auto !important;}
	
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*background: #cc4920 !important;*/
    border: none !important;
    color: #E6E6E6;
    font-weight: normal;
	
}	

.ui-state-active, .ui-tabs-active {
	background: #E6E6E6 !important;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
	 background: #E6E6E6 !important;
    border: none !important;
    color: #94e0c3 !important;
}

.ui-state-hover:hover {
	color: #94e0c3 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
   
  
    text-decoration: none;
	

}


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    font-family: "Open Sans", sans-serif !important;
	font-weight:600 !important;
    font-size:11pt !important;
	/*color: #cc4920 !important;*/
    text-decoration: none;
	/*background-image:url(images/arrowup.png) !important;*/
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
	
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    color: white;

}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
     font-family: "Open Sans", sans-serif !important;
	font-weight:600 !important;
    font-size:11pt !important;
    text-decoration: none;
	/*background-image:url(images/arrowdown.png);*/
	background-position:right;
	background-repeat:no-repeat;
}

.ui-accordion .ui-accordion-header .ui-icon {
 	display:none;
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.ui-widget-content {
    background: none !important;
    border: none !important;
    color: #222222;
}

.ui-accordion .ui-accordion-content {
    border-top: 0 none;
    display: none;
    margin-bottom: 2px;
    margin-top: -2px;
    overflow: auto;
    padding: 1em 10px !important;
    position: relative;
    top: 1px;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: 0.2em 0.2em 0.2em 0.2em !important;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    margin-top: 10px !important;
    position: relative;
}

.ui-tabs .ui-tabs-nav {
    background:  none repeat scroll 0 0 !important;
    margin: 0;
    padding: 0.2em 2.5em 0 !important;
}

.ui-widget-header {
    background-color: white !important;
	background-image:none !important;
    border: none !important;
    color: #222222;
    font-weight: bold;
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #E6E6E6 none repeat scroll 0 0 !important;
    border: none !important;
    color: #212121;
    font-weight: normal;
}

.ui-tabs .ui-tabs-panel {
    background: #E6E6E6 none repeat scroll 0 0 !important;
    border-width: 0;
    display: block;
    padding: 1.5em 4em !important;
}

@media screen and (max-width:999px) {	
	.ui-tabs .ui-tabs-panel {
		
		padding: 1.5em 1em !important;
		
	}
	
	
	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}

	.ui-tabs .ui-tabs-nav li {margin:0 !important;}

	.ui-tabs .ui-tabs-nav li a {width:100% !important; padding:10px 0 !important;}
	
	.ui-tabs .ui-tabs-panel p{
		text-align:left !important;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
	
	.ui-tabs .ui-tabs-nav {padding:0 !important;}
	.ui-tabs .ui-tabs-nav li {margin: 1% 1% 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: 48%;}
	
	.tx-jfmulticontent-pi1 div.csc-textpic-intext-right .csc-textpic-imagewrap {max-width:30% !important; height:auto !important;}
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom:0px !important; padding-bottom:0px !important;}
	
	.tabbedarea {width:100%;background: url(images/darkgrey.jpg) repeat-x 0px 190px !important; margin-bottom:-64px;padding-bottom:64px;margin-top:-40px;}

	.tabbedareahome {background: url(images/darkgrey.jpg) repeat-x 0px 30px !important; }


}

/******MULTICONTENT END*******/



/*@media screen and (min-width:1324px) and (max-width:1386px) {	
.searcharea {width:80% !important;}
.mainnav {padding-top:0px !important;}
}

@media screen and (max-width:1323px) {	
.searcharea {width:75% !important;}
.mainnav {padding-top:0px !important;}

}

@media screen and (max-width:1204px) {	
.mainnav {margin-top:-13px !important;}

}*/

.homeimage {width:100%;height:auto;padding-bottom:0px; margin:-10px auto 0;}

.hometext {width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;}
@media screen and (max-width:1000px) {
	.hometext h1 {line-height:140% !important;}
	
}

/******FlexSlider******/

.flexslider {

    margin: 0 0 0px !important;
    background: #fff;
    border: none !important;
    position: relative;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    -o-border-radius: none !important;
    border-radius: none !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 0 !important;
    -o-box-shadow: 0 0 !important;
    box-shadow: 0 0 !important;
    zoom: 1;
	

}

.flexslider .caption-wrapper {display:none;}

.flex-caption h1, .flex-caption p {color:white;}
.flex-caption h1 {font-size:2.5em;}

.flex-caption p a {color:#ff002a;}

.flex-control-nav {display:none;}

.flexslider {background:white;margin-top:135px;}

@media screen and (max-width:1000px) {
.homeimage {display:none;}
	.flexslider {margin-top:13px;}
}	

/*@media screen and (max-width:640px) {
	.flexslider .slides img {min-width:200% !important;}
}*/
	
@media screen and (max-width:1000px) {
	
	.slideshow img {width:100%; height:auto;}
	
	.flexslider .slides img {
		display: block;
		height: auto !important;
		width:100% !important;
		
		max-width:100% !important;
	}
	.slideshow img {
		height: 100vh !important;
		width:auto !important;
		max-width: auto !important;
	}


.flex-caption {
	
	margin-left:0px !important;
	bottom:0px !important;
	left:0 !important;


	}

	.flex-caption h1 {font-size:1.75em; letter-spacing:0;}
	.flex-caption p {font-size:.9em;}
	
}

@media screen and (min-width:1001px) {
	
.slideshow img {width:100%;height:auto;}

.flexslider .slides img {width: 100%;  height: auto; display: block;margin-top:-9%;}




}
.flex-caption {
    /*background: white none repeat scroll 0 0;*/
	background:url(images/transparentblack.png);
    bottom: 35px;
    color: white;
    
    margin: 0;
    padding: 2% 2% 2% 2%;
    position: absolute;
	text-shadow:none;
    width: auto;
	left:5%;
	
	
}


.slideshow {position:relative;z-index:1;}


.news .more {display:block !important;}
.news .footer {display:none;}

/***MOBILE NAV***/
#wrap {text-align:center;display:none;}

#wrap .menubackshell {padding:0;margin-top:10px;list-style:none;}

#wrap.menubackshell {padding:0;margin:0;list-style:none; text-align:center;}

#wrap.menuback { display:inline-block; padding:5px 15px;}

 /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
     }
   a.showLink, a.hideLink {
      text-decoration: none;
   
     
      }
   a.hideLink {
      }
   a.showLink:hover, a.hideLink:hover {
     }
.socialcopy {float:right;margin-top:10px;}	 
.socialbuttons {float:right;width:100%;}


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

	
	
	

.socialbuttons {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 150px !important;
}

	.logo {
	width:100% !important;
	float:none !important;
	margin-left:auto;margin-right:auto !important;
	text-align:center !important;
	padding-bottom:10px !important;
	padding-top:10px;
}

.search {
	float:left;
	padding-top:20px;
}



#searchform, .searcharea {float:left !important; margin-bottom:20px !important; }


.mobilenavbox {/*margin-top:-30px !important;*/margin-bottom:20px;}

}

@media screen and (min-width:451px) and (max-width:639px) {	

.socialcopy {float:none !important}



.socialbuttons {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 150px !important;
}




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



}
@media screen and (max-width:1000px) {	 
	#header {display:none;}
	
	#wrap {display:block !important;}
	
	.mainnav {display:none !important;} 
	
	.search {
		padding-top:5px !important;
	}
	 
	#headermobile {width:100%; background:white; box-shadow: 0 0 10px black;display:block; height:auto;clear:both; background:#006ba9;} 
	
	
	 
	 .mainnavmobile {padding:0% 0%;width:100%;margin-top:0px;clear:both; background:#c9d6ed;}
	 
	 ul.subNavi, ul.subSubNavi {list-style:none; padding:0;text-align:center;font-family:"Open Sans", sans-serif;}

li.toplevelmenu, li.current-withsub, ul.subNavi li a.act, .subnavact {padding-top:20px;font-size:16pt;font-weight:700;}

	#wrap a, #wrap a:hover { text-decoration:none; /*color:#cc4920;*/}
	
	


.copyright {width:100% !important; text-align:center !important;}


.location {width:100% !important; text-align:center !important;margin-bottom:20px !important;}



}


/***CALENDAR****/

.header-buttons {display:none; height:0px !important;}


.tx-cal-controller .month-large .month-weeknums {
    width: 2em;
}
.tx-cal-controller .month-small th, .tx-cal-controller .month-medium th, .tx-cal-controller .month-large th {
    background-color: white;
    font-size: small;
    font-weight: normal;
    text-align: center;
}

.tx-cal-controller .month-large .month-weeknums {
    width: 0 !important;
	display:none;
}

.tx-cal-controller {font-family:"Open Sans", sans-serif;}

.tx-cal-controller .month-large .dayNum, .tx-cal-controller .month-medium .dayNum {
    background-color:  #dff4ff !important;
    border-bottom: medium none;
    font-size: xx-small;
    line-height: 12px;
    padding:5px;
    text-align: right;
}

.tx-cal-controller .month-large tr.days td {
    border: 2px solid white;
}


.tx-cal-controller .month-large td {
    border-left: 8px solid white !important;
    border-right: 8px solid white !important;
    vertical-align: bottom;
}

.tx-cal-controller .month-large tbody tr:last-child td {
    border-bottom: none !important;
}

.tx-cal-controller h1, .tx-cal-controller .found,   {
    margin-top: -40px !important;
    text-align: center;
}

.month-large {background:#dff4ff !important;}

.tx-cal-controller .weekday0, .tx-cal-controller .weekday6 {
    background-color: #dff4ff !important;
}


.tx-cal-controller .month-large tr.days td {
    border: 0px solid white !important;
}

.tx-cal-controller .pagebrowser  {
    margin-top: 0px !important;
    text-align: center;
	width:100%;
	clear:both;
	font-size:8pt;
}


/***DATELISTING***/

.datelisting, .news-latest-date {
	font-family:"Open Sans", sans serif;
    background-color: #1e9e9e;
    color: #FFFFFF;
    float: left;
    font-size: 9pt;
    line-height: 20px;
    margin-right: 25px;
    text-align: center;
    text-transform: uppercase;
    width: 75px;
}

.calday {font-size:20pt;padding:8px 2px;border-bottom:thin solid #ffffff;}

.calmonth {font-size:9pt;padding:3px 2px;border-bottom:thin solid #ffffff;}

.news-list2-container p {line-height:120%;margin-bottom:4px;}
.news-list2-container p a {color:#7D8489;}
.news-list2-container p a:hover {color:black;}

/*.news-list-morelink a {
	font-family:"Open Sans", sans serif;
	color:#1e9e9e ;
	font-size:12pt;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	
}
*/

.news-list-morelink a {font-weight:600;text-transform:uppercase;padding-left:4px; }

.morelinktext {
	display:block;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.backlinktext {
	display:block;
	padding-top:8px;
	padding-bottom:10px;
	
}


/***NEWS***/

/*.news-list-item {display:table-cell;vertical-align:top;width:100%;clear:both;}
.datelisting {display:table-cell;vertical-align:top;}
.newshell {display:table;}
*/

.newsimagethumb {width:100%; height:200px; position:relative;overflow:hidden;margin-bottom:10px;}
.newsimagethumb img {width:auto;height:150%;position:absolute;left:-25%;top:-25%;}

.newsdate, .news-list-date {color:#118fd8;}
.newsdate, .news-list-date {text-align:left; font-size:.8em;}
.homepagelatesttitles .newsdate {text-align:center !important;}
.homepagelatesttitles .news-list-item, .news .articletype-0 {padding:0; margin:0;}
.news-list-item, .news .articletype-0 {padding:10px; overflow:hidden;}
.newsimage img {padding:0 5px;}

.homepagelatest .articletype-0 h2 {font-size:1.3em;}

.news .articletype-0 {font-size:85%;}

.homepagelatesttitles .news .more {text-align:center;}
.news .more {text-align:left;}

.news-list-item:nth-child(even), .news .articletype-0:nth-child(even) {background:#e4eff7; padding:10px; margin:0 0 10px;}

.news .articletype-0 .news-img-wrap {display:none;}

.news-single .article .news-img-wrap img {

    float: none;
    width: 100%;
    height: auto;

}

.news-text-wrap h3 {font-size:1.2em;}
.news-list-tags {width:100%;display:block;}
/*.news-list-item {display: table-cell; width:30%; margin:1.5%; float:left;}*/

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

}

/*.news-list-container h1 {color:#3a3a3a; font-weight:600; font-size: 1em; text-align:left; letter-spacing:0;}*/
.news-list-container .listproductdetails h1 a {color:#3a3a3a !important;}
.news-list-container  .productdetailsprice {font-size:1.45em; text-align:right;font-weight:400;margin-top:-5px;margin-bottom:1px;}
.news-list-container  .productdetailsleft {display:none;}
.news-list-container  .listproductdetails p {display:none;}
.news-list-container  .productdetails {width:100%;display:block; padding:0; margin-top:-6px;}
.news-list-container  .productdetails div {padding:0;}
.news-list-container  .productdetailsright {width:100%; text-align:right;}

.news-single-item .csc-textpic-imagerow-last {margin-bottom:10px !important;}




/***COUNCIL****/

.inner p, .name {color:white; font-family:"Open Sans", sans-serif;}

.name {padding:2px 2px 7px 2px;}

.name {width:100%; background-image:url(images/add.png); background-position:95% 5px; background-repeat:no-repeat;}

.designation {display:block;font-size:10pt; font-style:italic;}

.info {padding:15px; font-size:10pt;}

.inner ol, .inner ul {
            list-style: none;
			padding:5px;
        }

        .inner {
            margin: 0 auto;
            width: 100%; /* 960px / 1024px */
        }

        .inner img {
            max-width: 100%;
        }

        .figure {
            float: left;
            overflow: hidden;
            /**margin: 0em 1.5%; /* 21px / 633px */
            /**width: 30.5%; /* 197px / 633px */
            text-align:center;
		}

		/*.figure {
			min-height:308px;
			
		}*/
		
		.figure .fouracross {
			min-height:308px;
			
		}
		
		.figure .threeacross {
			min-height:408px;
			
		}
		
		.fouracross {
			margin: 0em 1%; /* 21px / 633px */
            width: 23%; /* 197px / 633px */
			min-height:308px;
		}
		
		.mobiledisplay {display:none;}
		#headermobile {display:none;float:left;width:100%;padding:10px 0px;}
@media screen and (min-width:641px) and (max-width:1000px) {
		.fouracross {
			margin: 1em 1.5% !important;/* 21px / 633px */
            width: 47% !important; /* 197px / 633px */
		}
		
		figure .fouracross {
			min-height:628px !important;
			
		}
		
		/*#header {display:none !important;}
		(*/
		.fouracross {
			min-height:628px !important;
		}
		
		
		
		
		.mobiledisplay {display:none !important;}
	
		.mobilenavtop {margin-bottom:5%;clear:both;}
		
}

@media screen and (max-width:999px) {
		#headermobile {display:block !important;}
		
		.mobiledisplay {display:block !important;}
	
		.mobilenavtop {margin-bottom:5%;clear:both;}
		
		.fouracross, .threeacross {
			margin: 1em 0% !important;/* 21px / 633px */
            width: 100% !important; /* 197px / 633px */
		}
		
		figure .fouracross {
			min-height:703px !important;
			
		}
		
		.figure .threeacross {
			min-height:703px !important;
			
		}
		
		.fouracross {
			min-height:703px !important;
		}
		
		.threeacross {
			min-height:703px !important;
		}
		
}
		.threeacross {
			margin: 0em 1.5%; /* 21px / 633px */
            width: 30.5%; /* 197px / 633px */
			min-height:408px;
		}

        .figure img {
            display: block;
            margin: 0 auto;
            left: 0px;
        }

        li#f-mycroft,
        li#f-winter {
            margin-right: 0;
        }

        .inner div.caption {
            background:url(images/transparentblue.png);
            position: relative;
            top: 30px;
            overflow: hidden;
            display: block;
            line-height: normal;
            padding:2px;
            margin: 0 auto;
        }
	
#calendar-event img {width:70% !important;height:auto !important;margin:0 auto;}

#calendar-event {width:100%;text-align:center;}

#calendar-event p {text-align:center;}

#calendar-event-backlink {text-align:center; font-size:80% !important; margin-bottom:10px;}

#calendar-event  .csc-textpic-imagewrap {margin-top:20px;}


p.nolinespaceplain {margin-bottom:0px;}
p.nolinespacebold {font-weight:700;margin-bottom:0px;}

.nolinespaceplain {margin-bottom:0px;}
.nolinespacebold {font-weight:700;margin-bottom:0px;}

div.nolinespaceplain {margin-bottom:0px;}
div.nolinespacebold {font-weight:700;margin-bottom:0px;}

/*
.videogallery {width:30%; float:left; padding-right:3%;}
.videogallery img {width:100%; height: auto;}
.videogallery h2 {padding-top:2.8em;}
*/
/*YOUTUBE Video Fix*/
#c4619 {display:flex;flex-wrap:wrap;}


#c4619 .frame {float:left; width:30% !important; padding-right:3%; padding-bottom:1em;}
#c4619 .frame .frame {width:unset !important;}
.videogallery img {width:100%; height: auto;}
.videogallery h2 {padding-top:.5em;}



.video-embed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-embed-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***This corrects the video not displaying***/
.ce-gallery figure {display:unset;}
.ce-left .ce-gallery, .ce-column {float:unset;}


@media screen and (max-width:1000px) {
	#c4619 .frame {float:left; width:100% !important; padding-right:0%; padding-bottom:1em;}	
}

/***ORIGINAL
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

**/


/*
.videoWrapper {
	position: relative;
padding-bottom: 56.25%;
display:block;
height: auto;
max-height: 0;
}

.asdfads {     position: relative;
    padding-bottom: 56.25%;
    height: auto;
    display: block;
    overflow: hidden;
    max-height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

@media screen and (max-width:1000px) {
	#cssmenu br {display:none;}	
}




.header {
  .menuIcon {
    display: none;
  }
  .menu {
    position: relative;
      ul {
        padding:0;
        margin:0;
        li {
          position: relative;
          display: inline-block;
          padding: 0;
          list-style: none;
        }
      }
    }
  }
  .mobileMenu {
    display: none;
    width: 50%;
    position: absolute;
    margin-left: -100%;
    top: 0;
    z-index: 2;
    ul {
      margin: 0;
      padding:0;
      li {
        list-style:none;
        margin:0;
      a {
        display:block;
        &:hover,&:active {
          background-color: #999;
        }
      }
    }
  }
}

.mobileBodyWrapper {
  .mobileDimmer {
    left:50%;
    z-index:100;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
    background-color:rgba(0,0,0,.45);
    cursor:pointer;
    }
}

@media only screen and (max-width: 767px) {
  .header {
    .menuIcon {
      display:block;
      width:100%;
      text-align:left;
      a {
        width:100%;
        display:inline-block;
        padding:15px;
      }
    }
    .menu {
      max-height:0;
      overflow:hidden;
    }
  }

  .mobileBodyWrapper {
    &.menuOpen {
      left:50%;
      overflow: hidden;
      position: fixed;
      top: 0;
      bottom: 0;
      z-index:1000;
    }
  }

  .mobileMenu {
    &.menuOpen {
      overflow-x: hidden;
      overflow-y: scroll;
      position: fixed;
      display:block;
      top: 0;
      margin-left: 0;
      z-index: 1;
      width: 50%;
      bottom: 0;
    }
  }
}



/**ACCORDION MENU***/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px 20px;
  
  border-top: 1px solid #004166;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #004166;
  
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  /*background: #cc4920;*/
  
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #004166;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #555555;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li  {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#cssmenu ul ul li a {
	color:white;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  /*background: #424852;*/
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

/***HORIZON EDIT Disables top level nav***/
.holder {width:100%;height:100%;}

.Tx-Formhandler {
	font-family:"Open Sans", sans-serif;
	font-size:10pt;
	line-height:140%;
	margin-top:0px;
	text-decoration:none;
	color:#3d3d3d;
	
}

.clearer {display:none;}
.step1-1 {width:28%;padding-right:2%;float:left;}

.step1-2 {width:18%;padding-right:2%;float:left;}

.step2-1 {width:23%;padding-right:2%;float:left;}

.step2-2 {width:48%;padding-right:2%;float:left;}

.step3-1 {display:table-cell;width:31%;padding-right:2%;}

.Tx-Formhandler p{font-size:10pt;}	
	
.Tx-Formhandler fieldset {border:#cdcdcd 1px solid;margin-bottom:20px;}

.Tx-Formhandler fieldset input, .Tx-Formhandler fieldset select {width:100%; padding:5px;margin-bottom:10px;}

.Tx-Formhandler fieldset .step3  input{width:50px;}

.rowfloat {float:left; }

.rowfloat div {float:left;padding-right:5px;}

@media screen and (max-width:1000px) {	 
.step1-1, .step1-2, .step2-1, .step2-2 {width:96%;}



	.clearer {clear:both;display:block;}
}



ul, .columnItems ul {list-style-type:disc;}

.multicolumnContainer li:last-child {float:right;}

.multicolumnContainer li.column {list-style:none;}

.columnItems h1, .columnItems h2 {/*text-align:left;*/}

@media screen and (max-width:1000px) {
	#contenttext .multicolumnContainer .column {float:none;}
	
	#contenttext .multicolumnContainer  li {width:100% !important;}
#contenttext .multicolumnContainer  li img {width:100%; height:auto;}
#contenttext .multicolumnContainer  li .ce-gallery figure {width:100%;}
	#contenttext .columnItems {padding:0 !important;}
	
	
}

}

/*POWERMAIL - CAREER FORM*/
.powermail_fieldwrap_firstname{}
.powermail_fieldwrap_firstname {float:left; width:49%; display:block;}
.powermail_fieldwrap_lastname {float:right; width:49%; display:block;}

.powermail_fieldwrap_email {float:right; width:49%; display:block;}
.powermail_fieldwrap_telephone {float:left; width:49%; display:block;}

.powermail_fieldwrap_emailcontact {float:left; width:100%; display:block;}

@media screen and (max-width:1000px) {
	.powermail_fieldwrap_email {float:left; width:100%; display:block;}
.powermail_fieldwrap_telephone {float:left; width:100%; display:block;}
}

.powermail_fieldwrap_1areyouacanadiancitizenorlegallyentitledtoworkincanada, .powermail_fieldwrap_2areyouanaboriginalperson, .powermail_fieldwrap_3self_identification, .powermail_fieldwrap_question4, .powermail_fieldwrap_5-are-you-willing-to-work-evenings-or-weekends, .powermail_fieldwrap_6desiredemploymentstatus {width:100%; clear:both;}


.powermail_fieldwrap_address {float:left; width:49%; display:block;}
.powermail_fieldwrap_city {float:left; width:23%; padding-left:2%; display:block;}
.powermail_fieldwrap_province {float:left; width:8%; padding-left:2%; display:block;}
.powermail_fieldwrap_postalcode {float:right; width:14%; display:block;}

div.powermail_fieldwrap_areyouavailabletoworkfulltime {float:left; width:31%; display:block;}
div.powermail_fieldwrap_areyouavailabletoworkfulltime input {display:inline-block; width:auto; }
div.powermail_fieldwrap_areyouavailabletoworkfulltime .radio {float:left;padding-right:10px; display:block;}
.powermail_fieldwrap_jobyouareapplyingfor {float:left; width:34%; padding-left:2% display:block;}
.powermail_fieldwrap_dateyoucouldstartifhired {float:right; width:31%; display:block;}

.powermail_fieldwrap_describeyoureducation {float:left; width:49%; display:block;}
.powermail_fieldwrap_describeyourselfincludeanycommentshobbiesspecialskills {float:right; width:49%; display:block;}

.powermail_fieldwrap_describepriorworkhistorystartwithmostrecent {display:block;}

.powermail_fieldwrap_referencename1, .powermail_fieldwrap_referencename2, .powermail_fieldwrap_referencename3 {float:left; width:24%; padding-right:1.5%; display:block;}
.powermail_fieldwrap_referenceoccupation1, .powermail_fieldwrap_referenceoccupation2, .powermail_fieldwrap_referenceoccupation3  {float:left; width:24%; padding-right:1.5%; display:block;}
.powermail_fieldwrap_referenceaddress1, .powermail_fieldwrap_referenceaddress2, .powermail_fieldwrap_referenceaddress3  {float:left; width:24%; display:block;}
.powermail_fieldwrap_referencetelephone1, .powermail_fieldwrap_referencetelephone2, .powermail_fieldwrap_referencetelephone3  {float:right; width:23.5%; display:block;}


/**TINYACCORDION**/
ul.tinyaccordion li {}
ul.tinyaccordion li h3 {background:#eaeaea !important;width:100%;font-size:1.1em; padding:.7em; margin:.5em 0; }
ul.tinyaccordion {padding-left:0;}