html, body
{
	height:auto;
	width:100%;
	color: #000000;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;	
	background-attachment: scroll;
	background-position: center;
	background-origin:border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
						        	font-family: 'Roboto Slab', serif;		        				   		       	   		
	background-color: #FFFFFF;
}

h1
{
	font-size: 3em;
	font-weight: 900;
	margin: 0.25em 0;
	line-height:3em;
}

h2
{
	font-size: 2em;
	font-weight: 700;
	margin: 0.25em 0;
	line-height:2em;
}
h3
{
	font-size: 1.5em;
	font-weight: 400;
	margin: 0.25em 0;
	line-height:1.5em;
}
  @media only screen and (min-width: 0px){ h1 {font-size: 2em;line-height:1.2em;} h2 {font-size: 1.4em;line-height:1.3em;} h3 {font-size: 1.1em;line-height:1.2em;} }
  @media only screen and (min-width: 400px){ h1 {font-size: 2.4em;line-height:1.3em;} h2 {font-size: 1.6em;line-height:1.4em;} h3 {font-size: 1.2em;line-height:1.3em;} }
  @media only screen and (min-width: 800px){ h1 {font-size: 2.8em;line-height:1.4em;} h2 {font-size: 1.8em;line-height:1.4em;} h3 {font-size: 1.3em;line-height:1.4em;} }
  @media only screen and (min-width: 1200px){ h1 {font-size: 3em;line-height:1.4em;} h2 {font-size: 2em;line-height:1.4em;} h3 {font-size: 1.5em;line-height:1.5em;} }

