@charset "utf-8";

 .box4{
   width: 23%;
   height:auto;
   background-color: #fff;
   float:left;
   margin:1%;; 
   
  background-color: #F8F8F8;
   
     
   }

     .box2{
   width: 22%;
   height:auto;
   background-color:#F5F5F5;
   float:left;
   margin:1%;
   border:thin  #F5F5F5 solid;
   padding-top:20px;
   padding-bottom:20px;
   text-align:center;
  
     }  
   .box_h{
   font-size:14px;
   font-weight:bold;}
   
   .box1 {
   width: 22%;
   height:auto;
   background-color: #fff;
   float:left;
   border:thin #CCC solid;
   margin:1.5%; 
    padding:2%;
   
   }
.boxorg {
   width: 200px;
   height:200px;
   background-color: #fff;
   float:left;
   padding:20px;
   margin:14px;
   border:thin #CCC solid;
   }
   .email {
   color: #B72F1C;
   }
   #accordion div .phone p strong {
   color: #B72F1C;
   }
#accordion div .hcolor {
	color: #124570;  
	
}
   .coloredlink {
   color: #4777A3;
   font-size:14px;
   }
   #accordion div u {
   
   }
   .addlink{
   font-size:11px;
   color:#063;}
   .coursellink
   
   
#accordion div li a {
	color: #000;
}
#accordion div li a {
	color: #000;
	text-decoration: none;
}
</style>
  
  
  
  
 <!--end accordion --> 
    
    
    
 <style>
* {
  box-sizing: border-box;
}

#wrapper1{
	width:100%;
	margin-right:auto;
	margin-left:auto;}
#wrapper1 .row .column5 .box {
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

body {
  font-family: Arial, Helvetica, sans-serif; background-color:#fff; 
}

/* Style the header */
.header {
  background-color: #fff;
  position:relative;
  float:left;
 	height: 160px;
}

#header_img {
  width: 100%;
  max-width: 1000px;
  height: 160px;
}

/* Create three equal columns that floats next to each other */
.column1 {
  
  width: 95%;
  margin-right:auto;
  margin-left:auto;
  height: auto;
  padding-top: 0px;  
}
.column2 {
	float:left;
 
 
 }
 .column3{
  float: left;
  width: 24%;
  padding:0px 0px 0 15px;
 height: auto; /* Should be removed. Only for demonstration */
 
}
 .column4 {

  float: left;
  width: 23%;
  padding: 1%;
  height: auto; /* Should be removed. Only for demonstration */
  margin-left: 2%;
}
.column5 {
  float: left;
  width: 71%;
  padding: 1%;
  height: auto;
  text-align:center;
   /* Should be removed. Only for demonstration */
}

.column6 {
  float: left;
  width: 94%;
  height: auto;
  text-align:center;
  font-size:18px;
  margin-top: 25px;
  text-align:center;
 padding-right:3%;
 padding-left:3%;
 margin-right:auto;
 margin-left:auto;
   }
   
.column7 {
  float: left;
  width: 74%;
  height: auto;
  text-align:center;
  font-size:18px;
  
  }

}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
#wrapper1{
    width: 100%;
  }

/* Style the footer */
.footer {
	 background-image:url(images/footer1.jpg);
 /*background-color: #2c3e50;*/
  padding: 5%;
  text-align: center;
  clear: both;
  height:500px;
}

#message {
	width:100%;
	height:35px;
	background-color:#81a7c8;
	color: #fff;
	text-align:center;
	padding-top: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	
}

.header_logo {

	float:left;
	padding-left: 5%;
}
.header_heading {
	width: 40%;
	float:left;
	padding-top:20px;
	height: 60px;
	font-size:22px;
	padding-left: 2%;
}
.header_heading1 {
	width: 40%;
	float:right;
	height: 60px;
	text-align:right; 
	padding-right: 4%;
	
}

body {
	background-color: #FFFFFF;
}
h4 {
	font-size: 14px;
}
</style>

<style type="text/css">
.footer {
	
	
}

.column1f {
	
	width: 20%;
	height: auto;
	float: left;
	padding-left:4%;
	padding-right:4%;
	color:#FFF;
}
.column2f {
	
	width: 30%;
	height: auto;
	float: left;
	padding-left:4%;
	padding-right:4%;
	color:#FFF;
}

.footer_heading {
	width: 100%;
	color:#FFF;
}

.footer_topics {
	width: 100%;
	padding-top:10%;
}
.column3f {
	width: 100%;
	clear:both;
	text-align:center;
	color:#FFF;
	padding-top:30px;
	
}

.footer_img {
	height: auto;
	width: 30%;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	float: left;
	text-align:right;
	clear:both;
	
}
.footer_info {
	height: auto;
	width: 60%;
	margin-left: 5px;
	padding-top: 10px;
	float: left;
	text-align:left;
	padding-bottom: 20px;
	
}
a:link {
	color: #4777A3;
	text-decoration: none;
	font-size:16px;
	
}
a:visited {
	color: #4777A3;
	text-decoration: none;
	font-size:16px;
}
a:hover {
	color: #3F6383;
	text-decoration: none;
	font-size:16px;
}
a:active {
	color: #4777A3;
	text-decoration: none;
	font-size:16px;
}
a {
	font-weight: normal;
	font-size: 12px;
}
/* Style the footer */
.footer {
	 background-image:url(images/footer1.jpg);
 /*background-color: #2c3e50;*/
  padding: 4%;
  text-align: center;
  clear: both;
  height:400px;
}

.footer a:link{
	color: #FFF;  
	
	}
	
	
	.footer a:hover{
	color: #FFF;  
	
	}

.footer a:active{
	color: #FFF;  
	
	}

.footer a:visited{
	color: #FFF;  
	
	}

.column1footer {
	
	width: 20%;
	height: auto;
	float: left;
	padding-left:2%;
	padding-right:2%;
	color:#FFF;
}
.column2footer {
	
	width: 44%;
	height: auto;
	float: left;
	padding-left:2%;
	padding-right:2%;
	color:#FFF;
	text-align:left;
}
.column3footer {
	width: 100%;
	clear:both;
	text-align:center;
	color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	
}
.footer_img {
	height: auto;
	width: 30%;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	float: left;
	text-align:right;
	clear:both;
	
}
.footer_info {
	height: auto;
	width: 60%;
	margin-left: 5px;
	padding-top: 10px;
	float: left;
	text-align:left;
	padding-bottom: 20px;
	
}
a:link {
	color: #4777A3;
	text-decoration: none;
}
a:visited {
	color: #4777A3;
	text-decoration: none;
}
a:hover {
	color: #3F6383;
	text-decoration: none;
}
a:active {
	color: #4777A3;
	text-decoration: none;
}
a {
	font-weight: normal;
	font-size: 12px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other 
@media (max-width: 350px) {
	#wrapper1{
    width: 100%;
  }
  .column1 {
    width: 100%;
	height:auto;
	
  }
 
  .column2 {
    width: 50%;
	height:auto;
	padding:1px;
  }
   .column3{
    width: 50%;
   	height:auto;
	padding:1px;
    
  }
   .column4 {
    width: 100%;
	padding: 5px;
  height: auto; /* Should be removed. Only for demonstration 
  margin-left: auto;
  margin-right: auto;
  }
   .column5 {
    width: 100%;
  }
  
  .column6 {
 width: 100%;
	margin-right: auto;  
   margin-left: auto;  
  }
  .box {
   width: 100%;
   height:auto;
   background-color: #fff;
   border:thin #CCC solid;
  
   }
}
#wrapper1 .row .column5 .box {
}
 
    /* CSS Document */