#TopNav{position:fixed; left:0; top:0; width:100%; z-index:100;}

#TitleBarSection{position:relative; width:100%; height:50px; background-color:#0F824B; font-family:"Arial","sans serif"; font-size:1em; color:white; text-align:center; line-height:50px; font-weight:Bold; border-bottom: 1px solid #9EBF8D; }

#BehindMenuSpacer{position:relative; width:100%; height:60px;}

#Menu{position:absolute; top:3pt; right:5pt; width:62px; height:40px; z-index:20; border: solid 1px black;  line-height:40px; background-color: #0F824B; font-size:12pt; color:black; text-align:center; font-weight:normal; overflow: hidden; transition: all 0.5s ease; cursor:pointer;}

#Menu a{text-decoration:none; color:black;}

#MenuHeader{background-color:#0F824B; line-height:30px; color:white; padding:5px; height:30px;}

#MenuBody{padding-top:1px;top:30px;}

.MenuOption:hover{ transform: scale(1.1);}


.MenuSectionHeader
{
	position:relative; left:0px;height:30px; padding-left:10px;
	border-bottom: 1px solid #9EBF8D;
	color:white; cursor:pointer; Background-color:#0F824B; 
	margin:0; font-family:"Arial","sans serif"; font-size:10pt; font-weight:bold; text-align:left; line-height:30px;
}
.MenuSectionHeader:hover{background-color:#9EBF8D}

#MenuButton
{
	position:absolute; left:0px; top:0px; height:38px; width:59px; text-align:center;
	border: 1px solid white; line-height:38px;
	cursor:pointer;
}
.MenuButton:hover{background-color:#9EBF8D}

#ContentsButton
{
	position:absolute; left:80px; top:9px; height:30px; width:80px;text-align:center;
	border: 1px solid white; line-height:30px;
	cursor:pointer;
}

.ContentsButton:hover{background-color:#9EBF8D}

#CloseButton
{
	position:absolute; left:80px; top:9px; height:30px; width:80px;text-align:center;
	border: 1px solid white; line-height:30px;
	cursor:pointer;
}

.CloseButton:hover{background-color:#9EBF8D}

#BritishSection{overflow: hidden; transition: all 0.5s ease;}
#CroatianSection{overflow: hidden; transition: all 0.5s ease;}
#ESCSection{overflow: hidden; transition: all 0.5s ease;}
#TableOfContents{height:0px; overflow: hidden; transition: all 0.5s ease;}

.Device{margin: 0; padding-left:10px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}

.MenuSectionSymbol
{
	position:absolute; top:0; width:20px; right:10px; text-align:center; font-size:16pt;font-weight:normal;
}

.MenuSection
{
	position:relative; left:0px; padding-left:20px;
	border-bottom: 1px solid #9EBF8D; 
	color:white; cursor:pointer;
	Background-color:#0F824B; margin:0; 
	font-family:"Arial","sans serif"; font-size:10pt; font-weight:normal; text-align:left; line-height:30px;
}

.MenuSection:hover{background-color:#9EBF8D}

.MenuSubSection
{
	position:relative; left:0px; padding-left:30px;
	border-bottom: 1px solid #9EBF8D;
	color:#9EBF8D; cursor:pointer;
	Background-color:#0F824B; margin:0; 
	font-family:"Arial","sans serif"; font-size:10pt; font-weight:normal; text-align:left; line-height:30px;
}

.MenuSubSection:hover{background-color:#9EBF8D;color:white;}

.Device{margin: 0; padding-left:10px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}