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

body {
    background: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    color: #323232;
    margin: 0;
    padding: 0;
    word-wrap: break-word !important;
    line-height: 150%;
}

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

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

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

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


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



a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.banner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}

.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;
}

.highlight {
	background-color: #ffcccc;
}

.invert {
	background-color: #0A519F;
	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: #ff6d11; /*computer and device - logo bg-color* #4E4E4E/
	position: sticky; top: 0; /*sticky navigation*/
	z-index: 5;
}

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

nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	z-index: 10;
	background-color: #ff6d11; /*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: #FF0000;
} /*computer hover-color*/

/*nav ul li ul li:hover { background: #0A519F; }*/ /*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: #4E4E4E; /*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: #0A519F; } /*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: #0A519F; } /*device regular-link hover-color, device submenu-link hover-color*/

nav ul li ul li .toggle, nav ul ul a { background-color: #4E4E4E; } /*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%;
}

}