/**
* @license
* MyFonts Webfont Build ID 3240682, 2016-06-29T06:02:03-0400
* 
 * The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
* 
 * You may obtain a valid license at the URLs below.
* 
 * Webfont: SofiaProRegular by Mostardesign
* URL: http://www.myfonts.com/fonts/mostardesign/sofia-pro/regular/
* 
@import url("//ipdynamics.sharepoint.com///ipdynamics.sharepoint.com///ipdynamics.sharepoint.com///hello.myfonts.net/count/3172ea");  
*/
/*@font-face {font-family: 'SofiaProRegular';src: url('fonts/3172EA_0_0.eot');src: url('fonts/3172EA_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/3172EA_0_0.woff2') format('woff2'),url('fonts/3172EA_0_0.woff') format('woff'),url('fonts/3172EA_0_0.ttf') format('truetype');}
@font-face {font-family: 'SofiaProMediumCondensed';src: url('fonts/3172EA_1_0.eot');src: url('fonts/3172EA_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/3172EA_1_0.woff2') format('woff2'),url('fonts/3172EA_1_0.woff') format('woff'),url('fonts/3172EA_1_0.ttf') format('truetype');}
@font-face {font-family: 'SofiaProLightCondensed';src: url('fonts/3172EA_2_0.eot');src: url('fonts/3172EA_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/3172EA_2_0.woff2') format('woff2'),url('fonts/3172EA_2_0.woff') format('woff'),url('fonts/3172EA_2_0.ttf') format('truetype');}
*/
body {
	font-family: Calibri;
}
.ui-widget-content a {
	text-decoration: none;
	color: #10415b;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.bodycontainer {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;

}
.header {
	position: absolute;
	top: 5px;
	left: 20px;
	right: 20px;
	bottom: 5px;
}

.maincontent {
	position: absolute;
	top: 70px;
	bottom: 40px;	
	right: 20px;
	left: 20px;
	background: url('../img/background.JPG');
	background-size: cover;
}


.footer {
	position: fixed;
	bottom: 0px;
	right: 20px;
	left: 20px;
}

.menuarea {
	margin-left: 50px;
}
.menuarea h2 {
	color: #10415b;
}

.menupanel {
	margin-left: -30px; 
	font-weight: bold;
	line-height: 1.6;
}


.cf:before, .cf:after {
  content:" ";
  display: table;
}
.cf:after {
  clear: both;
}

.menu {
  list-style:none;
  margin-top: 64px;
  margin-right: 50px auto;
  width: 800px;
  
  color: black;
}
.menu > li {
  float: left;
  position: relative;
}
.menu a {
  color: black;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
}
.menu li:hover {
  background: white;
}
.menu > li > a {
  padding: 1em 2em;
}
/* Dropdown */
.submenu {
  position: absolute;
  width: 400px;
  left: 50%;
  margin-left: -100px;
  opacity: 0.7;
}
.submenu li {
  background-color: whitesmoke;
  opacity: 0.7;
  position: relative;
  overflow: hidden;
  line-height: 0.5em;
}
.submenu > li > a {
  padding: 1em 2em;
  background-color: whitesmoke;
  opacity: 0.7;
}
.submenu > li > a:hover {
	text-decoration: underline;
}
.submenu > li::after {
  content:'';
  position: absolute;
  top: -125%;
  height: 100%;
  width: 100%;
}

/* Show dropdown */
.submenu, .submenu li {
  opacity: 0;
  visibility: hidden;
}
.menu > li:hover .submenu, .menu > li:hover .submenu li {
  opacity: 1;
  visibility: visible;
}