/*Title and header bar*/
p{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-family: Geneva, Verdana, sans-serif;
}

h1{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
h2{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

strong{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header {
	overflow:auto;
	position: fixed;
	width: 100%;
	top: 0em;
	left:0em;
	height: 4.2%;
	background-color: #385D8A;
	clear: both;
	z-index: 2;
}
#subheader{
	position:absolute;
	left:20%;
	right:59%;
	top:0em;
	height:100%;
	float:left;
	overflow:hidden;
}
#subheader p{
	width:100%;
	position:relative;
	font-size: 2vh;
	margin-top:4vh;
	line-height:100%;
	float:left;
	font-family: Geneva, Verdana, sans-serif;
	color: #ffffff;
	top:-55%;
}
/*Footer*/
#footer{
	z-index: 1;
	position: fixed;
	width: 100%;
	left:0;
	bottom:0em;
	height: 2.51%;
	background-color: #385D8A;
	clear:both;
}
#subfooter {
	position:absolute;
	left:20%;
	right:20%;
	bottom:0em;
	height:100%;
	z-index: 2;
	clear:both;
	float:left;
}
#subfooter p{
	position:relative;
	bottom: 0;
	font-size: 1vh;
	font-family: Geneva, Verdana, sans-serif;
	color: #ffffff;
}
/*Tool bar*/
#subbar{
	left:59%;
	right:20%;
	position:fixed;
	height:4.2%;
	top:0em;
	clear:both;
	overflow-y:hidden;
	overflow-x:auto;
	z-index: 3;
	}
.bar{
	top:0em;
	text-align: center;
	height: 100%;
	float:right;
	border-style: none solid;
	border-width: 1px;
	border-color: #ffffff;
	margin-left:-1px;
}
.bar:hover{
	background-color:#000000;
	}
.bar p{
	font-size: 1.8vh;
	font-family: Tahoma, Verdana, sans-serif;
	color: #ffffff;
	margin-top:8%;
}
#bar_home{
	width: 24.5%;
	cursor: pointer;
	}
#bar_about{
	width: 24.5%;
	cursor: pointer;
	}
#bar_audio{
	width: 24.5%;
	cursor: pointer;
	}
#bar_topics{
	width: 24.5%;
	cursor: pointer;
	}
.bar_topics_on{
	background-color:#000000;
	}
.bar_audio_on{
	background-color:#000000;
	}
/*Topic Menu*/
#menu{
	list-style-type:none;
	position: fixed;
	top:4.2%;	
	right:20%;
	margin-top:1px;
	margin-right:1px;
	height:30%;
	width:15.435%;
}
#menu li{height:11.11%}
#menu li div{
	border-style: solid none;
	border-width: 1px;
	border-color: #ffffff;
	margin-top:-1px;
	z-index: 1;
	background-color: #385D8A;
	text-align: center;
	width:100%;
	height: 100%;
	cursor: pointer;
}
#menu li div:hover{
	background-color: #000000;
	
}
#menu li div p{
	position:relative;
	font-size: 1.8vh;
	font-family: Tahoma, Verdana, sans-serif;
	color: #ffffff;
	top:-40%;}
#menu .menu_select {
	background-color: #000000;
}
/*Audio Menu*/
#amenu{
	list-style-type:none;
	position: fixed;
	top:4.2%;
	right:22.573%;
	margin-top:1px;
	width:10.29%;
	height:10%;
	margin-right:2px;
}
#amenu li{height:33.33%}
#amenu li div{
	border-style: solid none;
	border-width: 1px;
	border-color: #ffffff;
	margin-top:-1px;
	z-index: 1;
	background-color: #385D8A;
	text-align: center;
	height:100%;
	width:100%;
	cursor: pointer;
}
#amenu li div:hover{
	background-color: #000000;
}
#amenu li div p{
	position:relative;
	font-size: 1.8vh;
	font-family: Tahoma, Verdana, sans-serif;
	color: #ffffff;
	top:-40%;}
#amenu .amenu_select {
	background-color: #000000;
}
/*Document Menu*/

#dmenu{
	position:fixed;
	height:3%;
	left:42%;
	right:42%;
	top:1.5%;
	clear:both;
	overflow:auto;
	z-index:3;
	text-align:center;
}

#dmenu i{
	margin-left:0.5em;
	margin-right:0.5em;
	font-size:1.8vh;
	color:#1F497D;
}

