@media only screen and (max-width: 600px) {
	.PageBody {
		padding-top: 32px;
		margin-left: 0px;
	}
	
	nav {
		z-index: 50;
		max-height:10px;	
		position: fixed;
		margin-top: 0;
		width: 100%;	
		margin-left: 0;
	  } 
	  
	nav.navbar-fixed-top {
		background: #2c425e; 
		box-shadow: 0px 0px 0px rgba(1,1,1,1.15);
		padding: 0 0px;
		/*border-radius: 10px;  */
		list-style: none;
		position: relative;
		display: inline-table;
		width: 100%;
		margin-left: 0px;
		margin-top: 0px;
	}

	nav ul {
		background: #2c425e; 
		box-shadow: 0px 0px 0px rgba(1,1,1,1.15);
		padding: 0 0px;
		/*border-radius: 10px;  */
		list-style: none;
		position: relative;
		display: inline-table;
		width: 100%;
		margin-left: 0px;
		margin-top: 0px;
	}

	nav ul li{
		display: none;
	}

	nav ul li.showMobile{
		display: inline;
		float: left;
	}

	nav ul ul {
		display: none;
		width: 100%;
	}
	
	nav ul li:hover > ul {
		display: block;
		z-index: 999;
	}

	nav ul li:hover > ul {
		display: block;
		z-index: 999;
	}

		
	nav ul li a {
		display: block; 
		padding: 5px 20px;
		color: #ffffff; 
		text-decoration: none;
	}
	
	nav ul ul {
		border-radius: 0px; 
		padding-left: 20px;
		width:100%;
		background: #165b83
	}
	
	nav ul ul li {
		float: none; 
		border-top: 0px;
		border-bottom: 0px;
		position: relative;
	}
	
	nav ul ul li a {
		padding: 15px 40px;
		color: #fff;
	}
	
	nav ul ul li a:hover {
		background: #1b445e;
	}
	
	nav ul ul ul {
		white-space: nowrap;
		  overflow: hidden;
		position: absolute; left: 100%; top:0;
	}
	
}




/* the styles for the navigation bar*/
@media only screen and (min-width: 600px) {
 nav {
  z-index: 50;
  max-height:10px;	
  position: fixed;
  margin-top: 0;
  width: 100%;	
  margin-left: 0;
} 

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
	z-index: 999;
}

nav ul {
	background: #efefef; 
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 0px rgba(1,1,1,1.15);
	padding: 0 0px;
	/*border-radius: 10px;  */
	list-style: none;
	position: relative;
	display: inline-table;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}

nav ul li {
	float: left;
}

nav ul li:hover {
	background: #074870;
	background: linear-gradient(top, #074870 0%, #326889 40%);
	background: -moz-linear-gradient(top, #074870 0%, #326889 40%);
	background: -webkit-linear-gradient(top, #074870 0%,#326889 40%);
}
	
nav ul li:hover a {
	color: #fff;
}
		
nav ul li a {
	display: block; padding: 5px 40px;
	color: #074870; text-decoration: none;
}

nav ul ul {
	background: #326889; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	width:250px;
}

nav ul ul li {
	float: none; 
	border-top: 0px;
	border-bottom: 0px;
	position: relative;
}

nav ul ul li a {
	padding: 15px 40px;
	color: #fff;
}

nav ul ul li a:hover {
	background: #1b445e;
}

nav ul ul ul {
	white-space: nowrap;
  	overflow: hidden;
	position: absolute; left: 100%; top:0;
}



}