/* ### wrapper ### */
body{ /*background: #f9f6e3;*/background: url(../images/pixels.png) left top repeat;  }
html,body{ height: 100%; }
#wrapper { position: relative; display: block; width: 100%; min-height: 100%;  }
h1,h2,h3,h4,h5, h6 {color: #2d7cb9; font-weight: normal; }
.no_pad { padding-left:  0 !important; padding-right:  0 !important; }
.pad_right { padding-right: 0 !important;  }
.pl { padding-left: 0 !important; } 
.green_head { padding-left: 15px; margin: 0; font-style: italic; font-weight: normal; color: #fff; font-size: 16px; line-height: 42px; background: #2d7cb9 url(../images/arrow.png) right center no-repeat;     }
.red_head { padding-bottom: 10px; background: #906; }
.red_head:hover { background: #F90; }
.red_head:hover  a { color: #fff; }
.green_head  a {  color: #fff; font-style: normal; font-weight: bold;  }
.red { color: #F00; }
.inner_body { background: #fff;  }
.ul_list { padding-left: 20px; list-style: none;  }
.heading h1 { margin: 0;    font-size: 20px; }
.ma { margin: 0 auto 15px;  }
/* ### main container ### */
#mainCntr { margin: 0 auto 0; padding-bottom: 60px; width: 100%; }
#headtitle { padding: 10px 0; border-bottom: 3px solid #076d3c; background: #fccdfc;   }
#headtitle img  { margin: auto; width: 80px; }

	/* ### header container ### */
	#headerCntr { width: 100%; position: relative; }
	#headerCntr .title .container { background: url(../images/header.png) right bottom  no-repeat; }
	#headerCntr .teri { z-index: 999; position: absolute; text-align: center; right: 15px; margin-top: -80px; top: 50%; width:80px;  } 
	#headerCntr .teri img { width: 100%; }
	#headerCntr small { padding-bottom: 5px; font-family: Verdana, Geneva, sans-serif; display: block; font-size: 9px; text-align: center; }

	#headerCntr .logo { position: absolute; left: 15px; top: 0;  }
	#headerCntr .title { /*background:url(../images/bg.png) left top repeat; */ background-color:#cbffcb; }
	#headerCntr .one { display: block; font-weight: normal;  }
	#headerCntr em { font-style: normal; text-align: center; font-size: 24px;   } 
	#headerCntr .two { display: block;  }
	#headerCntr .text { padding-top: 0px;   }
	#headerCntr .text h1 { margin: 5px 0 15px -35px;  font-family: "Myriad Pro", Arial; color: #006837; font-size: 30px; }
	#headerCntr .text span { float: left;  font-size: 99px; line-height: 99px; position: relative;   }
	#headerCntr .text sup { font-size: 18px; position: absolute; right: 0; top: 15px;   }
	#headerCntr .text strong { padding-top: 20px; display: inline-block; width: 90%;  }
	#headerCntr .add { padding: 5px 0; margin: 0; border-bottom: 3px solid #076d3c; background: #6bce76;    }
	#headerCntr .add address { margin: 0; padding: 0; line-height: 16px; font-weight: normal; color:#000000;  }
	
		/* ### menu box ### */
		.menuBox { width: 100%; min-height: 0!important; border: 0!important; border-bottom: 3px solid #076d3c!important; border-radius: 0!important; background: #fccdfc!important;  }
		
		.menuBox ul { list-style: none; list-style-type: none; margin: 0; padding: 0;  }
		.menuBox li { display: inline; line-height: 22px; font-size: 16px; font-family: "Myriad Pro", Arial; font-weight: normal; background: url(../images/sap.jpg) left center no-repeat;   }
		.menuBox li a { padding: 14px 10px 14px 10px !important; color: #666 !important; display: inline-block; font-weight:bold; }
		.menuBox li a:hover, .menuBox li.active a { color: #333!important; background: none !important;  }
		.menuBox li:first-child { background: none;  }
	
	/* ### content container ### */
	#contentCntr { padding: 8px 0 20px; }


		/* ### detail box ### */
		.detailBox { padding-top: 20px; width: 100%; }
		.detailBox h4, .detailBox h3  { font-weight: normal;  font-family: "Myriad Pro", Arial;  }
		.detailBox h5 { font-weight: normal;  font-family: "Myriad Pro", Arial; }
		.detailBox .green { color: #006837; }
		.detailBox ul { padding: 0; list-style: none; }
		.detailBox li { padding: 0 0 15px 3%; width: 95%; background: url(../images/bullet.png) left 5px no-repeat; }
		.detailBox h4 { margin-top: 0; }
		.detailBox .gaap { margin: 0 0 15px 0   }
		.detailBox h1 { margin-top: 0; font-size:20px; }


		/* ### about box ### */
		.aboutBox { width: 100%; }
		.aboutBox h4 { margin: 0;   }
		.aboutBox li { padding-bottom: 10px; float: left; width: 100%; }
		.aboutBox ul { list-style: none; list-style-type: none; margin: 0; padding: 0;   overflow: hidden; }
		.aboutBox .nav-tabs li { width: auto; padding-bottom: 0; }
		.aboutBox .nav-tabs li a:hover, .aboutBox .nav-tabs li a:focus, .aboutBox .nav-tabs li.active a { color: #fff; background: #0ABD5E; }
		.aboutBox .nav-tabs { border: 0; }

		/* ### mainspeak box ### */
		.mainspeakBox {  }
		.mainspeakBox li { padding-bottom: 20px;  }
		.mainspeakBox li img {   }
		.mainspeakBox .pull-left { padding-right: 0 !important; }

		/* ### tab box ### */
		.tabBox {}
		.tabBox .btn { white-space: normal; }
		.tabBox {}
		.tabBox {}

		/* ### left container ### */
		#leftCntr { }
		
			/* ### speaker box ### */
			.speakerBox { /*border-radius: 15px; */ margin-bottom: 20px; overflow: hidden; width: 100%; box-shadow: 1px 1px 6px #999; -webkit-box-shadow: 1px 1px 6px #999; background: #fff; border:1px solid #cccccc;}
			.speakerBox .media { padding-left: 8px; margin-bottom: 10px; overflow: hidden; cursor: default!important;  }
			.speakerBox img { padding: 2px; border: 1px solid #767777;  }
			.speakerBox .media-heading { margin: 2px 5px 0 0;  font-weight: 700; font-size: 13px; line-height: 16px; color: #2d7cb9; }
			.speakerBox .media-left { padding-right: 5px;   }
			.speakerBox p { padding-right: 5px; font-size: 11px; margin: 0; }
			.speakerBox .content { overflow: auto; position: relative; height: 715px; }
			.speakerBox h3 { margin-bottom: 15px; }
			.speakerBox img { opacity: 1 !important; }
			.speakerBox .btn { margin-top: 10px; display: block; border-radius: 0; color: #fff; text-align: right;  background: #2D7CB9; }
		
		/* ### center container ### */
		#centerCntr { }

		/* ### text box ### */
		.textBox { padding-top: 16px; width: 100%; }
		.textBox h2 { margin-top: 0; font-weight: normal; color: #2d7cb9; font-size: 18px; line-height: 24px; font-style: italic; }
		.textBox p { font-size: 15px; }
		.textBox figure { padding-bottom: 10px; }
		.textBox .text { padding: 25px 20px 40px; color: #fff;  border-radius: 15px; background: #04bf00; }
		.textBox .text img { border-radius: 10px; }
		.textBox h4 { margin: 40px 0 0 10px;  font-weight: 800; font-size: 20px; font-style: italic;      }
		.textBox .text p { padding-top: 15px; text-align: justify; }
		.textBox .read { float: right; display: block; color: #fff; }
		.textBox ul { padding: 0; list-style: none; }
		.textBox li { padding: 0 0 15px 5%; width: 95%; background: url(../images/bullet.png) left 5px no-repeat; }

/* ### payment box ### */
			.paymentBox { padding: 0;  }
			.paymentBox ul { list-style: none; list-style-type: none; overflow: hidden; }
			.paymentBox li { line-height: 24px; }
			.paymentBox tr { font-size: 14px; } 
			.paymentBox li strong { padding-right: 5px; display: inline-block; }
			.paymentBox h4 a { padding: 10px 15px; display: block;   }
			.paymentBox h2 { margin-top: 0; } 
			.paymentBox #accordion .panel-heading { padding: 0; }
			.paymentBox small { display: block; text-align: right; color: #000;  }
			.paymentBox .red { color: #F00; }
			.paymentBox .inline label { width: 100%; display: block; font-weight: normal;  }
			.paymentBox label { font-weight: 400; }
			.paymentBox fieldset li { padding-bottom: 10px; width: 100%; float: left;   }
			.paymentBox fieldset ul { padding-left: 0; }
			.paymentBox .bg-primary p { padding: 10px 5px; }
			
			


		/* ### right container ### */
		#rightCntr { }

			/* ### link box ### */
			.linkBox { margin-bottom: 20px;/* border-radius: 15px;*/ border-bottom: 12px solid #2d7cb9; overflow: hidden; width: 100%; box-shadow: 1px 1px 6px #999; -webkit-box-shadow: 1px 1px 6px #999; background: #fff; }
			
			.linkBox ul { padding: 7px 0 32px 20px;  list-style: none; list-style-type: none;  }
			.linkBox li  { margin-top: 13px; font-size: 14px; font-weight: 500;  background: url(../images/arrow1.png) left center no-repeat;  }
			.linkBox li a { padding-left: 10px; color: #2d7cb9; }
			.linkBox a { display: block; text-align: left; }
			.linkBox small { padding-left: 10px; color: #F00; display: block; }
			.linkBox.sponsor .panel-body { text-align: center;  }
			.linkBox.no_bor { border: 0; }
			.linkBox.no_bor h3 { padding-top: 10px; background-image: none; text-align: center; }
			.linkBox.no_bor h3 a { text-align: center; }
			.linkBox .close { position: absolute; right: 2px; top: -2px; color: #000; }


	/* ### footer container ### */
	#footerCntr { margin-top: -60px; height: 60px;  width: 100%; text-align: center;/* background: #fff url(../images/footer.jpg) left top repeat-x;*/ background-color:#393e4a; color:#ffffff;  }
	#footerCntr address {  padding: 20px 0 20px; width: 72%; margin: auto; }

	.alert-info2 {  background: url(../images/roundicon.png) left 2px no-repeat; padding:0 0 15px 25px; border-bottom:1px dashed #31708f; display:block; width:auto;
  color: #31708f;


}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 992px) {
		
		.menuBox li a { padding: 14px 7px 14px!important;
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
	
	#headerCntr .text h2 { font-size: 20px; margin-left: 10px;  }
	.green_head { font-size: 16px; }
	.speakerBox .media { padding: 5px 3% !important; width: 94%!important; text-align: center; }
	.speakerBox .media p { line-height: 14px; font-size: 11px;  }
	.linkBox ul { padding-left: 8px; }
	.green_head { background-image: none; }
	.linkBox li { font-size: 12px; }
	.menuBox li { font-size: 12px;  }
	.menuBox li a { padding: 5px !important; }
	#headerCntr .text h1 { margin-left: -10px; font-size: 21px; line-height: 24px;  }
	#headerCntr em { font-size: 21px;  }
	.speakerBox .media-heading { font-size: 13px; line-height: 16px; } 
	.speakerBox .col-sm-4 { width: 100%; padding: 0; float: none; }
	.speakerBox .col-sm-4 img  { width: 40%; margin: auto; }
	.green_head { padding: 0; text-align: center; }
	.green_head  a { padding: 2px;   }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
.pad_right { padding-right: 15px !important;  }
#headerCntr .text { float: none !important; text-align: center; }
#headerCntr .title .container { background-position: center; background-size: cover; -webkit-background-size: cover; }
#headerCntr .logo { position: static; text-align: center;  }
#headerCntr .logo img { display: inline-block;  }
#headerCntr .text h2 { padding:0 0 20px 0; margin: 0; text-align: center; font-size: 25px; line-height: 30px; }
#headerCntr .text span { float: none; font-size: 70px; line-height: 70px; }
#headerCntr .text strong { display: inline; width:auto; }
#rightCntr { margin-top: 15px; }
.menuBox .navbar-collapse { float: none !important; }
.menuBox li { padding-bottom: 2px !important; float: left;  width: 100%; }
.menuBox li a, .menuBox li.active a { padding: 5px!important;  display: block; color: #fff!important;  background: #c686ca !important; }
#headerCntr .text sup { right: -5px;  }
#headerCntr .logo { text-align: center;  }
#headerCntr .logo a { text-align: center; }
#headerCntr .teri { position: static; margin: 10px auto;  text-align: center; width: auto;  } 
#headerCntr .teri img { width: auto; }
#headerCntr .text h1 { margin: auto; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	w=420
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	w=300
	
	}