/* add new font ********************************* */
@font-face {
    font-family: 'Avenir';
    src: url('/Areas/IEI/Assets2/fonts/Avenir-Roman.eot');
    src: url('/Areas/IEI/Assets2/fonts/Avenir-Roman.otf') format('truetype'), /* Safari, Android, iOS */
        url('/Areas/IEI/Assets2/fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/Areas/IEI/Assets2/fonts/Avenir-Roman.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Areas/IEI/Assets2/fonts/Avenir-Roman.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/Areas/IEI/Assets2/fonts/Avenir-Black.eot');
    src: url('/Areas/IEI/Assets2/fonts/Avenir-Black.otf') format('truetype'),  /* Safari, Android, iOS */
        url('/Areas/IEI/Assets2/fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/Areas/IEI/Assets2/fonts/Avenir-Black.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Areas/IEI/Assets2/fonts/Avenir-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('/Areas/IEI/Assets2/fonts/Avenir-Obligue.eot');
    src: url('/Areas/IEI/Assets2/fonts/Avenir-Oblique.otf') format('truetype'), /* Safari, Android, iOS */
        url('/Areas/IEI/Assets2/fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/Areas/IEI/Assets2/fonts/Avenir-Oblique.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Areas/IEI/Assets2/fonts/Avenir-Oblique.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: italic;
}


/* end of font changes *************************************** */



/* ALL device sizes ********************************************************* */

	.ms-rteElement-P,.ms-rteFontFace-5, .ms-rteFontSize-3 {
		font-family: Avenir, Arial, Helvetica, sans-serif; ; 
		font-size: 11pt ; 
		color: black; 
		font-weight: normal; 
		margin-left:0px;
		margin-right:0px;
		padding-bottom:0px;
		margin-top:0px
	}

/* links in header, the only indication is the underline on rollover. may have to revisit an actual link in a header. */
	h1 a, h2 a {
		text-decoration: none !important;
		color:black;
	
	  }
	h1 a:hover, h2 a:hover {
		text-decoration: none !important;
	  	color:black;
	    background-image: linear-gradient(#fff 50%, #0083be 50%);
		background-repeat: repeat-x;
		background-position: 0 1.9rem;
		background-size: 4px 4px;
	  }
	h1 a:visited, h2 a:visited {
		text-decoration: none !important;
	  	color:black;
	  }

	/* OLD before adding respoinsive code::::: .SectionHead {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:20px;
		color:black;
		height:30px;
		position:relative;
		margin-bottom:10px;

	}*/
		.SectionHead {
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:20px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:10px;
			margin-top:15px;
			padding-top:25px;
			border-top:thin #E5E5E5 solid
		}	

	h1 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		color:black;
		height:30px;
		margin-bottom:0px;
		border-top: thin #E5E5E5 solid;
		padding-top:20px

	}

	h2 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		color:black;
		height:30px;
		margin-bottom:0px;

	}

	h3 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:20px !important;
		color:black;
		margin-bottom:0px;

	}
	h4 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px !important;
		color:black;
		margin-bottom:0px;

	}
	h5 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:15px !important;
		color:black;
		margin-bottom:0px;
		font-style:normal !important;

	}
	#pageTitle {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:36px;
		color:black;
		height:30px;
		margin-bottom:20px;
		padding-top:15px

	}
	
	.Section {
		padding-left:0px;
		float:left;
		xxwidth:978px;
		margin-bottom:0px !important;
		padding-bottom:0px;
	}	
		
		
/* FOR HOMEPAGE */
	.whatsnewblock{
		float:left;
		min-height:100px;
		width:290px;
		padding-right:20px;
		margin-bottom:10px
	}
		
		.banner-feature-wrapper{
			width:980px;
			max-width:980px;
			height:440px;
			margin-bottom:0px; 
			margin-left:0px;
			margin-right:0px;
			padding-top:20px;
		}
		.banner-feature-image{
			height:440px;
			width:980px;	
			background-size:980px 440px;
		}	

		.banner-text{
			width:980px;
		}
		.flexslider{
			width:980px;
			/*height:440px;*/
		}		
/* overwrite standard styles ****************************** */

	.ms-rtestate-field{
	
		font-family: Avenir, Arial, Helvetica, sans-serif; 
		font-size: 12pt; 
		color: black; 
	
	}
	#pageContent div {
		margin-bottom:15px;
	
	}
