@charset "utf-8";
header{background-color:#8EE9DF;background-image: none;}

#tribal{float:left;width:100%;height:120px;}
#tribal p{margin:0;display:block;}
#tribal a:link, #tribal a:visited{color:#8EE9DF;display:block;width:auto;height:120px;padding-left: 150px;padding-top: 47px;background-image:url("/tribaltraining/images/Banner-logo.jpg");background-repeat:no-repeat;background-position:left;background-size:auto;font-size:30px;color:#000000;text-decoration: none;}

@media all and (max-width:1024px){
}
@media all and (min-width:821px){
}
@media all and (max-width:820px){
header{background-image:none;background-color:#8EE9DF;}
#tribal{height:120px !important;}
#tribal a:link, #tribal a:visited{background-image:url("/tribaltraining/images/Banner-logo.jpg");height:120px;background-repeat:no-repeat;background-size:contain;background-position:5px center;color:#000000 !important;}
}
@media all and (max-width:760px){
}
@media all and (max-width:720px){
}
@media all and (max-width:640px){
}
@media all and (max-width:555px){#tribal a:link, #tribal a:visited{height:120px;padding-top: 27px;}	
}
@media all and (max-width:420px){
}
@media all and (max-width:380px){#tribal a:link, #tribal a:visited{height:130px;padding-top: 5px;margin-top:0;}	
}

.faq li {padding:20px; }

.faq li.q  {
	background:#4FC2E;
	font-weight: bold;
	font-size: 120%;
	border-bottom:1px #ddd solid;
	cursor: pointer;
}

.faq li.a {
	background:#3BB0D6;
	display:none;
	color:#fff;
}

.rotate {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* Navigation menu */
.navbar {
	overflow: hidden;
	background-color: #003865;
}

/* Navigation links */
.navbar a {
	float: left;
	font-size: 16px;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

/* Subnav menu */
.subnav {
	float: left;
	overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
	font-size: 16px;
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit; 
	margin: 0;
} 

/* Add a turquoise background color to navbar links on hover */
.navbar a:hover, .subnav;hover .subnavbtn {
	background-color: darkturquoise;
}

/* Subnav content style - position absolute */
.subnav-content {
	display: none;
	position: absolute;
	left: 0;
	background-color: #f9f9f9;
	width: 100%;
	z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
	float: left;
	color: black;
	text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
	background-color: #eee;
	color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content{
	display: block;
}