body
{
	width: 100%;
	margin: 0 auto !important;
	padding-bottom: 70px;
	color:#5a6167 !important;
	height: 0;
}

header
{
	height: 17vh;
	background:no-repeat;
	background-image: url("../img/HeaderInternal.png");
	background-size: 100% 100%;
	top:0;
	margin-bottom: 1vw;
}

.MenuPal
{
	float: right;
	width: 40%;
	/*top: -1.7vw;*/
    /*position: relative;*/
}
.MenuPal div
{
	float: right;
	width: 100%;
}

.MenuPal div:last-child article
{
	float: right;
	width: 16.5vw;
}

.MenuPal article
{
	float: left;
	width: 12vw;
	margin: 0.8vw auto;
}

.MenuPal article:nth-child(2)
{
	border-right: 1px solid white;
	border-left: 1px solid white;
}

.MenuPal article img
{
	/*float: right;*/
	width: 5vw;
	margin: auto;
	display: block;
}
.ImgContent
{
	height: 8vw;
	min-height: 20vw;
	margin: auto 30vw;
	/*margin-right: 5%;*/

}
.ImgContent img
{
	height: 100%;
}
.PageTitle
{
	overflow: hidden;
    width: 52vw;
    min-height: 14vw;
    margin-left: 47vw;
    display: table;
}
.PageTitle p
{
	float: left;
	/*min-height: inherit;
	height: inherit;*/
	background-color: #003466;
	/*padding:0;*/
	padding: 10px 0 10px 0;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	margin: 0;
	display: inline-block;
	line-height: 1;
	margin-top: 10px;
	/*min-height: 13vw;*/
	height:13vw;

}
.PageTitle p:first-child
{
	border-radius: 50% 0 0 50%;
	width: 10%;
	position:relative;
	left:1vw;
	
}
.PageTitle p:last-child
{
	width: 90%;
	color: white;
	font-size: 3.2vw;
	font-family: times;
	text-align: right;
	font-style: italic;
	word-wrap:normal;
	padding-right: 3.5vw;
	line-height: normal;
	padding-left: 1vw;
	padding-top: 2vh;
}

.MenuPal article img:hover
{
	margin: auto;
	display: block;
	margin: auto auto auto -1vw;
}
.MenuPal article p
{
	text-align: center;
	font-family: Times New Roman;
	font-style: italic;
	font-size: 2.5vw;
	font-weight: bold;
	margin: 0 auto;
	color: white;
}

.Slogan
{
	z-index: 18;
	position: absolute;
	top:10vh;
}
.Slogan img
{
	width: 100%;
	margin-left: 3vw;
}

.logo
{
	width: 50%;
	float: left;
	margin-top: 3vh;
}
.logo img
{
	display: block;
	height: 10vh;
	margin-top: -1vh;
	margin-bottom: 0;
	margin-left: 7vw;
	/*height: 9em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4em;*/
}
.wrapper
{
	overflow: hidden;
}
.wrapper aside
{
	float: left;
}

.SubMenu
{
	/*margin-left: 10vw;*/
	margin-top: 1vh;
}
.SubMenu li
{
	min-width: 5vw;
	float: left;
	font-size: 2.5vw;
	overflow: hidden;
	padding: 0 0 0 2em;
	text-align: right;
	font-weight: bold;
}

.SubMenu li:hover
{
	padding: 0 0.2em 0 1.8em;

}
.SubMenu li:hover a, .SubMenu li:hover a:hover
{
	text-decoration: none;
	color: inherit;
}
.SubMenu a
{
	color: inherit;
}

.Content
{
	width: 90%;
	min-height: 25vw;
	/*overflow-y:auto;*/
	margin: 0 auto;
	/*max-height: 40vh;*/
	/*margin-top: 2em;*/
	margin-left: 5%;
	margin-bottom:1em; 
}

.SomeContent
{
	overflow-y: auto;
	max-height: 38vw;
}
.SomeContent::-webkit-scrollbar 
{
      width: 1%;
}
.SomeContent::-webkit-scrollbar-track 
{
      background-color: #b8bcbf;
} 
.SomeContent::-webkit-scrollbar-thumb 
{
      background-color: #003466;
}
.SomeContent::-webkit-scrollbar-button 
{
      /*background-color: #dae0e5;*/
}