/* orange bullets */
.ms-rtestate-field ul, .ms-rteElement-P ul,.ms-rteFontFace-5 ul, .ms-rteFontSize-3 ul { 
	list-style:none !important; 
	margin-top:0px ; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px; 
	padding-left:0px; 
	padding-top:0px
}

.ms-rtestate-field ul li, .ms-rteElement-P ul li,.ms-rteFontFace-5 ul li, .ms-rteFontSize-3 ul li {
	background:url('/Areas/IEI/Assets2/images/bullet_blue.gif') 0px 7px no-repeat ; 
	margin-bottom:10px; 
	padding:0px 5px 0px 18px; 
	margin-top:0px;
	line-height:20px
}

.ms-rtestate-field ul ul li, .ms-rteElement-P ul ul li,.ms-rteFontFace-5 ul ul li, .ms-rteFontSize-3 ul ul li {  background:url('/Areas/IEI/Assets2/images/bullet_blue.gif') 19px 7px no-repeat; 
	margin-bottom:0px; 
	padding:0px 0px 0px 24px; 
	margin-top:0px 
}

/* links in paragraphs */
	.ms-rtestate-field a, .ms-rteElement-P a,.ms-rteFontFace-5 a, .ms-rteFontSize-3 a,.ms-rtestate-field ul li a {
		text-decoration: none !important;
		color:black !important;
		background-repeat: repeat-x;
		background-position: 0 1.1rem;
		background-size: 2px 2px;
	    background-image: linear-gradient(#fff 50%, #0083be 50%);
	}

	.ms-rtestate-field a:hover, .ms-rteElement-P a:hover,.ms-rteFontFace-5 a:hover, .ms-rteFontSize-3 a:hover,.ms-rtestate-field ul li a:hover {
		text-decoration: none !important;
	  	color:#0083be !important;
	}

	.ms-rtestate-field a:visited, .ms-rteElement-P a:visited,.ms-rteFontFace-5 a:visited, .ms-rteFontSize-3 a:visited,.ms-rtestate-field ul li a:visited {
	  	color:black !important;
	}
/* headers */
.ms-rtestate-field h1, .ms-rteElement-P h1,.ms-rteFontFace-5 h1, .ms-rteFontSize-3 h1 { 
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:20px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:5px;
			margin-top:15px;
			border-top: thin #E5E5E5 solid;
			padding-top:20px
}
.ms-rtestate-field h2, .ms-rteElement-P h2,.ms-rteFontFace-5 h2, .ms-rteFontSize-3 h2 { 
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:20px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:5px;
			margin-top:15px;
			padding-top:20px
}
.ms-rtestate-field h3, .ms-rteElement-P h3,.ms-rteFontFace-5 h3, .ms-rteFontSize-3 h3 { 
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:16px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:5px;
			margin-top:15px;
			font-style:italic;

   }
.ms-rtestate-field h4, .ms-rteElement-P h4,.ms-rteFontFace-5 h4, .ms-rteFontSize-3 h4 { 
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:11px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:5px;
			margin-top:15px
}

/* footer ************************************************ */
.footer{
	overflow:auto;
	float:none;
	position:relative;
	margin-top:20px;
	padding-top:20px;
	border-top: thin #E5E5E5 solid;
}

.footer-image{
	float:left;
	width: 200px
}
.footer-address{
		font-family: Avenir, Arial, Helvetica, sans-serif ; 
		font-size: 10pt ; 
		color: black; 
		font-weight: normal; 
		padding-bottom:10px;
        padding-left:200px;
        height: 100%;
}


.footer-questions{
		font-family: Avenir, Arial, Helvetica, sans-serif ; 
		font-size: 10pt ; 
		color: black; 
		font-weight: normal; 
		margin-top:20px;
		padding-bottom:20px;
		border-bottom: thin #E5E5E5 solid;
}
.footer a {
		text-decoration: none !important;
		color:black !important;
		font-weight:bold;
}
.footer a:hover{
		background-repeat: repeat-x;
		background-position: 0 .8rem;
		background-size: 3px 3px;
		text-decoration: none !important;
	  	color:black;
	    background-image: linear-gradient(#fff 50%, #0083be 50%);

}
.footer a:visited{
	  	color:black;

}
.footer-social{
	display:inline;
	vertical-align:sub;
}
.footer-social a:hover{
	background:none;
}

.footer-menu{
		font-family: Avenir , Arial, Helvetica, sans-serif; 
		font-size: 9pt ; 
		color: black; 
		font-weight: normal; 
}
.footer-menu a{
		font-weight: normal ; 
		background-position: 0 .8rem;
}
.footer-menu-head a{
		font-family: Avenir, Arial, Helvetica, sans-serif ; 
		font-size: 10pt ; 
		color: black; 
		font-weight: bold; 
}
.footer-menu-section{
	width:245px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

/* buttons ************************************* */
.arrowbutton {
	height:20px;
	border:2px #0083be solid;
	padding:5px 10px 3px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Arrow.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	display:inline-block;	
	letter-spacing:1.01px;
	
}

.plusbutton {
	height:20px;
	border:2px #0083be solid !important;
	padding:5px 10px 3px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Plus.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	display:inline-block;	
	letter-spacing:1.01px;

}

.printbutton {
	height:20px;
	border:2px #0083be solid;
	padding:5px 10px 3px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Print.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	display:inline-block;	
	letter-spacing:1.01px;
	
}

/* with white outline--- for use is banner text is orange 
.bannerbutton {
	height:20px;
	padding:6px 10px 2px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Plus.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	background-color:white;
	text-align:center;
	bottom:20px;
	right:20px; 
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:1.01px;

} */

/* without white outline --- for use when banner text is not orange */
.bannerbutton {
	height:20px;
	border:2px #0083be solid !important;
	padding:5px 10px 3px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Plus.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	display:inline-block;	
	letter-spacing:1.01px;
	text-align:center;
	bottom:5px;
	right:20px; 
	position:absolute;
	vertical-align:middle;
	background-color:white;


}

.arrowbutton:hover{
	background-color:#0083be;
	color:white;
	background-image:url('/Areas/IEI/Assets2/images/More-Arrow-Reversed.png');
	
}

.plusbutton:hover, .bannerbutton:hover {
	background-color:#0083be;
	color:white;
	background-image:url('/Areas/IEI/Assets2/images/More-Plus-Reversed.png');
	
}


.printbutton:hover{
	background-color:#0083be;
	color:white;
	background-image:url('/Areas/IEI/Assets2/images/More-Print-Reversed.png');
	
}

/* with white outline--- for use is banner text is orange 

.bannerbutton:hover{
	background-color:#0083be;
	color:white;
	border:2px white solid;
	height:16px;
	padding:4px 8px 4px 38px;
	background-image:url('/Areas/IEI/Assets2/images/More-Plus-Reversed.png');
	background-position:8px 3px;
} */

.mainproduct {
	width:950px;
	margin-bottom:15px;
	overflow:auto;
	border-bottom:none !important;
	
}
.mainproduct div{
	margin-bottom:0px;
}
.mainproducttext {
	font-family: Avenir, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: black; 
	border-bottom:none !important;
	margin-bottom:0px !important;

}

.productsection {
	padding-bottom:5px;
	padding-top:10px;
}

.productcontainer>div {
	border-bottom:thin #E5E5E5 solid;
}

.productcontainer>div:last-child {
    border-bottom:none ;
}
.productimage{
	width:170px; 
	height:220px; 
	/* adjusted the background image size because most of the images are 164x220 instead of 170x220. this new setting will make the porportions correct but the edge will get cropped slightly, if the image is actually 170x220 then it will get stretched vertically  */
	background-size:170px 228px;
	background-position:center;
	background-repeat:no-repeat; 
	float:left; margin:0;
	padding-left:0; 
	margin-right:30px; 
	position:relative;
	border:thin #E5E5E5 solid ;

}
.productsectionhead {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:20px;
		color:black;
		height:30px;
		position:relative;
		margin-bottom:10px;
		border-bottom:none !important;
}
.downloadbutton{
	height:20px;
	border:2px #0083be solid !important;
	padding:5px 10px 3px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Download.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	display:inline-block;	
	letter-spacing:1.01px;
	margin-right:0px;
}

.downloadbutton:hover{
	background-color:#0083be;
	color:white;
	background-image:url('/Areas/IEI/Assets2/images/More-Download-Reversed.png');
	
}


.playbutton{
	height:20px;
	border:2px #0083be solid !important;
	padding:5px 10px 3px 40px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-transform:uppercase;
	margin-top:10px;
	background-image:url('/Areas/IEI/Assets2/images/More-Play.png');
	background-position:10px 5px;
	background-repeat:no-repeat; 
	display:inline-block;	
	letter-spacing:1.01px;
}

.playbutton:hover{
	background-color:#0083be;
	color:white;
	background-image:url('/Areas/IEI/Assets2/images/More-Play-Reversed.png');
	
}


/* events ************************************ */
.eventcontainer {
	border-bottom:thin #E5E5E5 solid;
	overflow:auto;
}


.eventTitle {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:36px;
		color:black;
		margin-bottom:20px;
		padding-top:15px
}

.mainevent {
	width:295px;
	margin-bottom:15px;
	float:left;
	border-bottom:none !important;
	position:relative;
	
}


.maineventtext {
	font-family: Avenir, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: black; 
	border-bottom:none !important;
	margin-bottom:5px !important;

}

.eventsection {
	padding-bottom:5px;
	padding-top:10px;
}

.eventrow>div {
	margin-right:30px;
}

.eventrow>div:nth-child(3) {
    margin-right:0 ;
}
.eventimage{
	width:298px; 
	height:178px; 
	background-size:auto 180px;
	background-position:center;
	background-repeat:no-repeat; 
	margin:0;
	padding-left:0; 
	margin-right:30px; 
	border:thin #E5E5E5 solid;

}
.eventsectionhead {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:20px;
		color:black;
		height:30px;
		position:relative;
		margin-bottom:10px;
		border-bottom:none !important;
}
.eventdescriptiontext {
	font-family: Avenir, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: black; 
	border-bottom:none !important;
	margin-bottom:0px !important;
	float:left;
	width:700px

}
.eventsponsorlogo{
	width:150px; 
	height:100px; 
	background-size:130px;
	background-position:center;
	background-repeat:no-repeat; 
	margin:0 !important;
	padding:0 !important;
}

.eventbanner{
	width:976px;
	margin-top:30px;
	height:240px;
	background-repeat:no-repeat;
	background-size: 980px;
	background-position:center;
	position:relative
}

/* tech partner ********************************************* */
.techpartnerwrapper{
	display:inline-block;
	margin-bottom:0 !important;
	padding:0 !important; 
	margin-right:30px; 
	
}

/* if the width of the image is too small the image gets "cropped" NEED TO FIX - currently the one that is too small has extra whitespace padding on either side! */
.techpartnerimage{
	width:220px; 
	height:100px; 
	background-size:150px;
	background-position:center;
	background-repeat:no-repeat; 
	margin:0 !important;
	padding:0 !important;
	padding-bottom:30px;
}

/* wierd border stuff to make a triangle */
.techpartnerarrow {
	margin:0 !important;
	margin-bottom:-2px !important;
	padding:0 !important;
	margin-left:100px !important;
	height:11px;
	overflow:hidden;
	width: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0083be;

}

.techpartnerpopupimage{
	width:220px; 
	height:200px; 
	background-size:180px;
	background-position:center;
	background-repeat:no-repeat; 
	margin:0 !important;
	padding:0 !important;
}

.techpartnerpopup {
	width:902px;
	border: 4px #0083be solid; 
	margin:0 !important;
	margin-bottom:15px !important;
	padding:10px;
	min-height:200px;
	margin-top:-3px !important;
}
.techpartnerpopup::before{
	content: "X";
	float:right;
	vertical-align:top;
	font-weight:bold;
	font-size:20px;
	color:black;
	cursor:pointer;

}

.snapshotimage{
	float:right;
	width:220px; 
	height:100px; 
	background-size:150px;
	background-position:center;
	background-repeat:no-repeat; 
	margin:0 !important;
	padding:0 !important;
}

.snapshotprintimage{
	float:right;
	height:auto; 
	width:150px; 
	margin:0 !important;
	padding:0 !important;
	margin-top:10px !important;
	
}

/* menu **************************************** */
.menucontainer{
	padding: 0px 0px 0px 0px;
	width:100%;
	background-color:#0083be; 
	height:48px; 
	text-align:center;
}

.menutitle {
	 
	padding:15px 20px 13px 10px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	color:white;
	text-transform:uppercase;
	margin-top:0px; 
	margin-right:20px;  
	background-image:url('/Areas/IEI/Assets2/images/nav-down.jpg'); 
	background-position:right;
	background-repeat:no-repeat; 
	background-color:f1732f;
	text-align:center;
	right:20px; 
	display:inline-block;
	letter-spacing:1.1px;
}

.menuitem{
	background-image:url('/Areas/IEI/Assets2/images/bullet_blue.gif');
	background-position:0px 5px;
	background-repeat:no-repeat; 
	background-color:white; 
	padding-left:10px;
	margin-bottom:8px
}
.menuitem a, .menuitem a:visited{
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:black !important;
	text-transform:uppercase;
	
}

.menuitem a:hover{
		background-repeat: repeat-x;
		background-position: 0 .9rem;
		background-size: 3px 3px;
		text-decoration: none !important;
	  	color:black;
	    background-image: linear-gradient(#fff 50%, #0083be 50%);	
}

.menudropdownbox{
	display:none; 
	background-color:white; 
	border: 2px #0083be solid; 
	border-top:none; 
	position:relative; 
	text-align:left; 
	z-index:100; 
	top:0px; 
	padding: 10px
}
/* snapshot gallery */

.gallerylistitem {
	width:300px;
	margin-bottom:15px;
	float:left;
	border-bottom:none !important;
	position:relative;
	margin-right:30px; 
	
}

.galleryimage{
	width:298px; 
	height:178px; 
/*	background-size:500px auto; */
	background-size 300px 180px;
	background-position:left top;
	background-repeat:no-repeat; 
	margin:0 0 5px 0 !important;
	padding:0; 
	border:thin #E5E5E5 solid;

}
.gallerytext{
	font-family: Avenir, Arial, Helvetica, sans-serif; ; 
	font-size: 11pt ; 
	color: black; 
	font-weight: normal; 
	border-bottom:none !important;
	margin-bottom:5px !important;
	
}

.galleryrow>div {
	margin-right:30px;
}

.notworkinggalleryrow>div:nth-child() {
/* this is for the 3rd featured meeting. it should be the last direct child but it is not (apparently there are over 5)! i'm not exactly sure why this is not the LAST direct child for eventrow */
    margin-right:0 ;
}


/* end snapshot gallery */


.staffbio{
	font-family: Avenir, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: black; 
	font-weight: normal; 
	margin-left:0px;
	margin-right:0px;
	padding-bottom:5px;
	padding-left:0px;
	margin-bottom:0px
}

/* individule menu settings */

#aboutdropmenu{
	width:250px;  
	left:110px; 
}

#pubdropmenu{
	width:200px;   
	left:220px;
}
#eventsdropmenu{
	width:200px; 
	left:395px;
}
#tprdropmenu{
	width:200px;
	left:513px; 
}


