html {
     overflow-y: -moz-scrollbars-vertical;
     overflow-y: scroll;     
}

html, body {
	padding: 0px;
	margin: 0px;
	/*background-color: #CEECF9;*/
	background-color: #2290CF;
  background-image: url('../img/pattern01.png');
	height: 100%;
}

.main_container {
	min-height: 100%;
	position: relative;
  text-align: center;
	/*border: 2px solid black;*/
}

.logo_nav {
	width: 80%;
	display: inline-block;
	background-color: #FFDE1A;
  margin: 0 auto;
	/*border: 1px solid red;*/
}

.logoDiv {
	width: 20%;
  min-height: 65px;
	display: block;
	float: left;
	margin: 0px;
	margin-right: 40px;
	padding: 0px;
	position: relative;
	z-index: 21;
	/*background-color: #ffffff;	
	border: 1px solid blue;*/	
}

.logoImg {
	width: 100%;
	min-width: 209px;
	min-height: 65px;
	display: block;
}

.cloudsBg {
	width: 100%;
  height: 120px;
	margin-top: -82px;
	background-image: url('../img/clouds.png');
	background-repeat: repeat-x;
	position: absolute;
  	/*border: 1px solid green;*/
}

.content_area {
	width: 80%;
	margin: 0 auto;
	margin: 30px auto 0px auto;
	padding: 0px;
	/*border: 1px dotted black;*/
}

@media screen and (max-width: 640px) {

  .content_area {
	width: 90%;
	}

}

.slider_holder{
	width: 100%;
	border-radius: 6px;
	display: inline-block;
	/*border: 2px dotted blue;*/
}

.content_space{
  width: 100%;
	background-color: #ffffff;
	border-radius: 6px;
	padding: 0px 5px 5px 5px;
	display: inline-block;
	margin: 10px 0px 80px 0px;
}

.panel1{
  padding: 0px 0px 0px 0px;  
}

.border1 {
  border-radius: 5px;
  border: 1px solid black;
}

