body {
	margin:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #F2F2F2;
}
strong {
  font-weight: 550; /* Medium boldness instead of full bold (700) */
}
h1, h2, h3, h4, h5, h6, p, a, div{
	margin:0;
}
h1 {
	padding: 7px 0px 5px;
	font-size: 14pt;
	font-weight: 550
}
a:hover{
	color: #33CC00;
	text-decoration: none;
}
/* Ensure nav is hidden by default on mobile */
#nav {

  position: absolute;
  top: 10px;
  right: 25px;
  width: 50%;
  text-align: right;
  background-color: #F2F2F2;
  border-radius:12px;
  padding: 5px 5;
  z-index: 1000; /* Ensures it appears on top */
}
img {
    width: 100%;
    max-width: 800px; /* Adjust max size as needed */
    height: auto;
    display: block;
    margin: 0 auto; /* Centers the image */
    padding-bottom: 20px; /* Adds space below */
    border-radius:12px;
}
.logo, .logo a:link{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #56B7E8 0%, #021857 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #56B7E8 0%, #021857 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #56B7E8 0%, #021857 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #56B7E8), color-stop(1, #021857));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #56B7E8 0%, #021857 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #56B7E8 0%, #021857 100%);
	height: 58px;
	width: 100%;
	text-align: left;
	border-radius:12px;
	text-decoration: none;
	background-repeat: no-repeat;
}
.logo-text,.logo-text a:link,.logo-text a:visited{
	font-size: 16pt;
	color: white;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
.logoImg {
      height: 40px;
      width: auto;
      align: left;
}