/* sub menu ********************************* */

.submenuitem>div {
    font-family: Avenir, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px ;
	color:black;
	padding:0 15px 0 12px ;
	margin: 20px 0 10px 0 ;
	text-transform:uppercase;
	display:inline-block;
	border-right:2px #0083be solid;
	letter-spacing:1.01px;
}
.submenuitem>div:first-child {
	 padding-left:0 !important;
}

.submenuitem div:last-child {
    border-right:none;
}

.submenuitem div a {
}

.submenuitem a, .submenuitem a:visited, .submenuitem a:hover {
	color:black !important;
	background-image:none !important;
}

/* search overwrites ******************************* */

.s4-search .ms-sbgo a
{
	background:url('/Areas/IEI/Assets2/images/Search.jpg') no-repeat; 
	border-top: thin #e3e3e3 solid !important;
	border-right:thin #e3e3e3 solid !important;
	border-bottom: thin #e3e3e3 solid !important;
	border-left: none  !important;
	width:23px  !important;
	height:31px  !important;
	display:block; 
}

.s4-search .srch-gosearchimg, .s4-search .ms-sbgo span
{
	display:none; 
}


.s4-search input.ms-sbplain , .s4-search select.ms-sbscopes, .s4-search input.ms-sbplain {
	border: none !important;
	border-top: thin #e3e3e3 solid !important;
	border-right:none !important;
	border-bottom: thin #e3e3e3 solid !important;
	border-left: thin #e3e3e3 solid !important;
	background-image:none !important;
	height:29px !important;
}