.bbsol1{
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.highlight1{
  border: 2px dotted #FD8729;
}

.title1 {
  text-transform: uppercase;
}

.title2 {
  font-weight: bold;
  font-size: 19px;
}

.panel_title_box {
  width: 100%;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid;
  /*border: 1px dotted red;*/
}

.panel_body {
  width: 100%;
  padding: 10px 10px 10px 10px;
  /*border: 1px dotted red;*/
}

.lineheight100{
  line-height: 100%;
}

.lineheight120{
  line-height: 120%;
}

.lineheight140{
  line-height: 140%;
}

.lineheight160{
  line-height: 160%;
}

.font8 {
  font-size: 8px;
}

.font10 {
  font-size: 10px;
}

.lineheight300{
  line-height: 300%;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font22 {
  font-size: 22px;
}

.font24 {
  font-size: 24px;
}

.font26 {
  font-size: 26px;
}

.font28 {
  font-size: 28px;
}

.font30 {
  font-size: 30px;
}

.width100 {
  width: 100%;
  /*border: 1px solid black;*/
}
.overflow_hidden {
  overflow: hidden;
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.word_wrap: {
  word-wrap: break-word;
}

.radius5{
  border-radius: 5px;
}

.radius10{
  border-radius: 10px;
}

.radiusp50{
  border-radius: 50%;
}

.white_border1{
  border: 2px solid #ffffff;
}

.spacer {
  display: inline-block;
  float: left;
  width: 100%;
  height: 5px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*border: 1px dotted red;*/
}

.spacer2 {
  display: inline-block;
  float: left;
  width: 100%;
  height: 1px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*border: 1px dotted red;*/
}

.divider1 {
  display: inline-block;
  float: left;
  width: 100%;
  height: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #cccccc;
  /*border: 1px dotted red;*/
}

.show_in_small {
  display: none;
}

@media screen and (max-width: 640px) {
	.spacer {
		  float: none;
  		display: block;
      /*
      height: 10px;
      border: 1px dotted red;
      */
  }
  .show_in_small {
    visibility: visible;
  }

  .hidem{
    display: none;
  }
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.clear_right{
  clear: right;
}

.clear_left{
  clear: left;
}

.max100{
  max-width: 100%;
}

.image_width_1{
  width: 60%;
}

@media screen and (max-width: 640px) {

  .image_width_1{
    width: 100%;
  }

}

.width10{
  width: 10%;
}
.width20{
  width: 20%;
}
.width30{
  width: 30%;
}
.width40{
  width: 40%;
}
.width50{
  width: 50%;
}
.width60{
  width: 60%;
}
.width70{
  width: 70%;
}
.width80{
  width: 80%;
}
.width90{
  width: 90%;
}
.width100{
  width: 100%;
}

.bgwhite1 {
  background-color: #ffffff;
}

.bggreen1 {
  background-color: #9BBA1F;
}
.bggreen2 {
  background-color: #ABA000;
}
.bggreen3{
  background-color: #D2F58E;
}
.bggreen4{
  background-color: #B6E657;
}
.bggreen5{
  background-color: #009933;
}
.bggreen6{
  background-color: #99FF99;
}




.bgorange1 {
  background-color: #FCA300;
}

.bgred1 {
  background-color: #CB3536;
}

.bgpink1 {
  background-color: #BB1847;
}

.bgyellow1 {
  background-color: #FFEA6F;
}

.bgyellow2 {
  background-color: #FFDF20;
}

.textpink1 {
  color: #F5185E;
}

.textpink2 {
  color: #a60234;  
}

.textblack1 {
  color: #000000;
}

.textblue1 {
  color: #4c88cb;
}

.textblue2 {
  color: #154172;
}

.textgray1 {
  color: #616161;
}

.bgpink2 {
  background-color: #FFC7D4;
}

.bgpink3 {
  background-color: #F26BAB;
}

.bggray1 {
  background-color: #EDEDF3;
}

.bggray2 {
  background-color: #A8A9C0;
}

.bgblue1 {
  background-color: #BEDDFF;
}

.bgblue2 {
  background-color: #53AEE8;
}

.bgblue3 {
  background-color: #93DAF2;
}

.bgblue4 {
  background-color: #D9F2FB;
}

.no_margin {
  margin: 0px;
}

.no_decoration {
  text-decoration: none;
}

.address_box_margin1{
  margin: 0px 10px 0px 0px;
}

.address_box_margin2{
  margin: 0px 0px 0px 10px;
}

.margin5 {
  margin: 5px;
}

.margin10 {
  margin: 10px;
}

.margin20 {
  margin: 20px;
}

.no_padding {
  padding: 0px;
}

.padding5 {
  padding: 5px;
}

.padding10 {
  padding: 10px;
}

.padding20 {
  padding: 20px;
}

.padding21 {
  padding: 21px;
}

.padding22 {
  padding: 22px;
}

.padding22-5 {
  padding: 22.5px;
}

.padding23 {
  padding: 23px;
}
.padding24 {
  padding: 24px;
}

.padding25 {
  padding: 25px;
}

.padding26 {
  padding: 26px;
}

.padding27 {
  padding: 27px;
}

.padding28 {
  padding: 28px;
}

.pt5{
  padding-top: 5px;
}

.pt7{
  padding-top: 7px;
}

.pt10{
  padding-top: 10px;
}

.pt15{
  padding-top: 15px;
}

.pt20{
  padding-top: 20px;
}

.pr5{
  padding-right: 5px;
}

.pr7{
  padding-right: 7px;
}

.pr10{
  padding-right: 10px;
}

.pr15{
  padding-right: 15px;
}

.pr20{
  padding-right: 20px;
}

.pb5{
  padding-bottom: 5px;
}

.pb7{
  padding-bottom: 7px;
}

.pb10{
  padding-bottom: 10px;
}

.pb15{
  padding-bottom: 15px;
}

.pb20{
  padding-bottom: 20px;
}

.pl5{
  padding-left: 5px;
}

.pl7{
  padding-left: 7px;
}

.pl10{
  padding-left: 10px;
}

.pl15{
  padding-left: 15px;
}

.pl20{
  padding-left: 20px;
}

.mt5{
  padding-top: 5px;
}

.mt7{
  padding-top: 7px;
}

.mt10{
  padding-top: 10px;
}

.mt15{
  padding-top: 15px;
}

.mt20{
  padding-top: 20px;
}

.mr5{
  padding-right: 5px;
}

.mr7{
  padding-right: 7px;
}

.mr10{
  padding-right: 10px;
}

.mr15{
  padding-right: 15px;
}

.mr20{
  padding-right: 20px;
}

.mb5{
  padding-bottom: 5px;
}

.mb7{
  padding-bottom: 7px;
}

.mb10{
  padding-bottom: 10px;
}

.mb15{
  padding-bottom: 15px;
}

.mb20{
  padding-bottom: 20px;
}

.ml5{
  padding-left: 5px;
}

.ml7{
  padding-left: 7px;
}

.ml10{
  padding-left: 10px;
}

.ml15{
  padding-left: 15px;
}

.ml20{
  padding-left: 20px;
}

.ml25{
  padding-left: 25px;
}

.ml30{
  padding-left: 30px;
}

.ml35{
  padding-left: 35px;
}

.ml40{
  padding-left: 40px;
}

.t0 {
  top: 0px;
}

.b0 {
  bottom: 0px;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.whitetext {
  color: #ffffff;
}

.blacktext {
  color: #000000;
}

.bold {
  font-weight: bold;
}

.img_margin1 {
    margin: 5px 10px 10px 0px;
  }

.img_margin2 {
    margin: 5px 0px 10px 10px;
  }

@media screen and (max-width: 640px) {

  .img_margin1 {
    margin: 0px 0px 10px 0px;
  }

  .img_margin2 {
    margin: 0px 0px 10px 0px;
  }

}

.inline_block {
  display: inline-block;
}

.block {
  display: block;
}

.justify {
  text-align: justify;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  /*border: 1px solid red;
   
  Set the fixed height of the footer here   
  
  border: 2px solid red;
  background-color: #cccccc;*/
  
}

.footer-devider {
	display: inline-block;
	height: 50px;
	position: relative;
	margin: 0px;
	padding: 0px;
	/*border: 2px solid blue;*/
}


.flowersBg {
	width: 100%;
	height: 100px;
	display: inline-block;
	position: relative;
	background-image: url('../img/flowers.png');
	background-repeat: repeat-x;
	/*border: 2px solid blue;*/
}

.text-muted {
  margin: 50px 0px 0px 0px;
  /*border: 2px solid orange;*/
}