.Content p:first-child, .Content h1, .Content h2, .Content h3, .Content h4
{
	text-align: center;
	font-family: tahoma !important;
	font-weight:  bolder;
	font-size: 5vw;
	text-transform: uppercase;
	font-style: italic;
	width: 100%;
	margin: 0;
	padding-top: 22px;
	padding-bottom: 10px;
}
.SomeContent p
{
	font-family: tahoma !important;
	font-weight: normal !important;
	font-size: 3vw !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: justify !important;
	padding-bottom: 10px !important;
	padding-right: 3vw !important;
	padding-left: 3vw !important;
	font-style: italic !important;
	text-transform: none !important;
}

.ImgCenter
{
	/*position: absolute;
	top: -92%;*/
	width: inherit;/*100%;*/
	z-index: 15;
}
.ImgCenter img
{
	width: 100%;
	height:60vw;
}

footer
{
	position: relative;
	z-index: 18;
	width: 100%;
	top:-23vw;
	height:inherit;
}

footer aside article:first-child img
{
	width: 100%;
	height:15vw;
}
footer aside article:nth-child(2)
{
	font-family: times;
	font-size: 2.3vw;
	font-style: italic;
	color: #FFF;
	margin-left: 27%;
	position: relative;
	top:-3.5vw;
}
.Logos
{
	position: relative;
	z-index: 25;
}
.footer
{
	bottom:-8vw;
	position: relative;
	margin: 0;
	overflow: hidden;
	min-height:8vw;
	max-height:15vw;
	z-index: 35;
}
.footer article:nth-child(3)
{
	top:-17vw;
	left: 72%;
	width: 11.5vw;
    margin: 0;
    padding: 0;
}
.footer article:nth-child(3) img
{
	width: 100%;
}
.footer article:nth-child(4)
{
	top: -22.5vw;
	left: 88%;
	width: 12vw;
	margin: 0;
    padding: 0;
}
.footer article:nth-child(4) img
{
	width: 45%;
}
.footer article:nth-child(4) p
{
	float: left;
	font-size: 0.9vw;
	color: #003466;
	font-weight: bold;
	margin: 0;
	width:100%;
}

nav
{
	display: block;
}
#MenuPpal > ul
{
	/*width: 700px;*/ /* Increase when adding more menu items */
	margin:0 auto;
}
#MenuPpal > ul > li{ /* will style only the top level li */
	list-style: none;
	display: inline-block;
	line-height: 1;
	margin: 1vw auto;
	position:relative;
	z-index: 70;
}

#MenuPpal > ul > li > a{
	text-decoration:none !important;
}

#MenuPpal li ul{
	position:absolute;
	list-style:none;
	text-align:right;
	width:180px;
	right: 0;
	top:70%;
	font-style: italic;
	font-family: times;
	padding-left: 0;
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#MenuPpal li ul li{
	background-color:rgba(0,52,102,0.85);
	border:1px solid white;
	border-radius: 3px;
}

#MenuPpal li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}


#MenuPpal li ul li:nth-child(odd){

}


#MenuPpal li ul li:hover{
	font-weight: bold;
}
#MenuPpal li ul li:hover a{
	padding-right: 15px;
}

#MenuPpal li ul li:first-child{
	margin-top:25px;
	position:relative;
}

#MenuPpal li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:rgba(0,52,102,0.9);
	right: 5%;
	top:-10px;
}

#MenuPpal li ul li:last-child{
	
}

/* This will trigger the CSS */
/* transition animation on hover */

#MenuPpal li:hover ul{
	max-height:100vh; /* Increase when adding more dropdown items */
}




