body {
	background-image:url('..//images/bgimage.png');
        background-repeat:no-repeat;
        background-size:100% ;
        background-position:center;
        max-width: 960;
        margin:auto;
}

.header{
        content:url('..//images/banner.png');
        margin:auto;
        
}
.content {
  margin: auto;
  max-width: 960;
  padding-left:16px;
}

.topnav {
  overflow: hidden;
  margin: auto;
  max-width: 960;
  background-color: #323F3D;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

h1 {
	font-size:250%;
	text-align:center;
}
h2 {
	font-size:200%;
	text-align:center;
}
h3 {
	font-size:100%;
	text-align:center;
}


/*
	To highlight text
	Must have <span class="highlight">This is a text.</span> in the body of the page
*/
span.highlight{
	background-color:yellow;
}

/*
	To change paragraph font style
	Must have <p class="normal"> 
*/
p.normal {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style:normal
}
p.italic {
	font-style:italic
}
p.oblique {
	font-style:oblique
}