.s4-search table {
	margin-right:0 !important;
}

a img {
      border: none;
}

/*turns off sharepoints default action that higlights an active web part with a 1 px blue line border */
.s4-wpActive .s4-wpTopTable, .s4-wpActive .ms-WPSelected {
    border: none !important;
}


/* responsive code 4/1/2016 
		
@media (max-device-width: 769px) {

IPAD ONLY
@media  (min-device-width : 768px) and (max-device-width : 1024px){

*/
@media  (min-device-width : 320px) and (max-device-width : 1024px){
	


/* SMALL SCREEN  ********************************************************* */

/* body text */
	.ms-rtestate-field div, .ms-rtestate-field{
	
		font-family: Avenir, Arial, Helvetica, sans-serif ; 
		font-size: 12pt ; 
		color: black; 
		font-weight: normal; 
		margin-left:5px;
		margin-bottom:15px;
	
	}

/* header text */
	#pageTitle {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:20px;
		color:black;
		height:30px;
		margin-bottom:10px;
		margin-top:5px;
		padding-left:15px;
	}

	.Section, .productsection, .eventsection, .submenuitem, .photo, .ms-rtestate-field, .ms-rtestate-field ul li, .ms-rtestate-field p, h1 {
	
		margin-left:15px;
		margin-right:5px
	
	}
			.Section {
			padding-left:0px;
			float:left;
			margin-left:15px;
			width:958px;
			padding-bottom:0px;
			margin-bottom:0px !important;
		}
			
		.SectionHead {
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:20px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:10px;
			padding-top:25px;
			border-top:thin #E5E5E5 solid
		}







	.eventrow>div{
		margin-right:0px;
	}



