nav1 ul {
	list-style-type: none;
  padding: 1em;
  margin: 0;
  width: 12em;
  float: left;
	border-right: 1px dotted grey;
	height: 20em;
	margin-top: 2em;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
}

nav1 ul li {
  margin: 0.5em 0;
  padding: 0.3em;
  background: # ;;
  color: white;
  text-align:right;
}

nav1 li a { text-decoration: none; }
nav1 li a:link {color:white;}      /* unvisited link */
nav1 li a:visited {color:white;}  /* visited link */
nav1 li a:hover {color:#FF0000;}  /* mouse over link */
nav1 li a:active {color:#0000FF;}  /* selected link */

nav1 li.current {
	width: 16em;
	text-align:left;
}

nav1 li.current a {
	margin-left: 9em;
	font-weight: bold;
}

div.content {
	float: right;
	margin: 0;
	padding: 0;
	margin-left: 9em;
	margin-top: 1.8em;
  max-width: 70%;
}

div.content div {
  padding: 20px;
}

#page3 {
  background-color: #e0ebeb;
}

footer {
	clear: both;
  font-style: italic;
  color: grey;
}
.banrimg{
  width: 100%;
  padding-bottom: 20px;	
  height: 500px;
}
.ftlin{
	color:#b5b1b1!important;
	
}
/* rules for smaller screens: */
@media only screen and (max-width: 800px) {
    /* rules that only apply for screens narrower than 800px */
    nav1 ul {
      clear: both; /* clear space around (left and right side), this pushes other elements downward */
      padding: 0.5em;
      margin: 0;
      height: 10em;
    }
    div.content a {
      font-size:150%;
      padding: 0.5em;
    }
    h1 {
      margin-top:0;
    }
    nav1 li a:hover {color:white;}  /* mouse over link */
    div.content {
      margin: 0;
      padding: 0;
      clear: both;
    }
    footer {
      margin: 0.5em;
    }
} /* /@media */

</style>