#dmenu i:hover{
	cursor:pointer;
	color:#ffffff;
}

#dmenu .dmenu_on{
	color:#ffffff;
}
/*Content*/
#content{
	z-index:-2;
	clear:both;
	position:fixed;
	left:0em;
	top:4.2%;	
	bottom:2.51%;
	background-color:#E3E3E3;
}
.content_page{
	position:absolute;
	height:100%;
	width:100%;
	background-color:#E3E3E3;
}
/* Video Player */
.vplayer{
	background-color:#E3E3E3;
	position:absolute;
	height:100%;
	left:10%;
	right:10%;
	width:80%;
	preload:none;
		}

/* Content Title */
.content_title{
position:absolute;
top:0;
width:50%;
left:25%;
}

/* Content Items */
.content_item{
position:absolute;
width:50%;
left:25%;
border-radius:5px;
border-style: solid;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;
}
/*Layout of content page*/
.item_inner{height:100%;
position:absolute;
top:0;
width:100%;
display: flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;}

.mc{
position:absolute;
width:100%;
display: flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
}

.mc_sup{
position:absolute;
top:2.5%;
width:40%;
left:30%;
height:85%;
border-radius:5px;
border-style: solid;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;
}

.mc_q{
position:absolute;
top:2%;
width:90%;
left:5%;
height:40%;}

.mc_q_bq{
position:absolute;
top:2%;
width:90%;
left:5%;
height:55%;}

.mc_q_sq{
position:absolute;
top:2%;
width:90%;
left:5%;
height:25%;}

.mc_q_body{
position:absolute;
height:100%;
width:100%;
display: flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-around;
align-items:space-between;
align-content:space-around;
}

.mc_q_body p{
display:inline;
font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;
margin:auto;
}

.mc_q_body ol{
display:inline;
font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;
margin:auto;
}

.mc_a{
position:absolute;
top:43%;
width:90%;
left:5%;
height:48%;
border-style: solid none none none;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;}

.mc_a_bq{
position:absolute;
top:58%;
width:90%;
left:5%;
height:33%;
border-style: solid none none none;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;}

.mc_a_sq{
position:absolute;
top:28%;
width:90%;
left:5%;
height:66%;
border-style: solid none none none;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;}

.mc_a_body{
position:absolute;
height:100%;
width:90%;
left:5%;
display: flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-around;
align-items:space-around;
align-content:space-around;
}

.mc_a_body p{
display:inline;
font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;
}

.mc_a_body table{
display:inline;
font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;
margin:auto;
}

.mc_a_body td{
	border-style: none solid solid none;
	border-collapse:collapse;
	border-color: 1px black;
}

.mc_s_body ol{
display:inline;
font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;
margin:auto;
}

.mc_s{
position:absolute;
top:2%;
width:90%;
left:5%;
height:89%;}

.mc_s_body{
position:absolute;
height:100%;
width:96%;
left:2%;
display: flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-around;
align-items:space-around;
align-content:space-around;
}

.mc_s_body p{
display:inline;
font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;
margin:auto;
}

.mc_sol{
position:absolute;
top:2.5%;
width:40%;
left:30%;
height:85%;
border-radius:5px;
border-style: solid;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;
z-index:0;
}

.mc_sol_button{
position:absolute;
bottom:2%;
width:20%;
right:40%;
height:5.5%;
border-radius:5px;
border-style: solid;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;
z-index:0;
}
.mc_sol_button_close:hover{cursor:pointer;background-color:#000000;}
.mc_sol_button_close:hover p{color:#FFFFFF;}
.mc_sol_button_close{
position:absolute;
bottom:2%;
width:20%;
right:40%;
height:5.5%;
border-radius:5px;
border-style: solid;
border-color: #B0B0B0;
border-width: 0.1em;
background-color:#F7F7F7;
z-index:0;
}
.mc_sol_button:hover{cursor:pointer;background-color:#000000;}
.mc_sol_button:hover p{color:#FFFFFF;}

.mc_sol_button p{
	position:relative;
	top:-25%;
	font-size: 2vh;
	font-family: Geneva, Verdana, sans-serif;
	text-align:center;
	}
	
.mc_sol_button_close p{
	position:relative;
	top:-25%;
	font-size: 2vh;
	font-family: Geneva, Verdana, sans-serif;
	text-align:center;
	}
#mc_menu{
	position:absolute;
	border-radius:5px;
	border-style: solid;
	border-color: #B0B0B0;
	border-width: 0.1em;
	background-color:#F7F7F7;
}
#mc_menu_inner{
	position:absolute;
	height:100%;width:90%;right:5%;
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;}
	
.mc_button{
	font-size:2vh;
}
#mc_up{
position:absolute;
font-size:4vh;
top:2%;}
#mc_down{
position:absolute;
font-size:4vh;
bottom:2%;}
#mc_back{
font-size:5vh;}
#mc_updown{
height:90%;
width:4vh;
}
#mc_back:hover{
color:#1F497D;
cursor:pointer;}
#mc_up:hover{
color:#1F497D;
cursor:pointer;}
#mc_down:hover{
color:#1F497D;
cursor:pointer;}
.mc_button:hover{
color:#1F497D;
cursor:pointer;}
.mc_menu_on{
color:#1F497D;
}
	
