body {
  font-size: 100%;
/*  background-color: #E0FFFF; */  
  /*background: url(background.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.nav { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 15px;
	float: right;
	font-family: sans-serif;
	}

.nav li { 
	outline: none;
	float: left;
	position: relative;
	padding-top: 45px;
	margin-left: 2px;
	}

.nav li:hover a, .nav li a.active {	
	background:#3bacb6;
	color:#fff;
	}

#current {
  background:#3bacb6;
  color:#fff;
}

.nav li a {
  display: block;
  margin: 0px;
  position: relative;
  text-align: center;
  line-height: 20px;
  display: block;
  width: 100px;
  height: 20px;
  padding: 10px;
  color: #3bacb6;
  font-weight: bold;
  text-decoration: none;
}

/*a {
  text-decoration: none;
}*/
/*container for logo and top buttons*/
.widthmain{ 
  padding-left: 80px;
  width: 1120px;
  height: 120px;
}



#main-page{
  margin-left: 1000px;
}

/*for banner just below widthmain*/
.banner-home{
  margin-top: -18px;
  margin-left: 70px;
  width: 1120px;
  height: 50px;
  font-family: calibri;
  font-size:20px;
  padding-bottom:30px;
  background: url('images/homeBorder.png') no-repeat 1070px 25px;
}

.banner-home-border{
  border: #41719C ;
  border-bottom-style: solid;
  height : 40px;
  width: 1073px;
  font-family: "Century Gothic";
  font-size: 16px;
}

.banner-contact{
  color: #41719C;
  text-align: right;
  margin-top: -20px;
  font-family: sans-serif;
  font-size:15px;
}
/*end for banner just below widthmain*/

/*for bottom banner*/
.bottom-banner-home-border{
  border: #41719C ;
  border-top-style: solid;
  height : 50px;
  width: 1080px;
  margin-left:43px;

}

.bottommain{
  /*margin-top: 20spx;*/
  margin-left: 70px;
  width: 1120px;
  height: 50px;
  font-family: calibri;
  font-size:20px;
  float: left;
  padding-top:30px;
  background: url('images/homeBorder.png') no-repeat 0px 16px;
}

.bottom-banner-contact{
  color: #41719C;
  text-align: right;
  margin-top:0px;
}
/*end for bottom banner*/

.logo{
  float: left;
  width: 18%;
  padding-top:0px;
}
/*text area in left conatiner*/
.textbg{
  margin-left: 70px;
  width: auto;
/*  background: #CEE7D4;*/
  font-family: "Century Gothic";
  border-top:solid #41719C;
  margin-top: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
}
/*logo on top left*/
#logo {
  width:600px;
  height:100px;
}
/*for twitter*/
/*iframe[id^='twitter-widget-']{ width:400px!important;}*/
iframe[id^='twitter-widget-']{ height:500px!important;}

#left-container{
  float:left;
  width:800px;
}

#right-container{
  float:left;
  margin-left: 40px;
  width:auto;
  margin-top: -20px;  
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size:14px;
  width: 330px;
}

/*for the dotted line*/
#border-style{
  border: #CEE7D4;
  border-bottom-style: dotted;
  margin-bottom: 25px; /*for space after border*/
  padding-bottom: 20px; /*for space before border*/
  width: 320px;

}
/*contain both left & right container*/
#page-container{
  padding-top: 10px;
  clear:both;
  width: 1400px;
}

/*for home service picture*/
img.homeService{
  height: 750px;
  width:731px;
  margin-left: 70px;
}


h2{
  color: #FF9100;
  font-size: 15px;
  font-family: sans-serif;
}

img.homeClass{
  height: 300px;
}
/*for bullets under self-service*/
ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0;
}

li.bullet {
background: url('images/bullet.png') no-repeat 0px 0px;
height: 28px;
padding-top: 5px;
padding-left: 25px;
}
/*end for bullets under self-service*/

/*for about*/

table.coy{
  margin-left: 110px;
  font-size: 15px;
  font-family:"Century Gothic";
  background-color:#f2f2f2;
  clear:both;
  width:1030px;
  margin-bottom:30px;
}


td.cc{
  color: #7030A0;
  font-size: 15px;
  text-align: top;
  font-weight:bold;
  padding-left: 5px;
  vertical-align: top;
}

table.people{
  margin-left: 110px;
  font-size: 15px;
  font-family:"Calibri";
  clear:both;
  width:1030px;
  padding-bottom: 30px;
}

#event-container{
  margin-left: 110px;
  width:1030px;
}

table.people td{
  vertical-align: top;
  padding-right: 20px;
}

img.profile{
  height: 150px;
  width:120px;
}

img.sidepict{
  height:200px;
  width:200px;
}

table.info{
  margin-left: 110px;
  font-size: 15px;
  font-family:"Calibri";
  clear:both;
  width:1030px;
  background-color:#f2f2f2;
}

/*end for about*/

/*services*/
table.service{
  margin-left: 200px;
  font-size: 15px;
  font-family:"Century Gothic";
  /*background-color:#CDD4E1;*/
  clear:both;
  width:750px;
  margin-bottom:30px;
  border-spacing:15px;
}

table.service td.text{
  background-color:#CDD4E1;
  padding:15px;
  vertical-align: top;
}

table.service tr.middle{
    text-align: center;
}

img.service{
  height: 150px;
  width: 150px;
}

div.service{
  margin-left: 150px;
  font-size: 15px;
  font-family:"Century Gothic";
  width:1000px;
}
/*end for services*/

/*contact*/
#left-container-about{
  float:left;
  width:600px;
  margin-left: 100px;
}

#right-container-about{
  float:left;
  margin-left: 40px;
  width:auto;
  margin-top: -20px;  
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size:14px;
  width: 400px;
}

img.about{
  height:300px;
  width: 400px;
  padding-top: 20px;
}

iframe.about{
  padding-top: 20px;
}

table.contact{
  font-size: 15px;
  font-family:"Century Gothic";
  clear:both;
  width:600px;
  margin-bottom:30px;
  border-spacing:15px;
}

table.contact td.left{
   vertical-align: top; text-align:left;
}

#contact{
  font-family: calibri;
  font-size:14px;
}
/*end for contact*/

/*for class tool introduction page*/
div.classTool{
  margin-left:300px;
  font-family:"Century Gothic";
  margin-top: 50px;
}

img.classTool{
  margin-left: 400px;
  height:495px;
  width:495px;
}

table.classTool{
  margin-left: 300px;
  font-size: 15px;
  font-family:"Century Gothic";
  clear:both;
  width:700px;
  margin-bottom:30px;
}

div.classIntro{
  font-size:15px;
}