/* FOR HOMEPAGE */

	.whatsnewblock{
		float:left;
		min-height:100px;
		width:270px;
		padding-right:20px;
		margin-bottom:10px
	}



		.banner-feature-wrapper{
/* for responsive NOT NOT:			width:685px;
			height:307px; */
			width:930px;
			max-width:930px;
			height:440px;
			margin-bottom:0px; 
			margin-left:0px;
			margin-right:0px;
			padding-top:20px;
		}
		
		
		.banner-feature-image{
/* for responsive NOT NOT:			height:307px;
			width:685px; 
			background-size:685px 307px; */
			height:440px;
			width:930px;	
			background-size:980px 440px;
		}
		.banner-text{
/* for responsive NOT NOT:					width:685px; */
			width:930px;
		
		}
		.flexslider{
/* for responsive NOT NOT:					width:685px;
			height:307px; */
			width:930px;
			height:440px;
		}
		
		/*bring back banner after moving EVERYTHING else to the right 15px */
	.flexslider ul li {
		margin-left: -5px !important;
	}
	#fscontainer, .Section {
		width:930px !important;
	}
		.bannerbutton{
/* for responsive NOT NOT:					display:none */
		margin-right:20px;
		font-family:Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:10pt !important;
		color:black;
		margin-left:0 !important;
		padding:5px 10px 3px 40px;
	}
	

	.downloadbutton, .plusbutton, .arrowbutton, .playbutton{
		margin-right:20px;
		font-family:Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:10pt !important;
		color:black;
		margin-left:0 !important;
		padding:7px 10px 3px 40px;
	}


	.staffbio{
		font-family: Avenir, Arial, Helvetica, sans-serif; 
		font-size: 11pt; 
		color: black; 
		font-weight: normal; 
		margin-left:0px;
		margin-right:50px;
		padding-bottom:5px;
		padding-left:0px;
		margin-bottom:0px
	}
	.eventbanner{
		width:930px;
		margin-top:30px;
		height:240px;
		background-repeat:no-repeat;
		background-size: 930px;
		background-position:center;
		position:relative
	}
	
}
/* End of small screen ****************************************************************** */	




