h2 {font-size: 2.4em}	
h3 {font-size: 2.0em; text-align:center; }	
h4 {font-size: 2.0em; text-align:center;}	
h5 {font-size: 1.143em}	
h6 {font-size: 1em}		

h2, h3, h5, h6 {
	font-weight: 400;
	line-height: 2.0;
	margin-bottom: .8em;
}
	.container {
   
    max-width: 770px;
    float:right; margin-right:165px;
}


	 h4{ line-height:0em; 	font-weight: 400;}
header{ margin:0px auto; width:100%;  background:#e3e0d3; height:auto;}
#top-header{font-size:12px; background:#e3e0d3; height:auto; width:950px; margin:0px auto ; line-height:25px; }
#top-header .left{ float:left; width:auto; }
#top-header .left a{ color:#000; text-decoration:none;}
#top-header .right{float:right; width:440px; text-align:right;}
#top-header ul{ margin:0px; padding:0px;}
#top-header ul li{ list-style:none; padding-left:5px; padding-right:5px;display:inline;  }
#top-header ul li a{ color:#000; text-decoration:none; }
#top-header ul li a:hover{ color:#320033; }
#top-header span{ margin-left:50px;}
#logo{ background:#320033; width:100%; }
.logo{ margin:0px auto; width:980px;}
.slideshow{ background:url(../img/slide/slide1.jpg) top center  no-repeat; width:100%; height:745px; padding-top:550px;  }
.maincontainer{ height:auto; padding:0px; margin-left:9%; }
.topcontent {
background-color:#320033; 
float:left;
	margin-bottom: 3%;  margin-left:3%; width:313px; text-align:justify;
}
.post-info {

	color: #999;
	font-size: 100%; line-height:25px; padding:0% 2%; text-align:right; 
}
.post-info  a{

	color: #fff; text-decoration:none;
}
.heading
{  font-size:18px; text-transform:uppercase; text-align:left; padding:2%; color:#fff;}

.headimg{ padding:0px; margin:0px; height:209px; width:313px;	}
content {
		width: 100%;
		float: left;
padding: 0% 5%; 	 z-index:-1; position: margin-top:-85px; 
			
	 background:#eeefea; }	
	 
.maincontainers{width:100%; height:auto; padding:0px; margin:0px auto; background:#ccc;}

.topcontentes {
background-color:#320033; 
float:left;
	margin-bottom: 3%;  margin-left:3%; width:225px; text-align:justify;
}


/*Activities  section*/
#activities article { text-align:center; margin-top:-20px;  }
#activities figure { position:relative;}
#activities figure span { z-index:99; background:url(../img/frame-circular.png) center top no-repeat; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}

contents {

		float: left;
padding: 0% 2%; color:#c3bfbf; width:480px;
			
}
contents span{font-size:1.0em; }
contents ul{ margin:0px; padding:0px;}
contents ul li{ list-style:url(../img/dot.png) inside;   list-style-position:inside;  line-height:25px;  }
contents ul li a{font-size:20px; line-height:25px; }
.maincontainers p{text-align:center; width:720px; margin:0px auto; font-size:17px; margin-top:-25px; font-weight:lighter; line-height:24px; padding:0px;}
.topcontents{

float:left;
	margin-bottom: 3%;  margin-left:3.0%; padding:0px; width:46%;  text-align:justify; 
}
.topcontent img{ width:313px;}	 
h2 {font-size: 1.5em}	
h3 {font-size: 2.0em}	
h4 {font-size: 2.0em}	
h5 {font-size: 1.143em}	
h6 {font-size: 1em}		

h2, h3, h4, h5, h6 {
	font-weight: 400;


}
.bottom{ width:1124px; margin:0px auto; padding:0px;  }
	 
footer{width:auto;  padding:0px; text-align:center; background-color:#fff; }
footer.top{ margin:10px; padding:0px; font-size:15px;}
footer.top a{color:#fff; text-decoration:none;}
footer .middle{  margin:0px auto; padding:10px 0px 4px 5px; margin:5px; font-size:13px; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}	 
.web{ text-align:right; font-size:12px; padding:2px;	}

.btn {
  background: #ffe100;
  background-image: -webkit-linear-gradient(top, #ffe100, #ffe100);
  background-image: -moz-linear-gradient(top, #ffe100, #ffe100);
  background-image: -ms-linear-gradient(top, #ffe100, #ffe100);
  background-image: -o-linear-gradient(top, #ffe100, #ffe100);
  background-image: linear-gradient(to bottom, #ffe100, #ffe100);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
 font-family: 'roboto';
  color: #000000;
  font-size: 13px;  font-weight:bold;
  padding: 5px 10px 5px 10px;
  text-decoration: none; width:90px; text-align:center;
}
.btn a{color:#000;}

.btn:hover {
  background: #f7e13e; color:#000;
  background-image: -webkit-linear-gradient(top, #f7e13e, #ffe100);
  background-image: -moz-linear-gradient(top, #f7e13e, #ffe100);
  background-image: -ms-linear-gradient(top, #f7e13e, #ffe100);
  background-image: -o-linear-gradient(top, #f7e13e, #ffe100);
  background-image: linear-gradient(to bottom, #f7e13e, #ffe100);
  text-decoration: none;
}
.middlepart{
	width:100%;
	height:auto;
	margin-top:20px;
	}
.middlepart ul{
 	list-style:none;
	margin:0px;
	padding:0px;
	}
.middlepart ul li{
	float:left;
	margin-left:80px;
	}
.middlepart ul li h1{
	margin-left:45px;
	margin-right:25px;
}
.text-li{
	width:200px;
	height:auto;
	text-align: justify;
	font-size:14px;
	line-height:22px;
	
	}
.circle {
    width: 150px; 
    height: 150px;  overflow:hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;   border:1px solid #ccc; margin-left:15px;
	}

.planbanner{ background:#ffe200;}
.gery{ background:#ececec; }
.white{ background:#fff; font-size:15px; padding-left:15px;}

input{ height:30px; border:1px solid #ccc; margin-left:15px; padding:3px 0px  0px 10px; margin-right:5px;}
input[type=checkbox]{
       height:0px;
	   padding:0px;
	   margin:0px;
}
input[type=radio] {
       height:0px;
	   padding:0px;
	   margin:0px 5px 0px 15px;
}
	
.banner{width:auto; }

.nav {
    list-style: none;
     *zoom: 1;
    
}

.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}

input[type=submit]{
width:120px;
padding:0px 5px;
border-radius:5px;

margin:6px auto; background-color:#ffe200;
}
.baanertest{ width:auto;text-align:center; font-size:16px; margin-left:35px; margin-right:30px; margin-top:5px;}

div#responsive{
width:1024px;
background:#ececec;
border-radius:2px;
border:2px solid #ececec; margin:0px auto;
}  	

.accreditation{ border-top:1px solid #ccc; line-height:35px; font-size:20px;}







@media screen and (max-width: 980px) {
body {
background:#fff;
	color: #000305;
	font-size: 87.5%; 
	font-family: 'roboto';
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
header{ margin:0px auto; width:100%;  background:#ffe200;}
#top-header{font-size:12px; background:#FFE200; height:auto;width:85%; margin:0px auto ;line-height:25px; }
#top-header .left{ float:left; width:auto; }
#top-header .left a{ color:#000; text-decoration:none;}
#top-header .right{float:right; width:45%; text-align:right;}
#top-header ul{ margin:0px; padding:0px;}
#top-header ul li{ list-style:none; padding-left:5px; padding-right:5px;display:inline;  }
#top-header ul li a{ color:#000; text-decoration:none; }
#top-header ul li a:hover{ color:#320033; }
#top-header span{ margin-left:20px;}
#logo{ background:#320033; width:100%; }
.logo{  width:auto; margin-left:75px;}
.maincontainer{ height:auto; padding:0px;  }
.topcontent {
	background-color: #000;
float:left;
	margin-bottom: 3%; width:240px; text-align:justify;
	
	
}
.topcontents {
	background-color: #000;
float:left;
	margin-bottom: 3%; width:210px; text-align:justify;
	
	
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
width:195px;padding: 5px;
border:none; margin-top:20px; margin-bottom:18px;
}.post-info {

	color: #999;
	font-size: 100%; line-height:25px; padding:0% 2%; text-align:right;
}
.post-info  a{

	color: #fff; text-decoration:none;
}
.heading
{  font-size:18px; text-transform:uppercase; text-align:left; background-color:#ffe200;padding:2%; margin-top:-5px;}

.headimg{ padding:0px; margin:0px; height:auto;	}
content {
		width: 100%;
		float: left;
padding: 0% 5%;
			
	 background:#eeefea; }	
	 
.maincontainers{width:100%; height:auto; padding:0px; margin:0px auto; background:#ccc;}



/*Activities  section*/
#activities article { text-align:center; margin-top:-20px;  }
#activities figure { position:relative;}
#activities figure span { z-index:99; background:url(../img/frame-circular.png) center top no-repeat; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}

contents {

		float: left;
padding: 0% 5%; color:#c3bfbf; 
			
}
contents span{font-size:1.0em;}
contents ul{ margin:0px; padding:0px;}
contents ul li{ list-style:url(../img/dot.png) inside;   list-style-position:inside;  line-height:25px;  }
contents ul li a{font-size:20px; line-height:25px; }
.maincontainers p{text-align:center; width:720px; margin:0px auto; font-size:17px; margin-top:-25px; font-weight:lighter; line-height:24px; padding:0px;}
.topcontents{
float:left;
	margin-bottom: 3%;   margin-left:8.0%; width:38%; text-align:justify; background:#320033;
}
	 
h2 {font-size: 2.0em}	
h3 {font-size: 2.0em}	
h4 {font-size: 2.0em}	
h5 {font-size: 1.143em}	
h6 {font-size: 1em}		

h2, h3, h4, h5, h6 {
	font-weight: 400;


}
.bottom{  margin:0px auto; padding:0px; background:#000; width:940px; }
	
	footer{width:950px; margin:0px auto; padding:0px; text-align:center; }
footer .top{ margin:10px; padding:0px; font-size:15px;}
footer .middle{  margin:0px auto; padding:10px 5px; margin:5px; font-size:11px; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}	 
.web{ text-align:right; font-size:12px; padding:2px;	}
.planbanner{ background:#ffe200; }
.gery{ background:#ececec; }
.white{ background:#fff;  font-size:15px; padding-left:15px;}

input{width:150px; height:28px; border:0px; margin-left:15px; padding:3px 0px  0px 10px; }
.banner{width:780px; margin-left:11%;}
 .container {
    width: 75%;
    max-width: 770px;
    float:right; margin-right:0px;
}
.nav {
    list-style: none;
     *zoom: 1;
    
	 margin-top:-0px;
}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.submit{ margin-right:25%;}	
div#responsive{
width:824px;
background:#ececec;
border-radius:2px;
border:2px solid #ececec; margin:0px auto;
}  
.baanertest{ width:auto;text-align:center; font-size:20px; margin-left:4%; margin-right:50px;}
.accreditation{ border-top:1px solid #ccc; line-height:35px; font-size:20px;}
 }

/*width980px------------------------------------------*/
@media only screen and (device-width:800px){
body {
background:#fff;
	color: #000305;
	font-size: 87.5%; 
	font-family: 'roboto';
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
header{ margin:0px auto; width:100%;  background:#ffe200;}
#top-header{font-size:12px; background:#FFE200; height:auto;width:98%; margin:0px auto ;line-height:25px;  }
#top-header .left{ float:left; width:auto; }
#top-header .left a{ color:#000; text-decoration:none;}
#top-header .right{float:right; width:48%; text-align:right;}
#top-header ul{ margin:0px; padding:0px;}
#top-header ul li{ list-style:none; padding-left:5px; padding-right:5px;display:inline;  }
#top-header ul li a{ color:#000; text-decoration:none; }
#top-header ul li a:hover{ color:#320033; }
#top-header span{ margin-left:20px;}
#logo{ background:#320033; width:100%; }
.logo{ margin:0px auto; width:auto;}
.maincontainer{width:100%; height:auto; padding:0px; margin-left:2%; background-color:#fff; }
.topcontent {

float:left;
	margin-bottom: 3%;  margin-left:3.5%; width:220px; text-align:justify; 
}

.topcontentes {

float:left;
	margin-bottom: 3%;  margin-left:5%; width:320px; text-align:justify; 
}
.accreditation{ border-top:1px solid #ccc; line-height:35px; font-size:20px;}
.post-info {

	color: #999;
	font-size: 100%; line-height:25px; padding:0% 2%; text-align:right;
}
.post-info  a{

	color: #999; text-decoration:none;
}
.heading
{  font-size:18px; text-transform:uppercase; text-align:left; background-color:#ffe200;padding:2%; margin-top:-5px;}

.headimg{ padding:0px; margin:0px; height:auto;	}
content {
		width: 100%;
		float: left;
padding: 0% 5%;
			
	 background:#eeefea; }	
	 
.maincontainers{width:100%; height:auto; padding:0px; margin:0px auto; background:#ccc;}



/*Activities  section*/
#activities article { text-align:center; margin-top:-20px;  }
#activities figure { position:relative;}
#activities figure span { z-index:99; background:url(../img/frame-circular.png) center top no-repeat; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}

contents {

		float: left;
padding: 0% 5%; color:#c3bfbf; width:670px;
			
}
contents span{font-size:1.0em;}
contents ul{ margin:0px; padding:0px;}
contents ul li{ list-style:url(../img/dot.png) inside; width:600px;   list-style-position:inside;  line-height:25px;  }
contents ul li a{font-size:20px; line-height:25px; }
.maincontainers p{text-align:center; width:720px; margin:0px auto; font-size:17px; margin-top:-25px; font-weight:lighter; line-height:24px; padding:0px;}
.topcontents{
background-color:#320033;
float:left;
	margin-bottom: 3%;  margin-left:6.5%; text-align:justify; width:670px;
}
 img.responsive {
        width : 100%; /* or max-width : 100% */
        height: auto; 
    }
h2 {font-size: 2.0em}	
h3 {font-size: 2.0em}	
h4 {font-size: 2.0em}	
h5 {font-size: 1.143em}	
h6 {font-size: 1em}		

h2, h3, h4, h5, h6 {
	font-weight: 400;


}
.bottom{ width:auto; margin:0px auto; padding:0px; background:#000; }
	footer{width:780px; margin:0px auto; padding:0px; text-align:center; }
footer .top{ margin:10px; padding:0px; font-size:15px;}
footer .middle{  margin:0px auto; padding:10px 5px; margin:5px; font-size:11px; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}	 
.web{ text-align:right; font-size:12px; padding:2px;	}	
.topcontent img{ width:220px;}	
.planbanner{ background:#ffe200; }
.gery{ background:#ececec; }
.white{ background:#fff;  font-size:15px; padding-left:15px;}

input{width:150px; height:38px; border:0px; margin-left:10px;  margin-right:10px;padding:3px 0px  0px 10px; }
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
	.container {
    width: 70%;
    max-width: 770px;
    float:right; margin-right:0px;

 }
.submit{ margin-right:0%; }
.banner{width:150px;  float:left; background:#ffe200; margin:0px 10px 0px 0px;}

div#envelope{
width:100%;
}
h1{text-align:center;}	
div#responsive{
width:724px;
background:#ececec;
border-radius:2px;
border:2px solid #ececec; margin:0px auto;
}  

form header {
  margin: 0; 
  text-align:center;
  font-family: 'roboto';;
  }
  
form header div {
  font-size: 90%;
 }

/* Makes responsive fields.Sets size and field alignment.*/
input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
width:25%;
padding: 10px; margin:20px 0px;
border:none; 
}

div{
  padding:0px 0;
}
 
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {

  border-color: #4697e4;
}
label{
margin-left:0;
}
input[type=submit]{
width:auto;
padding:5px;
border-radius:5px;

margin-right:50%
}
.baanertest{ width:400px;text-align:justify; padding:0px 10px; font-size:15px;}


}
@media only screen and (device-width:768px){
body {
background:#fff;
	color: #000305;
	font-size: 87.5%; 
    font-family: 'roboto';
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
header{ margin:0px auto; width:100%;  background:#ffe200;}
#top-header{font-size:12px; background:#FFE200; height:auto;width:98%; margin:0px auto ;line-height:25px;  }
#top-header .left{ float:left; width:auto; }
#top-header .left a{ color:#000; text-decoration:none;}
#top-header .right{float:right; width:48%; text-align:right;}
#top-header ul{ margin:0px; padding:0px;}
#top-header ul li{ list-style:none; padding-left:5px; padding-right:5px;display:inline;  }
#top-header ul li a{ color:#000; text-decoration:none; }
#top-header ul li a:hover{ color:#320033; }
#top-header span{ margin-left:20px;}
#logo{ background:#320033; width:100%; }
.logo{ margin:0px auto; width:auto;}
.maincontainer{width:100%; height:auto; padding:0px; margin-left:2%; background-color:#fff; }
.topcontent {

float:left;
	margin-bottom: 3%;  margin-left:3.5%; width:220px; text-align:justify; 
}
.accreditation{ border-top:1px solid #ccc; line-height:35px; font-size:20px;}
.topcontentes {

float:left;
	margin-bottom: 3%;  margin-left:5%; width:320px; text-align:justify; 
}

.post-info {

	color: #999;
	font-size: 100%; line-height:25px; padding:0% 2%; text-align:right;
}
.post-info  a{

	color: #999; text-decoration:none;
}
.heading
{  font-size:18px; text-transform:uppercase; text-align:left; background-color:#ffe200;padding:2%; margin-top:-5px;}

.headimg{ padding:0px; margin:0px; height:auto;	}
content {
		width: 100%;
		float: left;
padding: 0% 5%;
			
	 background:#eeefea; }	
	 
.maincontainers{width:100%; height:auto; padding:0px; margin:0px auto; background:#ccc;}



/*Activities  section*/
#activities article { text-align:center; margin-top:-20px;  }
#activities figure { position:relative;}
#activities figure span { z-index:99; background:url(../img/frame-circular.png) center top no-repeat; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}

contents {

		float: left;
padding: 0% 5%; color:#c3bfbf; width:670px;
			
}
contents span{font-size:1.0em;}
contents ul{ margin:0px; padding:0px;}
contents ul li{ list-style:url(../img/dot.png) inside; width:600px;   list-style-position:inside;  line-height:25px;  }
contents ul li a{font-size:20px; line-height:25px; }
.maincontainers p{text-align:center; width:720px; margin:0px auto; font-size:17px; margin-top:-25px; font-weight:lighter; line-height:24px; padding:0px;}
.topcontents{
background-color:#320033;
float:left;
	margin-bottom: 3%;  margin-left:6.5%; text-align:justify; width:670px;
}
 img.responsive {
        width : 100%; /* or max-width : 100% */
        height: auto; 
    }
h2 {font-size: 2.0em}	
h3 {font-size: 2.0em}	
h4 {font-size: 2.0em}	
h5 {font-size: 1.143em}	
h6 {font-size: 1em}		

h2, h3, h4, h5, h6 {
	font-weight: 400;


}
.bottom{ width:auto; margin:0px auto; padding:0px; background:#000; }
	footer{width:780px; margin:0px auto; padding:0px; text-align:center; }
footer .top{ margin:10px; padding:0px; font-size:15px;}
footer .middle{  margin:0px auto; padding:10px 5px; margin:5px; font-size:14px; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}	 
.web{ text-align:right; font-size:12px; padding:2px;	}	
.topcontent img{ width:220px;}	
.planbanner{ background:#ffe200; }
.gery{ background:#ececec; }
.white{ background:#fff;  font-size:15px; padding-left:15px;}

input{width:150px; height:38px; border:0px; margin-left:10px;  margin-right:10px;padding:3px 0px  0px 10px; }
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
	.container {
    width: 70%;
    max-width: 770px;
    float:right; margin-right:0px;

 }
.submit{ margin-right:0%; }
.banner{width:150px;  float:left; background:#ffe200; margin:0px 10px 0px 0px;}

div#envelope{
width:100%;
}
h1{text-align:center;}	
div#responsive{
width:724px;
background:#ececec;
border-radius:2px;
border:2px solid #ececec; margin:0px auto;
}  

form header {
  margin: 0; 
  text-align:center;
  font-family: 'roboto';
  }
  
form header div {
  font-size: 90%;
 }

/* Makes responsive fields.Sets size and field alignment.*/
input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
width:25%;
padding: 10px; margin:20px 0px;
border:none; 
}

div{
  padding:0px 0;
}
 
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {

  border-color: #4697e4;
}
label{
margin-left:0;
}
input[type=submit]{
width:auto;
padding:5px;
border-radius:5px;

margin-right:50%
}
.baanertest{ width:400px;text-align:justify; padding:0px 10px; font-size:15px;}


}

@media only screen and (max-width: 479px) {
body {
background:#fff;
	color: #000305;
	font-size: 50.5%; 
	font-family: 'roboto';
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
header{ margin:0px auto; width:100%;  background:#ffe200; }
.maincontainer{width:100%; height:auto; padding:0px; margin:0px auto; background-color:#fff;}
#top-header{font-size:15px; background:#FFE200; height:auto;width:90%; margin:0px auto ; line-height:25px;  }
#top-header .left{ float:left;  width:100%; padding:5px;	text-align:center; }
#top-header .left a{ color:#000; text-decoration:none; clear:both;}
#top-header .right{float:right;  text-align:center; width:100%;}
#top-header ul{ margin:0px; padding:0px;}
#top-header ul li{ list-style:none; padding-left:5px; padding-right:5px;display:inline;  }
#top-header ul li a{ color:#fff; text-decoration:none; width:100%; float:right; background:#320033; margin:5PX 0PX; height:25px; border-radius:5px;}
#top-header ul li a:hover{ color:#fff; }
#top-header span{ margin: 0px;  }
#logo{ background:#320033; width:99%; }
.logo{ margin:0px auto; width:auto; }
.slideshow{ background:url(../img/slide/slide1.jpg) top center no-repeat; width:100%; height:445px; padding-top:20px; }
.topcontent {
	background-color: #000;
float:left;
	margin-bottom: 3%;  margin-left:15%; width:69%; text-align:justify; 
}
img.responsive {
        width : 100%; /* or max-width : 100% */
        height: auto; 
    }
.post-info {

	color: #999;
	font-size: 100%; line-height:25px; padding:0% 2%; text-align:right;
}
.post-info  a{

	color: #999; text-decoration:none;
}
.heading
{  font-size:18px; text-transform:uppercase; text-align:left; background-color:#ffe200;padding:2%; margin-top:-5px;}

.headimg{ padding:0px; margin:0px; height:auto;	}

.topcontentes {

float:left;
	margin-bottom: 3%;  margin-left:15%; width:250px; text-align:justify; 
}

content {
		width: 100%;
				float: left;
padding: 0% 5% ;
			
	 background:#eeefea; }
	 content p{font-size:2em;}	
	 	 content span{font-size:1.6em;}	

	 
h2 {font-size: 2.0em}	
h3 {font-size: 3.0em}	
h4 {font-size: 2.0em}	
h5 {font-size: 1.143em}	
h6 {font-size: 1em}		

h2, h3, h4, h5, h6 {
	font-weight: 400;


}	
.bottom{ width:auto; margin:0px auto; padding:0px; background:#000; }
.bottomcontent {

float:left;
	margin-bottom: 3%;   margin-left:1%; width:200px; text-align:justify; 
}
.topcontents{
float:left;
	margin-bottom: 3%;  margin-left:15%;  text-align:justify; background:#320033; 
}

.maincontainers{width:100%; height:auto; padding:0px; margin:0px auto; background:#ccc;}
/*Activities  section*/
#activities article { text-align:center; margin-top:-20px;  }
#activities figure { position:relative;}
#activities figure span { z-index:99; background:url(../img/frame-circular.png) center top no-repeat; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
contents {

		float: left;
padding: 0% 5%; color:#c3bfbf; width: 170%;
			
}
contents span{font-size:2.0em;}
contents ul{ margin:0px; padding:0px;}
contents ul li{ list-style:url(../img/dot.png) inside;   list-style-position:inside;  line-height:25px;   }
contents ul li a{font-size:20px; line-height:25px; }
.maincontainers p{text-align:justify; width:200px; margin:0px auto; font-size:17px; margin-top:-25px; font-weight:lighter; line-height:24px; padding:0px;}

	footer{width:350px; margin:0px auto; padding:0px; text-align:center; }
footer .top{ margin:10px; padding:0px; font-size:15px;}
footer .middle{  margin:0px auto; padding:10px 5px; margin:5px; font-size:14px; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}	 
.web{ text-align:right; font-size:12px; padding:2px;	}
.topcontent img{ width:248px;}
.planbanner{ background:#ffe200; }
.gery{ background:#ececec; }
.white{ background:#fff;  font-size:15px; padding-left:15px;}

input{width:50px; height:38px; border:0px; margin-left:10px;  margin-right:10px;padding:3px 0px  0px 10px; }
.banner{width:100%; float:left; background:#ffe200; margin:0px 10px 0px 0px;}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff; font-size:20px; margin-left:50px;
}
.baanertest{ width:auto;text-align:justify; padding:0px 10px; font-size:15px;}
.nav li {
    position: relative; width:80%;
}
.format{width:99%;}

input[type=submit]{
width:auto;
padding:5px ;
border-radius:5px;

margin:0px auto;
}input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
width:96%;
padding: 10px;
border:none;
}
	div#responsive{
width:1024px;
background:#ececec;
border-radius:2px;
border:2px solid #ececec; margin:0px auto;
}  

	
	 }