@media only screen and (min-width: 600px) 
{
	header
	{
		height:28vw;
		margin-bottom: 1vw;
	}
	.MenuPal
	{
		float: right;
		width: 40%;
		/*top:-0.7vw;*/
	}
	.MenuPal article
	{
		float: left;
		/*width: 4em;*/
		/*margin: 10px auto;*/
	}
	.MenuPal article img
	{
		/*float: right;*/
		width: 4vw;
		/*margin: auto;*/
		/*display: block;*/
	}
	
	.MenuPal div:last-child article 
	{
		/*float: right;*/
		width: 12.5vw;
		margin:2vw auto;
	}
	
	.ParentLevel img:first-child
	{
		
	}

	.MenuPal article img:hover
	{
		margin: auto;
		display: block;
		/*margin: auto auto auto -1vw;*/
	}
	.MenuPal article p
	{
		font-size: 2.2vw;
		
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 17vw;
		/*margin-top: -1vh;*/
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.ImgContent 
	{
		height: 8vw;
		min-height: 20vw;
		margin-left: 5vw;/*auto 7vw;*/
		margin-right: 7vw;
		/* margin-right: 5%; */
	}
	.PageTitle
	{
		overflow: hidden;
		width: 52vw;
		min-height: 14vw;
		float: right;
		/*margin-left: 46%;*/
		margin:0;
		display: table;
	}
	.PageTitle p
	{
		float: left;
		min-height: inherit;
		height: 13vw;
		background-color: #003466;		
		padding: 10px 0 10px 0;		
		margin: 0;
		

	}
	.PageTitle p:first-child
	{
		border-radius: 50% 0 0 50%;
		width: 10%;
		display: table-cell;
		vertical-align: middle;
	}
	.PageTitle p:last-child
	{
		font-size: 4vw;
	}
	.SubMenu li
	{
		font-size: 10pt;		
	}

	.SubMenu li:hover
	{
		padding: 0 0.2em 0 1.8em;
	}
	
	.Content
	{
		margin-top: 1vw;
		margin-left: 5%;
		margin-bottom:2em; 
	}

	.Content p:first-child, .Content h1, .Content h2, .Content h3, .Content h4
	{
		font-size: 3.5vw;
		padding-top: 2vw;
	}
	.SomeContent
	{
		overflow-y: auto;
		max-height: 38vw;
	}
	.SomeContent p
	{
		font-size: 1.7vw !important;
	}
	footer
	{
		top:-23vw; /*******************/
		width: 100%;
	}

	footer aside article:first-child img
	{
		/*width: 100%;*/
	}
	footer aside article:nth-child(2)
	{
		font-family: times;
		font-size: 10pt;
		font-style: italic;
		color: #FFF;
		margin-left: 35%;
		position: relative;
		top:-2em;
	}
	.footer article:nth-child(3) 
	{
		top: -15.5vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19vw;
	}	
}

@media only screen and (min-width: 600px) and (max-height:768px)
{
	.logo img 
	{
		height: 14vw;
		margin-top:0.5vw;
	}
	footer aside article:nth-child(2) 
	{
		font-size: 2vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
	}
	.SubMenu li 
	{
		font-size: 2vw;
	}
	.TitleID 
	{
		position: absolute;
		top: 15.5vw;
		right: 3vw;
	}
}

@media only screen and (min-width: 768px) 
{
	header
	{
		/*height:37vh;*/
		margin-bottom: 3vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
}

@media only screen and (min-width: 1200px) 
{
	header
	{
		height:27vw;
		margin-bottom: 5vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 16vw;
		margin-top: 0;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.MenuPal 
	{
		width: 29%;
	}
	.MenuPal article 
	{
		float: left;
		width: 8vw;
	}
	
	.MenuPal article p 
	{
		font-size: 1.2vw;
	}
	.MenuPal article img:hover 
	{
		margin: auto;
		display: block;
		/* margin: auto auto auto -1vw; */
	}
	.ParentLevel img:first-child 
	{
		margin: 0;
	}
	#MenuPpal > ul > li 
	{
		right: -5vw;
		top: -1vw;
	}
	.SubMenu 
	{
		margin-top: 0;
	}
	
	.SubMenu li 
	{
		font-size: 1.7vw;
	}
	footer aside article:nth-child(2) 
	{
		font-size: 2vw;
		margin-left: 32%;		
		top: -2em;
	}
	
	.footer article:nth-child(3) 
	{
		top: -16vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
	}
}
@media only screen and (min-width: 1300px) 
{
	header
	{
		height:17vw;
		margin-bottom: 1vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 9vw;
		margin-top: 0;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.MenuPal article
	{
		/*float: left;*/
		width: 7vw;
		/*margin: 10px auto;*/
	}
	.MenuPal article img
	{
		/*float: right;*/
		width: 3.1vw;
		/*margin: auto;*/
		/*display: block;*/
	}
	
	.MenuPal div:last-child article 
	{
		/*float: right;*/
		width: 14vw;
		margin-top:0vw;
	}
	
	.ParentLevel img:first-child:hover
	{
		/*margin: auto auto auto -1vw;*/
	}
	
	.PageTitle 
	{
		overflow: hidden;
		width: 52vw;
		/* min-height: 14vw; */
		float: right;
		/* margin-left: 46%; */
		margin: 2.5vw 0;
		display: table;
	}
	
	.PageTitle p:last-child 
	{
		font-size: 3vw;
	}
	
	.PageTitle p 
	{
		min-height: 4vw;
		height: 7vw;
	}
	
	.MenuPal article img:hover
	{
		margin: auto;
		display: block;
		/*margin: auto auto auto -1vw;*/
	}
	.MenuPal article p
	{
		font-size: 1.2vw;		
	}
	.SubMenu li
	{
		/*min-width: 5vw;*/
		/*float: left;*/
		font-size: 1.5vw;
		/*overflow: hidden;*/
		/*padding: 0 0 0 2em;*/
		/*text-align: right;*/
		/*font-weight: bold;*/
	}
	.Content 
	{
		width: 90%;
		min-height: 25vh;
		margin-top: 2em;
		margin-left: 5%;
		margin-bottom: 1vw;
		height: 30vw;
	}
	.SomeContent 
	{		
		max-height: 26vw;
	}
	.ImgCenter img
	{
		width: 100%;
		height:60vw;
	}
	footer 
	{		
		top: -23vw;
	}
	footer aside article:nth-child(2) 
	{
		/*font-family: times;*/
		font-size: 2vw;
		/*font-style: italic;
		color: #FFF;*/
		margin-left: 32%;
		position: relative;
		top: -2em;
	}
	.footer 
	{
		/*top: 82.5%;*/
	}
	.footer article:nth-child(3) 
	{
		top: -16.4vw;
		left: 72%;
		width: 11.5vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
		left: 88%;
		width: 12vw;
	}
}

@media only screen and (min-width: 1500px) 
{
	body
	{
		width: 1485px;
	}
	header
	{
		height:17vw;
		margin-bottom: 1vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 9vw;
		margin-top: 0;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.MenuPal article
	{
		/*float: left;*/
		width: 10vw;
		/*margin: 10px auto;*/
	}
	.MenuPal article img
	{
		/*float: right;*/
		width: 3.1vw;
		/*margin: auto;*/
		/*display: block;*/
	}
	
	.MenuPal div:last-child article 
	{
		/*float: right;*/
		width: 6vw;
	}
	
	.ParentLevel img:first-child:hover
	{
		margin: auto auto auto -1vw;
	}
	
	/*.PageTitle 
	{
		overflow: hidden;
		width: 52vw;
		float: right;
		margin: 2.5vw 0;
		display: table;
	}
	*/
	.PageTitle
	{
		overflow: hidden;
		width: 33vw;
		/*min-height: 14vw;*/
		/*float: right;*/
		/*margin-left: 46%;*/
		/*margin:0;*/
		display: table;
	}
	.PageTitle p
	{
		float: left;
		min-height: 10vw;
		height: 11vw;
		background-color: #003466;		
		padding: 10px 0 10px 0;		
		margin: 0;
		

	}
	.PageTitle p:first-child
	{
		border-radius: 50% 0 0 50%;
		width: 10%;
		display: table-cell;
		vertical-align: middle;
	}
	.PageTitle p:last-child
	{
		/*width: 90%;
		color: white;*/
		font-size: 3vw;
		/*font-family: times;
		text-align: right;
		font-style: italic;
		word-wrap:normal;
		padding-right: 1.5vw;
		display: table-cell;
		vertical-align: middle;*/
		/*vertical-align: middle;
		margin: 0;
		
		padding: 1.5vw 1.5vw 0 0;*/
	}
	
	
	.MenuPal article img:hover
	{
		margin: auto;
		display: block;
	}
	.MenuPal article p
	{
		font-size: 1.2vw;		
	}
	.SubMenu li
	{
		font-size: 1.5vw;
	}
	.Content 
	{
		width: 90%;
		min-height: 25vh;
		margin-top: 2em;
		margin-left: 5%;
		margin-bottom: 1vw;
		height: 30vw;
	}
	.SomeContent 
	{		
		max-height: 26vw;
	}
	.ImgCenter img
	{
		width: 100%;
		height:37vw;
	}
	footer 
	{		
		top: -3vw;
	}
	footer aside article:nth-child(2) 
	{
		/*font-family: times;*/
		font-size: 2vw;
		/*font-style: italic;
		color: #FFF;*/
		margin-left: 32%;
		position: relative;
		top: -2em;
	}
	.footer 
	{
		/*top: 82.5%;*/
	}
	.footer article:nth-child(3) 
	{
		top: -16.4vw;
		left: 72%;
		width: 11.5vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
		left: 88%;
		width: 12vw;
	}
}