.page_title p{
font-size:2vmin;font-family: Geneva, Verdana, sans-serif;
}

/*Layout of item texts*/
.item_text{width:70%;height:90%;
display: flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;}
.item_title{height:25%;width:100%;border-bottom:solid 1px #000000;}
.item_title p{font-size:2vmin;font-family: Geneva, Verdana, sans-serif;}
.item_desc{
	overflow-y:auto;overflow-x:hidden;
	height:74%;width:100%;}
.item_desc p{font-size:1.8vmin;text-align: justify}

.item_desc p{font-size:1.8vmin;text-align: justify}
.item_desc td p{line-height:115%;}
.item_desc table{border-collapse: collapse;
border-spacing: 0px;}
.item_desc td {text-align:left;
vertical-align: top;
padding:0;
top:0;
border-collapse: collapse;
padding:0 3% 0 3%;}
.item_desc tr{border-spacing: 0;
vertical-align: top;
 border-collapse: separate;}
.item_center p{text-align:center;}
 
/*icon format1*/
.item_iconv{height:80%;width:20%;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.item_iconv i{font-size:11vmin;margin-bottom:-3vmin;}
.item_iconv p{font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;}

.item_iconc{height:80%;width:20%;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.item_iconc i{font-size:11vmin;margin-bottom:0vmin;}
.item_iconc p{font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;}

/*icon format2*/
.item_iconn{height:80%;width:20%;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.item_iconn i{font-size:11vmin;margin-bottom:-2vmin;}
.item_iconn p{font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;}

/*Link buttons in content pages*/
.item_info:hover{cursor:pointer;}
.item_supplement_link:hover{cursor:pointer;}
.item_solution_link:hover{cursor:pointer;}
.item_mc_button:hover{cursor:pointer;}

/* Layout for smaller item (Need more space for description) */
.item_text_s{width:70%;height:95%;
display: flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;}
.item_title_s{height:19%;width:100%;border-bottom:solid 1px #000000;}
.item_title_s p{font-size:2vmin;font-family: Geneva, Verdana, sans-serif;}
.item_desc_s{
	overflow-y:auto;overflow-x:hidden;
	height:80%;width:100%;}
.item_desc_s p{font-size:1.8vmin;margin:0;}
.item_desc_s td p{line-height:115%;}
.item_desc_s table{border-collapse: collapse;
border-spacing: 1px;}
.item_desc_s td {text-align:left;
vertical-align: top;
padding:0.5%;
top:0;
border-collapse: separate;}
.item_desc_s tr{border-spacing: 0;
 border-collapse: separate;}

 /* Layout for larger box for more information */
.item_big{height:100%;
position:absolute;
top:0;
width:100%;
display: flex;
flex-direction:column;
justify-content:center;
align-items:center;}
.item_big p{line-height:115%}
.item_iconb{height:30%;width:20%;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.item_iconb i{font-size:11vmin;margin-bottom:-2vmin;}
.item_iconb p{font-size:2vmin;
font-family: Geneva, Verdana, sans-serif;}
.item_big h1{font-size:5vmin;
font-family: Geneva, Verdana, sans-serif;}
.item_big h2{font-size:3vmin;
font-family: Geneva, Verdana, sans-serif;}
.item_big div{width:80%;font-size:1.8vmin;text-align: justify;font-family: Geneva, Verdana, sans-serif;}
.flowplayer-video{
    height: 100%;
    max-width: 90%;
    margin: auto;
}