/* LARGE IPOD SCREEN *********************************************************** */

/* if 'print' is not specified here the print defualts to the small screen code above, to make a "specific" print style remove it from here and create a WHOLE new media type */

/* (768 is the IPAD size, so anything above that used the code below) this was 980 but that makes people that have a small windows on a desktop loose the menus */
		
/* 

@media (min-device-width: 770px){ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

*/

/* body text 
	.ms-rtestate-field{
	
		font-family: Avenir, Arial, Helvetica, sans-serif; 
		font-size: 12pt; 
		color: black; 
	
	}
	
	
	#pageContent div {
		margin-bottom:15px;
	
	}

*/

/* header text 
	h1 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		color:black;
		height:30px;
		margin-bottom:0px;
		border-top: thin #E5E5E5 solid;
		padding-top:20px

	}

	h2 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		color:black;
		height:30px;
		margin-bottom:0px;

	}

	h3 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:20px !important;
		color:black;
		margin-bottom:0px;

	}
	h4 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px !important;
		color:black;
		margin-bottom:0px;

	}
	h5 {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:15px !important;
		color:black;
		margin-bottom:0px;
		font-style:normal !important;

	}
	#pageTitle {
	    font-family: Avenir, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:36px;
		color:black;
		height:30px;
		margin-bottom:20px;
		padding-top:15px

	}
		.Section {
			padding-left:0px;
			float:left;
			width:978px;
			margin-bottom:0px !important;
			padding-bottom:0px;
		}
		.SectionHead {
		    font-family: Avenir, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:20px;
			color:black;
			height:30px;
			position:relative;
			margin-bottom:10px;
			margin-top:15px;
			padding-top:25px;
			border-top:thin #E5E5E5 solid
		}
		*/
		
