/* BEGIN Interteq Style - RWD 2.0 -------------------------------------------------------------- */

body {
	background: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 90%;
	color: #222222;
	margin: 0;
	padding: 0;
	word-wrap: break-word !important;
}

/*.container {max-width: 100%; margin: 0 auto; padding: 0px;}*/

.container-main {
	background-color: #ffffff;
}
.container-main2 {
	background-color: #ffffff;
}

.container-logos {
	background-color: #ffffff;
}

.container-footer {
	background-color: #333333;
}

.container-footer a:link {
	color: #ffffff;
}

.contents {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 5px;
/*	overflow:hidden; /*supports scrolling marquee*/*/
}

.contents a:link {
	color: #0077CC;
	text-decoration: none;
}

.contents a:visited {
/*	color: #223366;*/
	text-decoration: none;
}

.contents a:hover {
	text-decoration: underline;
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.banner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	background-image: url("/images/mems2022_background.jpg");
/*	background-position: center;*/
/*	background-repeat: repeat-x;*/
	background-size: 100%;
}

.flex {
	width: 100%;
	height: auto;
}

.hr33 {
	margin: 0;
	color: #ffffff;
	background-color: #cccccc;
	height: 1px;
	width: 33%;
	text-align: center;
}

.hr50 {
	margin: 0;
	color: #ffffff;
	background-color: #cccccc;
	height: 1px;
	width: 50%;
	text-align: center;
}

.hr100 {
	margin: 0;
	color: #ffffff;
	background-color: #cccccc;
	height: 1px;
	width: 100%;
	text-align: center;
}

.smalltext {
	font-size: 70%;
}

.largetext {
	font-size: 115%;
	font-weight: bold;
}

.hugetext {
	font-size: 135%;
	font-weight: bold;
}

.hinttext {
	font-size: 80%;
	color: #999999;
}
.footertext {
	font-size: 80%;
	color: #cccccc;
	text-align: center;
	padding: 5px;
}

.redtext {
	color: #ff0000;
}

.yellowhighlight {
	background-color: #ffff99;
}

.greenhighlight {
	background-color: #ccffcc;
}

.bluehighlight {
	background-color: #99ccff;
}


.invert {
	background-color: #ED1C24;
	color: #ffffff;
	max-height: 50px;
}

.countdowntext {
	font-size: 150%;
	color: #ff3333;
/*	background-color: #fff544;*/
}

.complete {
	background-color: #ccffcc;
	font-family: Courier New, Courier, monospace
}

.exception {
	background-color: #ffff99;
	font-family: Courier New, Courier, monospace
}

.notcomplete {
	background-color: #ffbbbb;
	font-family: Courier New, Courier, monospace
}

.done {
	background-color: #bbddff;
}

/* BEGIN Pure CSS3 expand/collapse div  ---------------- */

.details, .show, .hide:target { display: none; }

.hide:target + .show, .hide:target ~ .details { display: block; }

/* BEGIN Mobile-compatible Responsive Dropdown Menu ################################################################ */

/* NOTE: 'bg-color' and 'hover-color' */

.toggle, [id^=drop] { display: none; }

#logo { display: block; padding: 0 10px; float: left; max-height: 50px; }

#logo a:hover { background-color: initial; }

nav {
	margin: 0;
	padding: 0;
	background-color: #333333; /*computer and device - logo bg-color*/
	position: sticky; top: 0; /*sticky navigation*/
}

nav ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #333333; /*computer regular-link and submenu-link bg-color, device regular-link bg-color (e.g contact)*/
}

nav:after {
	content: "";
	display: table;
	clear: both;
}

nav a {
	display: block;
	padding: 0 15px;
	color: #FFF;
	font-size: 14px; /*computer link, header, submenu text - device link, submenu text*/
	line-height: 50px;
	text-decoration: none;
}

nav a:link { text-decoration: none; }

nav a:hover { background-color: #ED1C24; } /*computer hover-color*/

/*nav ul li ul li:hover { background: #ED1C24; }*/ /*secondary submenu hover-color?*/

nav ul li:hover > ul { display: inherit; }

nav ul ul {
	display: none;
	position: absolute;
	top: 50px;
}

nav ul ul li {
	width: 200px;
	float: none;
	display: list-item;
	position: relative;
}

nav ul ul ul li {
	position: relative;
	top: -50px;
	left: 200px;
}

/*li > a:after { content: ' +'; }*/

li > a:only-child:after { content: ''; }


/* Media Queries --------- */

@media all and (max-width : 768px) {

#logo { display: block; padding: 0; width: 100%; text-align: center; float: none; }

nav { margin: 0; }

.toggle {
	display: block;
	background-color: #333333; /*device 'Menu' bg-color, submenu-link bg-color*/
	padding: 0 20px;
	color: #FFF;
	font-size: 16px; /*device header text*/
	line-height: 50px;
	text-decoration: none;
	border: none;
}

.toggle + a, .menu { display: none; }

.toggle:hover { background-color: #ED1C24; } /*device submenu-link hover-color*/

[id^=drop]:checked + ul { display: block; }

nav ul li {
	display: block;
	width: 100%;
}

nav ul ul .toggle, nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover, nav ul ul ul a { background-color: #ED1C24; } /*device regular-link hover-color, device submenu-link hover-color*/

nav ul li ul li .toggle, nav ul ul a { background-color: #333333; } /*device submenu bg-color*/

nav ul ul {
	float: none;
	position: static;
	color: #ffffff;
}

nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }

nav ul ul li {
	display: block;
	width: 100%;
}

nav ul ul ul li { position: static; }

}

@media all and (max-width : 330px) {

nav ul li {
	display: block;
	width: 94%;
}

}