body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13pt;
	
	-webkit-font-smoothing: antialiased;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f7f7f7;
	color: #666666;
}

 h2 {
	font-size: 14pt;
	padding: 0px;
	margin: 0px;
 }

.container {
	        width: 100%;
	        min-width: 1000px;
			margin: auto;
	        background-color: #669933;
	        padding: 0px;
}

.green-button a {
 background-color: #33333;
}

.maincontent
	{
		
		width: 100%;
		min-width: 960px;
		margin: 0px auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.leftdiv
	{
		
		width: 66%;
		float: left;
	}
	.rightdiv
	{
		
		width: 33%;
		float: right;
	}

      

      .green-banner { 
	  height: 350px; 
	  color: #669933; 
	  background-image: url(../images/school@2x.png);
	  background-repeat: repeat; 
	  }
      .green-banner div.crest {
        position: absolute;
        width: 100%;
		min-width: 1000px;
      }
	  
      .green-banner div.crest img { 
		padding-left: 40px;
		padding-bottom: 28px;
		padding-top: 28px;
		padding-right: 0px;
	  }
	  
	  
	  
	  .green-banner div.facebook {
        position: absolute;
        width: 100%;
		min-width: 1000px;
      }
	  .green-banner div.facebook img { 
		padding-left: 40px;
		padding-bottom: 28px;
		padding-top: 200px;
		padding-right: 0px;
		
	  }
	  
	  
	  
	  .photo-banner div.super-nav {   
        width: 100%;
		min-width: 1000px;
		z-index: 5;
		height: 36px;
		background: rgba(249,247,244,0.4);
		
	  }
	  
	  .photo-banner { height: 345px; color: #FFF; }
      .photo-banner div.crest {
        position: absolute;
        width: 100%;
		min-width: 1000px;
      }
	  
      .photo-banner div.crest img { 
		padding-left: 40px;
		padding-bottom: 28px;
		padding-top: 28px;
		padding-right: 0px;
	  }
	  
	  
	  
	  
	  
	  
.top-nav-new {
		  	width: 100%;
	        background-color: #FFFFFF;
	        padding: 0px;
			font-family: 'Open Sans', sans-serif; 
			font-weight: 600; 
			font-size: 14px;
		  	box-shadow: 0px 8px 24px 0px #e4e4e4;
		  }
		  
		  
.top-nav-new ul {
    list-style-type: none;
    width: 100%;
	margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFF;
	white-space: nowrap;
}

.top-nav-new li {
    float: left;
}

.top-nav-new li a, .dropbtn {
    display: inline-block;
    color: #4BA04E;
    text-align: left;
    padding: 14px 18px;
    text-decoration: none;
}

.top-nav-new li .dropbtn-on {
    display: inline-block;
    color: #FFFFFF;
	background-color: #E9B015;
    text-align: left;
    padding: 14px 18px;
    text-decoration: none;
}

.top-nav-new li a:hover, .dropdown:hover .dropbtn .dropbtn-on {
    background-color: #E9B015;
}


.top-nav-new li.home a:hover {
    background-color: #E9B015;
	padding-bottom:33px;
    text-decoration: none;
	background-color: #E9B015;
}

.top-nav-new li.home-on {
    display: inline-block;
    color: #FFFFFF;
    text-align: left;
    padding: 14px 18px;
	padding-bottom:33px;
    text-decoration: none;
	background-color: #E9B015;
}

.top-nav-new li.on {
    display: inline-block;
    color: #FFFFFF;
    text-align: left;
    padding: 14px 18px;
    text-decoration: none;
	background-color: #E9B015;
}

.top-nav-new li.dropdown {
    display: inline-block;
}


.top-nav-new .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.top-nav-new .dropdown-content a {
    font-weight: 400;
	color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.top-nav-new .dropdown-content a:hover {background-color: #f1f1f1}

.top-nav-new .dropdown:hover .dropdown-content {
    display: block;
}
	  
	  
	  .top-nav {
		  color: #066faf; font-weight: bold; left: 40px;}
      .top-nav div {        
        position: absolute;
		width: 100%;
		min-width: 1000px;
		top: 240px;
        background: rgba(255,255,255,1);
		height: 95px; 	
      }

	  .top-nav div table {
		  margin-left: auto ;
  			margin-right: auto ;
			
	  }
	  
	  
      
	 
		
	  
	  .tag-and-utils {
			width: 390px;
			font-size: 14px;
			color: #FFF;
			float: right;
			margin-right: 40px ;
			margin-top: 10px ;
			line-height: 1.3em;
			
		}
		.tag-and-utils div {
			position: absolute;
			top: 40px;
		}
      
	  .tag-and-utils a:link {        
        color: #FFFFFF;
		text-decoration: none;
      }
	  .tag-and-utils a:visited {        
        color: #FFFFFF;
      }
	  .tag-and-utils a:hover {        
        color: #FFFFFF;
		text-decoration: underline;
      }
	  
	  .contact-and-facebook {
			width: 390px;
			font-size: 14px;
			color: #FFF;
			float: right;
			margin-right: 40px ;
			margin-top: 10px ;
			line-height: 1.3em;
			
		}
		.contact-and-facebook div {
			position: absolute;
			top: 52px;
		}
      
	  .contact-and-facebook a:link {        
        color: #FFFFFF;
		text-decoration: none;
      }
	  .contact-and-facebook a:visited {        
        color: #FFFFFF;
      }
	  .contact-and-facebook a:hover {        
        color: #FFFFFF;
		text-decoration: underline;
      }


.wrapper {
  width:940px;
}
.first {
  width:65%;
  float:left;
}
.second {
  background-color:blue;
  width:5%;
  float:left;
	display:block;
}
.third {
  width:35%;
  float:left;
}

.clearfix:after {
  content:"";
  display:block;
  clear:both;
 }