/* FOR HOMEPAGE 
	.whatsnewblock{
		float:left;
		min-height:100px;
		width:290px;
		padding-right:20px;
		margin-bottom:10px
	}
		
		.banner-feature-wrapper{
			width:980px;
			max-width:980px;
			height:440px;
			margin-bottom:0px; 
			margin-left:0px;
			margin-right:0px;
			padding-top:20px;
		}
		.banner-feature-image{
			height:440px;
			width:980px;	
			background-size:980px 440px;
		}	

		.banner-text{
			width:980px;
		}
		.flexslider{
			width:980px;
			height:440px;
		}


}*/
/* End of LARGE SCREEN **************************************************** */




/* End of print **************************************************** */



.section-title {
	font-family: Avenir, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: black;
	height: 30px;
	margin-bottom: 20px;
	padding-top: 15px;
}

.has-border-bottom {
	padding-bottom: 0.5em;
	border-bottom: thin #E5E5E5 solid;
}

.imageBorderClass {
	width: 100%;
	border-color: #E5E5E5;
	border-width: 1px;
	border-style: solid;
}


.flex-container-50 > div:last-child {
	padding-left: 0%;
	margin-top: 1em;
}

.section {
	padding-top: 15px;
}

@media print, (min-width: 48em) {
	.flex-container-left-small {
		display: flex;
	}

	.flex-container-left {
		display: flex;
	}

	.flex-container-right-small {
		display: flex;
	}

	.flex-container-right {
		display: flex;
	}

	.flex-container-50 {
		display: flex;
	}

	.flex-container-dynamic {
		display: flex;
	}
}

@media print, (min-width: 48em) {
	.flex-container-left-small > div:first-child {
		width: 20.33%;
		padding-right: 2%;
	}

	.flex-container-left-small > div:last-child {
		width: 79.66%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-left > div:first-child {
		width: 35.33%;
		padding-right: 2%;
	}

	.flex-container-left > div:last-child {
		width: 64.66%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-right-small > div:first-child {
		width: 79.66%;
		padding-right: 2%;
	}

	.flex-container-right-small > div:last-child {
		width: 20.33%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-right > div:first-child {
		width: 64.66%;
		padding-right: 2%;
	}

	.flex-container-right > div:last-child {
		width: 35.33%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-50 > div:first-child {
		width: 48%;
		padding-right: 2%;
	}

	.flex-container-50 > div:last-child {
		width: 48%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-dynamic > div:first-child {
		width: fit-content;
	}

	.flex-container-dynamic > div:last-child {
		width: fit-content;
		padding-left: 2%;
		margin-top: 0;
	}
}

@media print, (min-width: 48em) {
	.flex-container-left-small > div:first-child {
		width: 20.33%;
		padding-right: 2%;
	}

	.flex-container-left-small > div:last-child {
		width: 79.66%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-left > div:first-child {
		width: 35.33%;
		padding-right: 2%;
	}

	.flex-container-left > div:last-child {
		width: 64.66%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-right-small > div:first-child {
		width: 79.66%;
		padding-right: 2%;
	}

	.flex-container-right-small > div:last-child {
		width: 20.33%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-right > div:first-child {
		width: 64.66%;
		padding-right: 2%;
	}

	.flex-container-right > div:last-child {
		width: 35.33%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-50 > div:first-child {
		width: 48%;
		padding-right: 2%;
	}

	.flex-container-50 > div:last-child {
		width: 48%;
		padding-left: 2%;
		margin-top: 0;
	}

	.flex-container-dynamic > div:first-child {
		width: fit-content;
	}

	.flex-container-dynamic > div:last-child {
		width: fit-content;
		padding-left: 2%;
		margin-top: 0;
	}
}