html, body { 
  font-size: 1.0em;
  line-height: 1.4em;
  font-family: Georgia,Times, serif;
  margin: 0;
  padding: 0;
  background-color: #F8F8F8;
}

#main p{
  padding: 0 2em;
  color: black;
}

#header{
  padding-top:1.5em;
  background-color: #369;
  padding-bottom: 0;
  margin-bottom: 0;
  height: 100px;
}

#main{
   margin-left:20%;
   margin-right:8%;
}

#menu {
  position:absolute;
  top: 123px;
  left:0;
  width:18%;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#footer{
  font-size: smaller;
  text-align: center;
}

#logo{
  font-size: 3.0em;
  color: white;
  border:none;
  padding: 0px 0px 0px  25px;
}

#blurb {
  font-style: italic;
  padding: 0px 0px 0px 30px; 
  line-height: 2.5em;
  color: black;      
}
	 
#logo a:visited, #logo a:link{
  color: white;
}

#header a:hover {
  text-decoration: none; 
  border-bottom: 0px;
}

#header hr{
  background-color: #036;
  height: 0.8em;
  padding-bottom: 0em;
}

h1 {
  font-variant: small-caps;
  font-family: sans-serif, Arial, Helvetica, Geneva, SunSans-Regular; 
  color: rgb(0, 33, 99); 
  text-align :center; 
  line-height:1.8em; 
}

h2{ 
  background-color: #f0f0f0;
  padding :0.3em 0.2em 0.3em 0.2em ;
  border-right: 3px solid #036;
  border-bottom: 1px solid #036;
  padding-left:25px;
  margin-right:10px;
  font-family: Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif; 
  font-style: italic;
  color: #036; 
}

h3{ 
  background-color: #f0f0f0;
  padding :0.1em 0.2em 0.1em 0.3em ;
  border-right: 3px solid #036;
  border-bottom: 1px solid #036;
  padding-left:25px;
  margin-right:2em;
  margin-left:0.5em;
  font-family: Verdana, Helvetica, Geneva, SunSans-Regular; 
  font-style: italic;
  color: #036; 
}

												    p {
												      text-align: justify;
												        color: black;
													}

													p .initcap{
													  font-size: 4em;
													    line-height: 0.6em;
													      font-weight: bold;
													      }

													      a:link {
													        font-weight: bold;
														  text-decoration:none;
														    color: #036;
														    }

														    a:visited {
														      font-weight: bold;
														        text-decoration: none;
															  color:purple;
															  }

															  a:hover, a:active {
															    color:red;
															      border-bottom: 1px solid red;
															      }


															      #school_logo{
															        height:80px;
																  width: 140px;
																    display: block;
																      margin-left: auto;
																        margin-right: auto;

																	}

	       #menu p {
	         display: none;
		 }


#menu ul {
  list-style: none;
    margin: 0;
      padding: 0;
      }

      #menu ul li {
        margin: 0;
	  border-top: 1px solid #003;

	  }

	  #menu ul li a {
	    display: block;
	      padding: 2px 2px 2px 10px;
	        border-left:10px solid #369;
		  border-right: 5px solid #69c;
		    border-bottom:1px solid #369;
		      background-color: #036;
		        color: #fff;
			  text-decoration: none;
			    width: 100%;
			    }

			    #menu ul li a:hover {
			      border-left: 10px solid #036;
			        border-right: 1px solid #69c;
				  border-bottom: 1px solid #369;
				    background-color: #69f;
				      color: #fff;
				      }

html>body #menu ul li a {
  width: auto;
}