A:link{color:#000000; text-decoration:none;}
A:visited{color:#000000; text-decoration:none;}
A:active{color:#000000; text-decoration:none;}
A:hover{color:#000000; text-decoration:none;}

table {
    border-collapse: collapse;
	margin:5px 0;
}

table, th, td {
    border: 3px solid;
	padding:4px 0;
}
th {
    border-top: 5px solid;
    border-bottom: 5px solid;
	font-size:1.2em;
	font-weight:700;
}

  @media only screen and (min-width: 0px){ p > img{ width:100%; margin:0%; padding:10%} }
  @media only screen and (min-width: 400px){ p > img{ width:100%; margin:0%; padding:10% } }
  @media only screen and (min-width: 800px){ p > img{ width:50%; margin:0%; padding:0% } }
  @media only screen and (min-width: 1200px){ p > img{ width:50%; margin:0%; padding:0% } }

.redTxt{color:#b03535;}

.editPen
{ 
	height:25px;
	width:25px;
    background-image: url("/build/image/editPen.svg");
	background-repeat: no-repeat;
	background-size: contain;	
	background-position: center;
    background-color: #ffffff;	
	border:solid 0.5px #b03535;
	border-radius:3px;
	position:absolute;
	margin-top:5px;
	left:5px;
	box-sizing: border-box;
	z-index:9011;
}
		.opaque6pen
		{
			opacity: .6;
			filter: alpha(opacity=60);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		}
		.opaque6pen:hover
		{
			opacity: 1;
			filter: alpha(opacity=100);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
		.opaque6penNav
		{
			opacity: .6;
			filter: alpha(opacity=60);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		}
		.opaque6penNav:hover
		{
			opacity: 1;
			filter: alpha(opacity=100);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}

.center-justified
{
	margin: 0 auto;
	text-align: justify;
	width: 55em;
}


.mobilehidden{ display:none;}
  @media only screen and (min-width: 500px){ .mobilehidden{ display:block;} }
.mobileshow{ display:block;}
  @media only screen and (min-width: 500px){ .mobileshow{ display:none;} }

#adminbar {
	height: 2.8em;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position:fixed;
	bottom:0px;
	z-index:1000001;
	background-color:#eee;
	border-top: solid #f00 3px;
	padding-top:5px;
}

	#adminbar A:link{color:#000; text-decoration:none;}
	#adminbar A:visited{color:#000; text-decoration:none;}
	#adminbar A:active{color:#000; text-decoration:none;}
	#adminbar A:hover{color:#000; text-decoration:none;}

#pagemodules {
	height: 60%;
	width:100%;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
    display: none;
	position:fixed;
	bottom:0px;
	z-index:100000;
	background-color:#eee;
	border: solid #777 2px;
	box-sizing: border-box;
}

#openmodules {
	height: 2em;
    text-align: center;
	position:absolute;
	z-index:100005;
	cursor:pointer;
	border: solid #f00 2px;
	border-radius:0.5em;
	box-sizing: border-box;
}
  @media only screen and (min-width: 0px){ #openmodules {display:none;} }
  @media only screen and (min-width: 400px){ #openmodules {width:30%;margin-left: 40%;display:block;} }
  @media only screen and (min-width: 800px){ #openmodules {width:25%;margin-left: 37.5%;display:block;} }
  @media only screen and (min-width: 1200px){ #openmodules {width:20%;margin-left: 40%;display:block;} }
  
   
   #scroll_down_btn
   {
      width:2em;
      height:2em;
	  box-sizing:border-box;
      position:relative;
      bottom:2em;
	  left:0.5em;
      margin-left:auto;
      margin-right:auto;
      z-index:2999;
			opacity: .6;
			filter: alpha(opacity=60);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	  color:#eee;
	  font-size:4em;
	  line-height:1em;
      text-shadow: 0px 0px 2px #000, 0px 0px 6px #000, 0px 0px 8px #000, 0px 0px 10px #000;
   }
   
   #scroll_down_btncvrimg
   {
      width:2em;
      height:2em;
	  box-sizing:border-box;
      position:relative;
	  left:0.5em;
      margin-left:auto;
      margin-right:auto;
      z-index:10000;
			opacity: .6;
			filter: alpha(opacity=60);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	  color:#eee;
	  font-size:4em;
	  line-height:1em;
      text-shadow: 0px 0px 2px #000, 0px 0px 6px #000, 0px 0px 8px #000, 0px 0px 10px #000;
   }



/*******************************************************Page*****************************************************************/	

	
#content
{   
	height: auto;
	min-height: 50vh;
	box-sizing: border-box;
	animation-duration: 0.35s;
    -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;
    position:relative;	
    z-index:10;
}
	

.contentBoxVis {
			opacity: 1;
			filter: alpha(opacity=100);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.contentBoxHide {
			opacity: 0;
			filter: alpha(opacity=0);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#contentBox img{
	 max-width:100%;
	 width: auto;
	 height: auto;
	 position:relative;
	 margin:0.5em auto;
	 box-sizing: border-box;
	 padding:0.25em;
	 text-align:center;
	 display:block;
}

#titleBar
{
  background-color: #222; 
  color:#fff;
  text-align:center;
  //font-variant:small-caps;
  padding: 0.5em 0em;
  font-weight: 900;
  font-size: 3em;
}

#titleBar a{color:#fff;}

@media screen and (max-width:800px){#titleBar{padding: 0.5em 0;font-size: 2em;}}




/*************************************************Menu Bar*************************************************************/


menubar {
  width: 100%;
  max-width: 1200px;
  height: auto;
  overflow: show;
  position: relative;
  top: 0;
  z-index: 3000;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;	
  box-sizing: border-box;
  background-image: url("");
  background-repeat: repeat;
  background-attachment: fixed;	
 }


#cssmenu *{margin:0;padding:0;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1em;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:1em;height:0}
#cssmenu{border-bottom:none;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{padding:19px 12px;font-size:18px;letter-spacing:1px;text-decoration:none;line-height:1em;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-submenu.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-submenu > a{padding-right:1em}
#cssmenu > ul > li.has-submenu > a:after{position:absolute;top:22px;right:11px;width:0px;height:2px;display:block;content:none}
#cssmenu > ul > li.has-submenu > a:before{position:absolute;top:19px;right:14px;display:block;width:0px;height:8px;content:none;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-submenu:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; }
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;  }
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto;}	
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu ul ul li a{border-bottom:1px solid #333;padding:0.75em 2em 0.75em 1em;width:175px;font-size:0.95em;text-decoration:none;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border:0;}
#cssmenu ul ul li.has-submenu > a:after{position:absolute;top:16px;right:11px;width:7px;height:1px;display:block;content:""}
#cssmenu ul ul li.has-submenu > a:before{position:absolute;top:13px;right:14px;display:block;width:1px;height:7px;content:">";-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-submenu:hover > a:before{top:13px;height:0;content:"-";}
#cssmenu ul ul ul li.active a{}

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

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:2em;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:1em;height:0}
#cssmenu{width:100%;}
#cssmenu ul{width:100%;display:none;}
#cssmenu #head-mobile{display:block;padding:2.2em;font-size:12px;font-weight:700;border-bottom: solid 2px #000;}
.button{width:100%;height:3.2em;position:absolute;right:0;top:4px;cursor:pointer;z-index: 12399994;}
.button:after{-webkit-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position:absolute;display:block;height:8px;content:''}
.button:before{-webkit-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;position:absolute;display:block;height:2px;content:''}
.button.menu-opened:after{top:22px;right:49.5%;width:1%;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;height:0px;border-bottom:none;}
.button.menu-opened:before{top:22px;right:49.5%;width:1%;}
}


  @media only screen and (min-width: 0px){
    .button:after{top:22px;right:45%;width:10%;}
    .button:before{top:16px;right:45%;width:10%;}
  }
  @media only screen and (min-width: 400px){ 
    .button:after{top:22px;right:46%;width:8%;}
    .button:before{top:16px;right:46%;width:8%;}
  }
  @media only screen and (min-width: 800px){
    .button:after{top:22px;right:47%;width:6%;}
    .button:before{top:16px;right:47%;width:6%;}
  }
  @media only screen and (min-width: 1200px){
    .button:after{top:22px;right:48%;width:4%;}
    .button:before{top:16px;right:48%;width:4%;}
  }

  
#mobileMenuBox {
  width:100%;
  height:100%;
  margin-left: auto;
  margin-right: auto;
  position:absolute;
  top:0;
  box-sizing:border-box;
  z-index: 999999;
  box-sizing: border-box;
  background-image: url("");
  background-repeat: repeat;
  background-attachment: fixed;
  -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;	
 }

.mobileMenuBoxVis {
	left:0%;
	 opacity: 1;
	 filter: alpha(opacity=100);
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobileMenuBoxHide {
	left:-100%;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
  
menumobile {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: scroll;
  position: relative;
  top: 0;
  z-index: 999999;
  box-sizing: border-box;
 }
 
 #mobilemenudiv {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;	
 }
 
   #mob_menu_header {
     width:100%;
     box-sizing: border-box;	
   } 
   #mob_exit {
     width:2em;
     height:2em;
     line-height:2em;
	 font-size:1.5em;
	 padding-left:0.5em;
     box-sizing: border-box;
	 margin: 5px 1% 0px 5px;
	 position:static;
	 float:right;
	 cursor:pointer;
   } 
   
 #mob_item {
     width:98%;
     font-weight: 300;
	 margin: 5px 1% 0px 1%;
    box-sizing: border-box;	
	 position:relative;
 } 
   
   .mob_togbtn {
     width:auto;
     line-height:1.5em;
	 padding:0 0.5em;
     box-sizing: border-box;
	 position:absolute;
	 top:0; right:0;
	 cursor:pointer;
     z-index: 1000000;
   } 
   

   .mob_togbtn_root {font-size:1.46em;} 
   .mob_togbtn_child {font-size:1.8em;} 
   
 .mob_item_a {
   width:100%;
   height:100%;
   cursor:pointer;
 } 
  .mob-level-show {display:block;}
  .mob-level-hide {display:none;}
  .mob_a_current:after {
	  content:"\22B2";
	  margin-left:2px;
  }
  
  .mob_level-0 {
    font-size:1.5em;
    padding-top:0.5em;	
    padding-bottom:0.5em;
    padding-left:0.5em;
  }
  
  .mob_level-1, .mob_level-2, .mob_level-3, .mob_level-4, .mob_level-5, .mob_level-6 {
    font-size:1.25em;	
    padding-top:0.75em;	
    padding-bottom:0.75em;
  }
  
  .mob_level-1 {padding-left:1em;}
  .mob_level-2 {padding-left:1.5em;}
  .mob_level-3 {padding-left:1.75em;}
  .mob_level-4 {padding-left:2em;}
  .mob_level-5 {padding-left:2.25em;}
  .mob_level-6 {padding-left:2.5em;}
  .mob_level-7 {padding-left:2.75em;}
  .mob_level-8 {padding-left:3em;}
  .mob_level-9 {padding-left:3.25em;}
  .mob_level-10 {padding-left:3.5em;}
  


  #mobileMenuBox {background-color: #FFFFFF;}																											/* Mob menu bg */
  .mob_item_a { color:#FFFFFF; }																														/* Mob menu txt */
  #mob_exit { color:#FFFFFF; background-color:#BDBDBD; } 																									/* mob btn x and bg color */
  #mob_item { border-top:none 2px #000; border-bottom:none 1px #000; background-color:#BDBDBD;} .mob_togbtn {color:#BDBDBD; background-color:#BDBDBD} 		/* btn bg and arrow */
  .mob_a_current:after {color:#FFDEDB;}																												/* current page arrow */


/*************************************************Text/HTML Module*************************************************************/


 #txthtml_module
 {
	  color:#000000;
	  border:solid;
 }



/*************************************************Page Directory*************************************************************/

  #button_element_box
  {
	  text-align:center;
	  padding:2em;
  }
  .button_element_style
  {
	  width:auto;
	  padding:1em;
	  line-height:4em;
	  border:solid;
	  border-radius:0.5em;
	  box-sizing:border-box;
  }
  
/*************************************************Page Directory*************************************************************/


#pageDir
{
  width: 100%;
  max-width: 1200px;
  margin: 1em auto;
  padding:2em;
  box-sizing:border-box;
}

#pageDir ul{list-style: none;}
#pageDir ul li{margin-bottom:5px;}
#pageDir > ul > li > a{ padding:2px 0.5em; line-height:2em;box-sizing: border-box;}
#pageDir > ul > li{background:#aaa;}
#pageDir ul > .level-0 {clear:both; box-sizing: border-box;}
#pageDir ul > .level-0 > a{color:#000000;font-size:1.2em;clear:both;}
#pageDir li li
{
    margin: 0.5%;
}
#pageDir li li a:before{content:"\2022";}
#pageDir li li a{
  height:2em;
  //float:left;
  padding:2px;
  line-height:1em;
  box-sizing: border-box;
  text-align:center;
  display: table-cell;
  vertical-align: middle;
	//border-bottom:solid 1px #aaa;
	//background:#ccc;
}
#pageDir li li last a{
  float:none;
  clear:both;
}



@media screen and (min-width:0px){

}

@media screen and (min-width:400px){

}

@media screen and (min-width:600px){

}

@media screen and (min-width:900px){

}

@media screen and (min-width:1200px){

}

/*************************************************Headers*************************************************************/

  /***************************HERO HEADER******************************/
  
.hero-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  text-shadow:0px 0px 20px  #fff;
  
}
.hero-bgimg {
  width:100%;height:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  
}
.hero-btn {
  background-color: #eee;
  font-weight:900;
  border:solid 3px #333;
  border-radius:0.75em;
  box-shadow:0px 0px 20px 0px #fff;
}
 

	@media only screen and (min-width: 0px){ .hero-image {height: 15em;}.hero-h1{ font-size:1.2em; } .hero-h3{ font-size:1em; margin:0.5em 0 2em 0;} .hero-btn { padding:0.25em; } }
	@media only screen and (min-width: 400px){ .hero-image {height: 18em;}.hero-h1{ font-size:1.6em; } .hero-h3{ font-size:1.1em; margin:0.5em 0 2em 0;} .hero-btn { padding:0.45em; } }
	@media only screen and (min-width: 600px){ .hero-image {height: 20em;}.hero-h1{ font-size:2em; } .hero-h3{ font-size:1.2em; margin:0.5em 0 2em 0;} } .hero-btn { padding:0.55em; }
	@media only screen and (min-width: 800px){ .hero-image {height: 22em;}.hero-h1{ font-size:2.3em; } .hero-h3{ font-size:1.4em; margin:0.5em 0 2em 0;} .hero-btn { padding:0.75em; } }
	@media only screen and (min-width: 1000px){ .hero-image {height: 46vh;}.hero-h1{ font-size:2.6em; } .hero-h3{ font-size:1.5em; margin:0.5em 0 2em 0;} .hero-btn { padding:0.9em; } }
	@media only screen and (min-width: 1200px){ .hero-image {height: 50vh;}.hero-h1{ font-size:3em; } .hero-h3{ font-size:1.5em; margin:0.5em 0 2em 0;} .hero-btn { padding:1em; } }

				
					


					
/*************************************************Footers*************************************************************/

#footerblock{posistion:relative; z-index:100000000;}


/*****************************************************Forms***************************************************************/



.k_form {
	margin: 0;
	padding: 1em;
	box-sizing:border-box;
	}
	
	.k_form fieldset {
		border: none;
		padding: 1em 0;
  		margin: 0 0 1em 0;
		box-sizing:border-box;
		}

	.k_form legend {
		font-size: 1.25em;
  		font-weight: bold;
  		margin: 0;
  		padding: 0.5em;
		background: #ccc; 
		box-sizing:border-box;
  		}
		
  	.k_form dl {
		margin: 0;
		box-sizing:border-box;
	   }
	   
	   
  	.k_form dt {
  		clear: both;
		float:left;
  		display: block;
  		margin: 0.5em 0 0 0.5em ;
  		padding: 0.3em 0.8em 0em;
		box-sizing:border-box;
		font-weight:900;
  		}
		
  	.k_form dd {
  		display: block;
		float:left;
  		margin: 0.5em 0;
		padding:0;
		box-sizing:border-box;
  		}
		.k_form dd label, .k_form dd img{
			display: block;
		}

  	.k_form dd img{ width:100%; max-width:300px;  }

	.k_form .k_instructions{
		font-size: 0.8em;
		margin: 5px 0 0 0;
	}

.k_fielderror {
	color: #e00000;
		box-sizing:border-box;
}

.k_errormessage,
.k_successmessage    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; box-sizing:border-box; }

.k_errormessage      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.k_successmessage    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.k_form input[type="text"] { height:2em; }
.k_form my-captcha  { width:100%; box-sizing:border-box;}
#captcha_img  { margin:0.5em 0;}
.k_form select { height: 2.5em; padding:0.3em 3em 0.3em 0.3em;
                  background: url("/build/image/dropdown.png") 96% / 15% no-repeat #eee;
                  background-size: contain;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none; }

.k_form textarea, 
.k_form input[type="text"], 
.k_form input[type="password"], 
.k_form select {
	background-color:#f2f2f2;
	border: 1px solid #d3d3d3;	
}

.k_form input[type="radio"]{ height:1em; } 
.k_form input[type="submit"]{ padding:0.5em; border-radius:0.75em; letter-spacing: 2px; font-weight:900; } 

.k_form input:focus,
.k_form textarea:focus{
  background-color:#FFFFFF;
  border-color: #a9a9a9;
}

.form_sec_button
{
  background: #ccc; 
  font-weight:900;
  border-bottom: none;
}



@media only screen and (min-width: 0px){

  	.k_form dt {width: 100%; text-align:left;}
  	.k_form dd {width: 100%; }
  	.k_form input[type="text"], .k_form textarea { width:85%; padding:0.3em; margin: 0 5%; }
  	.k_form input[type="radio"], .k_form input[type="checkbox"], .k_form select { margin-left: 5%; }
  	.k_form input[type="submit"]{ width:70%; margin: 1em 15%; } 
        .form_sec_button
        {
          float:none;
          height: 2em;
          width: 100%;
          line-height: 2em;
          margin: 0 0 2px 0;
          padding:0.2em;
          font-size:1em;
          box-sizing:border-box;
        }


}

@media only screen and (min-width: 400px){

  	.k_form dt {width: 100%; text-align:left;}
  	.k_form dd {width: 100%; }
  	.k_form input[type="text"], .k_form textarea { width:85%; padding:0.3em; margin: 0 5%; }
  	.k_form input[type="radio"], .k_form input[type="checkbox"], .k_form select { margin-left: 5%; }
  	.k_form input[type="submit"]{ width:70%; margin: 1em 15%; } 
        .form_sec_button
        {
          float:none;
          height: 2em;
          width: 100%;
          line-height: 2em;
          margin: 0 0 2px 0;
          padding:0.2em;
          font-size:1em;
          box-sizing:border-box;
        }

}

@media only screen and (min-width: 600px){

  	.k_form dt {width: 20%; text-align:right;}
  	.k_form dd {width: 75%; }
  	.k_form input[type="text"], .k_form textarea  { width:100%; padding:0.3em; margin: 0; }
  	.k_form input[type="radio"], .k_form input[type="checkbox"], .k_form select { margin-left: 0%; }
  	.k_form input[type="submit"]{ width:40%; margin: 1em 30%; } 
        .form_sec_button
        {
          float:left;
          height: 2em;
          width: auto;
          line-height: 2em;
          margin: 0 2px 0 0;
          padding:0.2em 0.5em;
          font-size:1em;
          box-sizing:content-box;
        }

}

@media only screen and (min-width: 900px){

  	.k_form dt {width: 15%; text-align:right;}
  	.k_form dd {width: 80%; }
  	.k_form input[type="text"], .k_form textarea  { width:100%; padding:0.3em; margin: 0; }
  	.k_form input[type="radio"], .k_form input[type="checkbox"], .k_form select { margin-left: 0%; }
  	.k_form input[type="submit"]{ width:32%; margin: 1em 36%; } 
        .form_sec_button
        {
          float:left;
          height: 2em;
          width: auto;
          line-height: 2em;
          margin: 0 2px 0 0;
          padding:0.2em 0.75em;
          font-size:1.1em;
          box-sizing:content-box;
        }

}


@media only screen and (min-width: 1200px){

  	.k_form dt {width: 12%; text-align:right;}
  	.k_form dd {width: 83%; }
  	.k_form input[type="text"], .k_form textarea  { width:100%; padding:0.3em; margin: 0; }
  	.k_form input[type="radio"], .k_form input[type="checkbox"], .k_form select { margin-left: 0%; }
  	.k_form input[type="submit"]{ width:20%; margin: 1em 40%; } 
        .form_sec_button
        {
          float:left;
          height: 2em;
          width: auto;
          line-height: 2em;
          margin: 0 2px 0 0;
          padding:0.2em 0.75em;
          font-size:1.1em;
          box-sizing:content-box;
        }

}

/*****************************************************Image Modules***************************************************************/

	.page_formatimg
	{
		max-height:600px;
		margin:1em 0;
	}
	 
	@media only screen and (min-width: 0px){ .page_formatimg{ max-width:80%;} }
	@media only screen and (min-width: 400px){ .page_formatimg{ max-width:80%;} }
	@media only screen and (min-width: 600px){ .page_formatimg{ max-width:80%;} }
	@media only screen and (min-width: 800px){ .page_formatimg{ max-width:80%;} }
	@media only screen and (min-width: 1000px){ .page_formatimg{ max-width:80%;} }
	@media only screen and (min-width: 1200px){ .page_formatimg{ max-width:80%;} }


/*****************************************************Media Items***************************************************************/



  #mediaFiledl
  {
    width:100%;
    height:auto;
    position:relative;
    box-sizing:border-box;
	text-align:center;
	padding: 1em 0;
  }
  .mediaFiledlImg
  {
	position:relative;
	background-color:#aaa;
	background-image: url('/build/image/download-icon.svg');
	background-size: contain;
    background-repeat:no-repeat;
    background-attachment: scroll;
    background-position: center;
	box-sizing: border-box;
	border:dotted 2px #000;
	border-radius:0.85em;
	margin: 0 auto;
    
  }
   .mediaFiledlTitle
   {
	  width:100%;
	  position:absolute;
	  bottom:4%;
	  text-align:center;
	  font-size:1.2em;
	  font-weight:700;
	  line-height:2em;
   }
   
  .page_element_cmsborder {border:none;}
   .page_element_cmsborder:hover {border:dotted #bbb 1px;}

   
  #page_video_element
  {
    position:relative;
    box-sizing:border-box;
  }
  

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
width: 100%;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

   
/*****************************************************Media Item Queries***************************************************************/

@media only screen and (min-width: 0px) {
  .mediaFiledlImg
  {
    width:60%;
    height:60vw;
  }
  #page_video_element{ width:100%;  margin: 1em 0%; }
}


@media only screen and (min-width: 400px) {
  .mediaFiledlImg
  {
    width:40%;
    height:40vw;
  }
}


@media only screen and (min-width: 660px) {
  .mediaFiledlImg
  {
    width:30%;
    height:30vw;
  }
}


@media only screen and (min-width: 960px) {
  .mediaFiledlImg
  {
    width:20%;
    height:20vw;
  }
}


@media only screen and (min-width: 1200px) {
  .mediaFiledlImg
  {
    width:200px;
    height:200px;
  }
  
  #page_video_element{ width:70%; margin: 1em 15%; }
}





/***************************************************BLOG************************************************************/

#blogpost_block
{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:1em;
	box-sizing:border-box;
    text-align: justify;
    text-justify: inter-word;
}
	#blogpost_block hr
	{
		border:none;
		margin:2em auto;
		border-top:dotted 8px #000;
		opacity: .3;
		filter: alpha(opacity=30);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
#blogpost_block img
{
	padding:5px;
}
#blogpost_img
{
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: center;
	box-sizing:border-box;
}
.blogpost_page_img
{
	max-width:100%;
	margin:0 auto;
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: center;
	box-sizing:border-box;
}


.comment-input{padding:0.5em 0;}
.comment_text
{
	padding:2px;
	border:dotted 1px #bbb;
}


#goBack
{
	//width:100%;
	//position:fixed;
	padding:0 0.5em;
    //box-shadow: 2px 2px 8px #000;
}
	 
	@media only screen and (min-width: 0px){ #blogpost_img{ height:45vw;} .blogpost_page_img{ height:45vw;} }
	@media only screen and (min-width: 400px){ #blogpost_img{ height:32vw;} .blogpost_page_img{ height:42vw;} }
	@media only screen and (min-width: 600px){ #blogpost_img{ height:28vw;} .blogpost_page_img{ height:38vw;} }
	@media only screen and (min-width: 800px){ #blogpost_img{ height:26vw;} .blogpost_page_img{ width:800px;height:20em;} }
	@media only screen and (min-width: 1000px){ #blogpost_img{ height:15em;} .blogpost_page_img{ width:800px;height:20em;} }


/***************************************************RESPONSIVENESS************************************************************/

/*******************************************************Layout 0*****************************************************************/

@media only screen and (min-width: 0px) {

}

/*******************************************************Layout 400*****************************************************************/

@media only screen and (min-width: 400px) {

}

/*******************************************************Layout 660*****************************************************************/

@media only screen and (min-width: 660px) {

}

/*******************************************************Layout 960*****************************************************************/

@media only screen and (min-width: 960px) {

}

/*******************************************************Layout 1200*****************************************************************/

@media only screen and (min-width: 1200px) {

}




/*****************************************************Social Share***************************************************************/

#socialShare
{
	margin-left: 2%;
}
#socialShare img
{
	width: 20px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}



/*******************************************************Opacity*****************************************************************/




		.visible{	display: block;	}
		.invisible{	display: none;	}


		.opaque9_5
		{
			opacity: .95;
			filter: alpha(opacity=95);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
		}
		.opaque9 
		{
			opacity: .9;
			filter: alpha(opacity=90);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		}
		.opaque8_5
		{
			opacity: .85;
			filter: alpha(opacity=85);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		}
		.opaque8 
		{
			opacity: .8;
			filter: alpha(opacity=80);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
		.opaque7_5
		{
			opacity: .75;
			filter: alpha(opacity=75);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		}
		.opaque7 
		{
			opacity: .7;
			filter: alpha(opacity=70);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		}
		.opaque6_5
		{
			opacity: .65;
			filter: alpha(opacity=65);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
		}
		.opaque6
		{
			opacity: .6;
			filter: alpha(opacity=60);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		}
		.opaque5_5
		{
			opacity: .55;
			filter: alpha(opacity=55);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
		}
		.opaque5
		{
			opacity: .5;
			filter: alpha(opacity=50);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		}
		.opaque4_5
		{
			opacity: .45;
			filter: alpha(opacity=45);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
		}
		.opaque4 
		{
			opacity: .4;
			filter: alpha(opacity=40);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		}
		.opaque3_5
		{
			opacity: .35;
			filter: alpha(opacity=35);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
		}
		.opaque3
		{
			opacity: .3;
			filter: alpha(opacity=30);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		}
		.opaque2_5
		{
			opacity: .25;
			filter: alpha(opacity=25);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
		}
		.opaque2
		{
			opacity: .2;
			filter: alpha(opacity=20);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		}
		.opaque1_5 
		{
			opacity: .15;
			filter: alpha(opacity=15);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
		}
		.opaque1 
		{
			opacity: .1;
			filter: alpha(opacity=10);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
		}
		.opaque0_5
		{
			opacity: .05;
			filter: alpha(opacity=5);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
		}
		.opaque0 
		{
			opacity: .0;
			filter: alpha(opacity=0);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}



<!-- Page generated by CouchCMS - Simple Open-Source Content Management -->