/***[ Slider ]**************************************************************************************************************************************/

#slider_wrapper {max-width: 1024px; margin: auto; margin-top: 20px;}
#slider_outer {width:100%; overflow: hidden;}
#slider_inner {width:120%; height: 28.5vw; max-height: 285px !important; overflow: hidden;} /* Height adjustment max height*/

#slider div { float: left; height: auto; width: 16.48%; transition: margin 1s ease-in-out; }
#slider .heading {text-align: center; padding: 12px 5px 0px 5px; margin:0px; font-size: 90%; font-weight: 700; color: #033125; }
#slider .p {font-family: 'lato'; font-weight: 300 ;text-align: center; padding: 0px 10px 10px 10px; margin:0px; font-size: 0.75em; height: 56px; line-height: 1.1em; margin-top: -5px;}
#slider .img {width: 90%; height: auto; Margin:5%; border-radius: 8px; border: 1px solid rgba(0, 47, 36, 0.2); }
#slider .element{ background-color: #fff; width: 100% !important; padding:10px; margin-left: 5px; margin-right: 5px;}
#slider .item {width: 100% !important; height: auto; background-color: #f9fffb; box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.23); border-radius: 5px; text-align: center; }
					
@media (max-width: 1024px) { /* resize caption text on page resize */
	#slider .p { text-align: center; padding: 0px 5px 10px 5px; margin:0px; font-size: 1.2vw; height: 4.9vw; }
}

/***[ Article styling ]***************************************************************************************************************************/

article { line-height: 1.4; padding:20px; margin: 0; }
article p { line-height: 1.4; padding-bottom: 12px; text-align: justify; font-size: 1em; margin: 0; font-weight: 400; font-family: 'lato'; color: rgba(0, 0, 0, 0.5);}
article h1 { line-height: 1; padding-bottom: 12px; padding-top: 15px; text-align: left; color: #c92449; color: #dc4b0d; font-family: 'patua'; font-size: 2em; font-weight: 400}
article h2 { line-height: 1; padding-bottom: 12px; padding-top: 15px; text-align: left; color: #4098da; font-family: 'roboto_condensedregular'; font-size: 1.625em; letter-spacing: -1px; }
article h3 { line-height: 1; padding-bottom: 10px; padding-top: 15px; text-align: left; color: #29a208; font-family: 'roboto_condensedregular'; font-size: 1.375em; letter-spacing: -0.8px;}
article ul { padding: 0px 0px 0px 20px; color: rgba(0, 0, 0, 0.5); }
article ol { padding: 0px 0px 0px 20px; color: rgba(0, 0, 0, 0.5); }
article ul li { line-height: 1.4; padding-bottom: 12px; text-align: justify; font-size: 1em; margin: 0; font-weight: 400; font-family: 'lato'; list-style: square; color: rgba(0, 0, 0, 0.5);}
article ol li { line-height: 1.4; padding-bottom: 12px; text-align: justify; font-size: 1em; margin: 0; font-weight: 400; font-family: 'lato'; list-style:decimal; color: rgba(0, 0, 0, 0.5);}
article a { color: #f87911; text-decoration: none; }
article a:hover { color: #f85611; text-decoration: none; }
/* article img { width: 100%; height: auto; padding: 20px; } */


/**************************************************************************************************************************************************/
			

#side .link:link, #side .link:visited {text-decoration: none;  color: #ff9200; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-family: 'lato'; font-size: 14px;  text-align: left; background-color: transparent; }

#side a:link, #side a:visited {text-decoration: none;  color: white; width: auto; padding: 10px; margin-top: 20px; margin-bottom: 20px; color: white;  text-align: center; background-color: #4e8a86; border-radius: 4px; display: block; }

#side a:hover { background-color: #153a4b; 
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;	
}


.sidelink {text-decoration: none; cursor: pointer; color: white; width: auto; padding: 10px; margin-top: 20px; margin-bottom: 20px; color: white;   font: 400 16px "lato"; text-align: center; background-color: #4e8a86; border-radius: 4px; display: block; }

.sidelink:hover { background-color: #153a4b; 
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;	
}

#side h2 { line-height: 1; padding-bottom: 12px; padding-top: 15px; text-align: left; color: #4098da; font-family: 'roboto_condensedregular'; font-size: 170%;  letter-spacing: -1px;}
#side p { line-height: 1.4; padding-bottom: 12px; text-align: justify; font-size: 14px; margin: 0; font-weight: 300; font-family: 'lato'; }

/***[ Category page thumbnails ]***********************************************************************************************************************************************/

.thumbnails p { line-height: 1.4; padding-bottom: 4px; text-align: center; font-size: 12px; margin: 0; font-weight: 400; font-family: 'lato'; }
.thumbnails { border: 1px solid rgba(255, 255, 255, 0.74); }
.thumbnails:hover { text-decoration: none; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.6); transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out;}

/***[ Edit Article Form ]***********************************************************************************************************************************************/


.toolbar .a:link, .toolbar .a:visited {float: left; text-decoration: none;  color: rgba(0, 0, 0, 0.4);  padding: 6px; line-height: 24px; margin-top: 0px; margin-right: 4px; margin-bottom: 10px; font-family: 'lato'; font-size: 24px;  text-align: center; background-color: #ebebeb; border-radius: 3px; display: inline-block; }

.toolbar .a:hover { background-color: #ffd84a; color :rgba(0, 0, 0, 0.58);
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;	
}

.submitbutton a:link, .submitbutton a:visited {text-decoration: none;  color: white; width: auto; padding: 10px; margin-top: 10px; margin-bottom: 20px; color: white; font-family: 'lato'; font-size: 16px;  text-align: center; background-color: #4e8a86; border-radius: 4px; display: block; }

.submitbutton a:hover { background-color: #153a4b; 
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;	
}

.input_title {
	width:100%; height: 40px; font-size: 20px; font-family: 'patua'; border: 1px solid #4e8a86; padding:5px; margin-bottom: 10px; color: orange; border-radius: 5px;
}


/***[ Browse Article List ]***********************************************************************************************************************************************/

.article_list{
} 
	
.article_list table {
    width: 100%;
    font-family: 'lato';
	border-radius: 8px;
    border: 1px solid #4e8a86;
    overflow: hidden;
}

.article_list table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.article_list table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.article_list tr:nth-child(even){background-color: #f0fff7;} 

.article_list td:last-child{
	width: 120px; padding: 3px; text-align: right;
}

.article_list td:first-child{
	width: 30px; text-align: left;
}

.article_list td {
    text-align: left;
    padding: 8px;
}

.article_list td a {

    color: rgba(0, 0, 0, 0.42);
    text-decoration: none;
}

.article_list td a:hover {

    color: #153a4b;
    text-decoration: none;
}

.article_list td:last-child a{
	display: inline-block;
	text-align: center;
	padding: 8px;
	padding-bottom: 8px;
	margin-right: 5px;
	text-decoration: none;
	color: #117424;
	border-radius: 4px;
	border: 1px solid rgba(15, 186, 106, 0.15);
	
}

.article_list td:last-child a:last-child{
	margin-right: 0px;
}

.article_list td:last-child > a:hover{
	background-color: #153a4b !important;
	color: white;
}

.article_list tr:last-child td:last-child{ background-color: white; border-top: 1px solid #4e8a86; padding: 8px;} 


.article_list th {
    text-align: left;
    padding: 12px 8px;
    border-bottom: 1px solid #4e8a86;
    color: white;
    background-color: #4e8a86;
}

.article_list th:last-child {
    text-align: right;
}


/***[ Pagination ]***********************************************************************************************************************************************/

.pagination {
    display: inline-block;
}

.center {
	text-align: center;
	padding: 0px;
}

.pagination a {
    color: gray !important;
    float: left;
    padding: 6px 10px !important;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    border-radius: 4px;
    font-family: 'lato';
    font-weight: 400;
    font-size: 90%;
}

.pagination a.active {
    background-color: #4e8a86;
    color: white !important;
    border: 1px solid #4e8a86;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/***[ Youtube Video Resizing elements ]***********************************************************************************************************************************************/

.viddiv {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom: 0px;
}

.vidiframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***[ Registration Form ]***********************************************************************************************************************************************/

.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="date"],
.form input[type="tel"],
.form textarea {
  font: 400 16px "lato", Helvetica, Arial, sans-serif;
  width: 100%;
  border: 1px solid #e4ffe4;
  background: #d2f2cc;
  margin: 0 0 0px;
  /* margin: 0 0 10px; */
  border-radius: 4px;
  padding: 10px;
  box-shadow: inset 0px 0px 5px 0px rgba(25, 75, 4, 0.73);
  color: rgba(0, 85, 7, 0.91);
background: #e5fce3; /* Old browsers */
background: -moz-linear-gradient(top, #e5fce3 10%, #f4fff4 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5fce3 10%,#f4fff4 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5fce3 10%,#f4fff4 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5fce3', endColorstr='#f4fff4',GradientType=0 ); /* IE6-9 */
}

.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="tel"]:hover,
.form textarea:hover {
  box-shadow: inset 0px 0px 7px 0px rgba(58, 183, 5, 0.8);
  background: #fff;
}

.form input[type="text"]:active,
.form input[type="email"]:active,
.form input[type="password"]:active,
.form input[type="date"]:active,
.form input[type="tel"]:active,
.form textarea:hover {
  box-shadow: inset 0px 0px 7px 0px rgba(58, 183, 5, 0.8);
  background: #fff;
}

.form button[type="button"],
.form button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4e8a86;
  color: #FFF;
  margin: 0 0 10px;
  padding: 10px;
  font-size: 16px;
  border-radius: 4px;
  font: 400 16px "lato";
}

.form button[type="button"]:hover,
.form button[type="submit"]:hover {
  background: #23524c;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.form button[type="button"]:active,
.form button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

/***[ Sliding Switch Selector - Gender ]***********************************************************************************************************************************************/

.switch_frame{
  font: 400 16px "lato", Helvetica, Arial, sans-serif;
  width: 100%;
  border: 1px solid #e4ffe4;
  background: #d2f2cc;
  margin: 0 0 0px;
  /* margin: 0 0 10px; */
  box-shadow: inset 0px 0px 5px 0px rgba(25, 75, 4, 0.73);
  color: rgba(0, 85, 7, 0.91);
background: #e5fce3; /* Old browsers */
background: -moz-linear-gradient(top, #e5fce3 10%, #f4fff4 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5fce3 10%,#f4fff4 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5fce3 10%,#f4fff4 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 4px; border-radius: 4px;
}
.switch {
	font-family: 'lato';
	position: relative;
	margin: 0px auto;
	height: 36px;
	width: 100%;
	margin: -1px -1px;
	border-radius: 3px;
}

.switch>label {
	position: relative;
	z-index: 2;
	float: left;
	width: 50%;
	padding: 8px;
	
	font-size: 16px;
	font-weight: 400;
	color: #9b9b9b;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.switch>label:active {
	font-weight: 400;
}

.switch>.off {
	padding-left: 0px;
}

.switch>.on {
	padding-right: 0px;
}

.switch>input[type=radio] {
	display: none;
}
.switch>input[type=radio]:checked + label {
	font-weight: 400;
	color: white;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
}
.switch>input[type=radio]:checked + .off ~ span {
	left: 50%;
	margin-left: 0px;
}

.switch>span {
	display: block;
	position: absolute;
	z-index: 1;
	top: 2px;
	left: 2px;
	width: 50%;
	height: 32px;
	border-radius: 3px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e8a86+13,006370+100 */
background: #4e8a86; /* Old browsers */
background: -moz-linear-gradient(top, #4e8a86 13%, #006370 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4e8a86 13%,#006370 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4e8a86 13%,#006370 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8a86', endColorstr='#006370',GradientType=0 ); /* IE6-9 */
	
	-webkit-transition: left 0.3s ease-out;
	-moz-transition: left 0.3s ease-out;
	-o-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}


/***[ Ajax Result ]***********************************************************************************************************************************************/


#ContactAjaxResultS {
	line-height: 1.4; padding:10px; text-align: justify; font-size: 16px; font-weight: 400; font-family: 'lato'; color: green;
}
			
#ContactAjaxResultE {
	line-height: 1.4; padding:10px; text-align: justify; font-size: 16px; font-weight: 400; font-family: 'lato'; color: red;
}
			
.alert_n {
	font-family: 'lato'; font-size: 16px; color: #707377; font-weight: 400; padding-bottom: 12px; text-align: left; line-height: 1.1;
}
.alert_r {
	font-family: 'lato'; font-size: 16px; color: red; font-weight: 400;  padding-bottom: 12px; text-align: center;
}
.alert_g {
	font-family: 'lato'; font-size: 16px; color: green; font-weight: 400;  padding-bottom: 12px; text-align: center;
}

/***[ Article Index Box ]***********************************************************************************************************************************************/

.article_index_box { padding:0px; margin-left: 20px; margin-bottom: 20px; margin-top: 0px; width: 30%; font-size: 12px; background-color: #e0fbe1; float: right; display: inline-block; color: rgba(27, 44, 27, 0.96); border-radius: 5px; }
.article_index_box p { text-align: center; font-family: 'lato'; font-size: 14px; border-radius: 5px 5px 0px 0px; background-color: #afdeb0; padding: 5px; }
.article_index { padding: 5px; }
.article_index a{ color: #3d704f; font-size: 12px; padding: 5px; padding-left: 13px ; display: block; width: 100%; text-indent: -9px; }
.article_index a:hover{ color: #0a1e08;  }
.article_index a:visited{ color: #0a1e08;  }
.article_index a:before{ content: '■ ' }

@media only screen and (max-width: 480px) {
	.article_index_box{	float: none;
	width: 100%; margin: 0 auto; margin-bottom: 20px;font-size: 14px;}
	.article_index a{ font-size: 14px; font-weight: 400;}
	article p { line-height: 1.4; padding-bottom: 12px; text-align: justify; font-size: 1em; margin: 0; font-weight: 400; font-family: 'lato'; color: rgba(0, 0, 0, 0.5);}
	article h1 { line-height: 1; padding-bottom: 12px; padding-top: 15px; text-align: left; color: #c92449; color: #dc4b0d; font-family: 'patua'; font-size: 1.4em; font-weight: 400}
	article h2 { line-height: 1; padding-bottom: 12px; padding-top: 15px; text-align: left; color: #4098da; font-family: 'roboto_condensedregular'; font-size: 1.3em; letter-spacing: -1.6px; }
	article h3 { line-height: 1; padding-bottom: 10px; padding-top: 15px; text-align: left; color: #29a208; font-family: 'roboto_condensedregular'; font-size: 1.1em; letter-spacing: -1.5px;}

}

/***[ Form Layout ]***********************************************************************************************************************************************/

/*  SECTIONS  */
.formsection {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.formcol {
	display: table;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.formcol:first-child { margin-left: 0; }

/*  GROUPING  */
.formgroup:before,
.formgroup:after { content:""; display:table; }
.formgroup:after { clear:both;}
.formgroup { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.formspan_4_of_4 {
	width: 100%;
}
.formspan_3_of_4 {
	width: 74.6%;
	width: 60%;
	display: table-row;
}

.formspan_2_of_4 {
	width: 49.2%;
}
.formspan_1_of_4 {
	width: 23.8%;
	width: 38.4%;
	display: table;

}
.formspan{
	display: table-cell;
	vertical-align: middle;
}
/*
.formspan_1_of_4:before {
 	content: '';
 	display: inline-block;
 	height: 100%;
 	vertical-align: middle;
}
*/
  
.formspan_1_of_4 p{
	text-align: right;
	line-height: 95%;
	color: #1eb17b;	
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.formcol {  margin: 1% 0 1% 0%; }
	.formspan_1_of_4, .formspan_2_of_4, .formspan_3_of_4, .formspan_4_of_4 { width: 100%; }
}

/**************************************************************************************************************************************************/


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/**************************************************************************************************************************************************/

/* Sitemap CSS */

	.lhead {
		background: #ddd;
		padding: 10px;
    	margin: 10px 0px;
	}

	.lcount {
		padding: 0px 10px;
	}

	.lpage {
		border-bottom: #ddd 1px solid;
		padding: 5px;
	}
	.last-page {
		border: none;
	}


@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}


/**************************************************************************************************************************************************/

/**************************************************/
/*                                                */
/*  Upload control styles                         */
/*                                                */
/**************************************************/

/*------------------------------------------------*/
/*  Upload progress bar and file name styles      */
/*------------------------------------------------*/

._upload_filename{
	font-family: sans-serif;
	font-size: 10px;	
}

._upload_failed{
	font-family: sans-serif;
	font-size: 10px;
	color: #b00c0c;		
	padding-top: 10px;	
}

._upload_progress_envelope{
	width: 100%;
	border: 1px solid #d59027;
	border-radius: 5px;
	padding: 1px;
	margin-bottom: 10px;
}

._upload_progress_bar{
	background-color: #d59027;
	border-radius: 4px;
	height: 12px;
	width: 0%;
}

._uploaded_file_links{		
	color: #7d7d7d;
	font-family: sans-serif;
	font-size: 10px;
	padding-top: 10px;	
}

._uploaded_file_links a{		
	color: #7d7d7d;
	font-family: sans-serif;
	font-size: 10px;
}

._uploaded_file_links a:hover{		
	color: #a75151;
	font-family: sans-serif;
	font-size: 10px;
}

/*======================================================================*/

.image_gallery a {
	background: none;
	border: none;
	width: 45%;
	float: left;
	text-decoration: none;
	padding: 0px;
}

/*======================================================================*/

.uploadimage {
  /* visibility: hidden etc. wont work */
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  visibility: hidden;
  display: none;
}

.uploadimage:focus + label {
  /* keyboard navigation */
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.uploadimage + label * {
  pointer-events: none;
}

.uploadbox{
	width: 100%; border: 2px dashed rgba(0, 0, 0, 0.26); border-radius: 12px;font-size: 32px; color: gray; cursor: pointer;;
}

.uploadbox:hover{
	border: 2px dashed rgba(0, 0, 0, orange); color: orange; 
}

/*======================================================================*/

.keywords{  
	display: inline;
	list-style: none;
	padding: 0px;
	font-family: sans-serif;
	font-size: 80%;
	color: gray;
	line-height: 26px;
}

.keywords li{  
	display: inline;
	background-color: silver; padding: 2px 3px 2px 4px; border-radius: 3px; color:white; white-space: nowrap;
	color:#c7b41e;
	font-family: 'lato';
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #fffff8;
	background-color:#fdf6b8;
	border:1px solid #f9e983;
	text-decoration:none;
	text-shadow:0px 1px 0px #fbfbfb;
	margin-right: 2px;
}

.keywords li a{  
	text-decoration: none;
	text-shadow:0px 1px 0px #ffffff;
	color:#ffb700;
	padding-left: 2px; 
	padding-right: 2px;
}

.keywords li:hover{  
	background-color:#dfdfdf;
	background-color:#fae102;
	text-shadow:0px 1px 0px #ffffff;
	color: #40401a;
}

.keywords li:hover a{  
	color: red;
}

.addkeywords{
	width: 100%;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	height: 26px;
	margin-bottom: 8px;
	padding: 4px;
	font-size: 12px;
}

.keywordlinks{
  cursor: pointer;
  border: none;
  background: #4e8a86;
  color: #FFF;
  margin: 0px 0px 0px 10px;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 4px;
}

.keywordlinks:hover{
  color: #FFF;
  background: #23524c;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.article_type{
	width:100%; height: auto; font-size: 14px; font-family: 'lato'; border: 1px solid #4e8a86; padding:5px; margin-bottom: 10px; border-radius: 5px; clear: both;
}

.topicblock{
	display: inline-block;
	padding: 2px 6px 3px 4px; border-radius: 3px; color:white; white-space: nowrap;
	color:#c7b41e;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #fffff8;
	background-color:#fdf6b8;
	border:1px solid #f9e983;
	text-decoration:none;
	text-shadow:0px 1px 0px #fbfbfb;
	margin-right: 4px;
	margin-bottom: 4px;
}

.topicblock:hover{
	background-color:#dfdfdf;
	background-color:#fae102;
	text-shadow:0px 1px 0px #ffffff;
	color: #40401a;
}

.topicblock_selected{
	display: inline-block;
	padding: 2px 6px 3px 4px; border-radius: 3px; color:white; white-space: nowrap;
	color:#c7b41e;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #fffff8;
	border:1px solid #f9e983;
	text-decoration:none;
	text-shadow:0px 1px 0px #fbfbfb;
	margin-right: 4px;
	margin-bottom: 4px;
	background-color:#fae102;
	text-shadow:0px 1px 0px #ffffff;
	color: #40401a;
}





.login_page p {font-family: 'lato'; font-size: 16px; color: #4e8a86; padding: 10px; text-align: center}
.login_page a{ font-family: 'lato'; font-size: 16px; color: #de8a00; text-decoration: none; cursor: pointer;}
.login_page a:hover {text-decoration:underline; color: red}
.login_page #login_reset{cursor: pointer; width: 48%;border: none;background: #7db199;color: #FFF;margin: 0 0 10px;padding: 10px;font-size: 16px;border-radius: 4px 0px 0px 4px;font: 400 16px 'lato';display: inline-block;}
.login_page #login_reset:hover{background: #1ab86e;}
.login_page #login_submit{cursor: pointer; width: 48%;border: none;background: #3b736f;color: #FFF;margin: 0 0 10px;padding: 10px;font-size: 16px;border-radius: 0px 4px 4px 0px;font: 400 16px 'lato';display: inline-block;}
.login_page #login_submit:hover{background: #063a37;}
.login_input {font: 400 16px 'lato', Helvetica, Arial, sans-serif;width: 100%;border: 1px solid #e4ffe4;background: #d2f2cc;margin: 0 0 10px;border-radius: 4px;padding: 10px;box-shadow: inset 0px 0px 5px 0px rgba(25, 75, 4, 0.73);color: rgba(0, 85, 7, 0.91);background: #e5fce3;background: -moz-linear-gradient(top, #e5fce3 10%, #f4fff4 88%);background: -webkit-linear-gradient(top, #e5fce3 10%,#f4fff4 88%);background: linear-gradient(to bottom, #e5fce3 10%,#f4fff4 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.input_table{
	width: 100%;
}

.input_row{
	display: table;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.input_label{ 
	width: 40%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	color: #0fba6a;
	padding: 0px;
}

.input_label p{ 
	font-family: 'lato';
	font-size: 14px;
	padding: 0px;
	padding-right: 10px;
	line-height: 12px;
	text-align: right;
	color: green;
}

.input_input{
	width: 59%;
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (max-width: 480px) {
	.input_label, .input_row, .input_input { width: 100%; display: block;}
	.input_label p { text-align: left; vertical-align: bottom; padding: 5px; padding-bottom: 10px; font-weight: 400}
}

.login_error_msg{
}

.login_error_msg p{
	color: red; font-size:14px; text-align: justify; padding:0px; padding-bottom: 10px;
}

.login_error_msg a{
	color: orange; font-size:14px; font-weight: bold; text-align: justify; text-decoration: none; cursor: pointer;
}

.login_error_msg a:hover{
	color: red; font-size:14px; font-weight: bold; text-align: justify; text-decoration: underline; cursor: pointer;
}

.login_error_msg h3{
	color: red; font-size:18px; padding:0px; padding-bottom: 0px;
}




.admin_h1_red{ font-family: 'roboto_condensedregular'; font-size: 32px; font-weight: 300; text-align: center; padding: 20px; color: #db514a; }

.admin_h1_green{ font-family: 'roboto_condensedregular'; font-size: 32px; font-weight: 300; text-align: center; padding: 20px; color: #0d6862; }




.tile_heading{ font-family: 'patua'; font-size: 18px; line-height: 110%; font-weight: 400; padding-bottom: 10px; color: #0d6862;   line-height: 1.1; padding-bottom: 12px;  text-align: left; color: #4098da; font-family: 'roboto_condensedregular'; font-size: 1.1em; letter-spacing: -0.6px; }
.tile_body{ font-family: 'lato'; font-size: 14px; line-height: 120%; font-weight: 400; color: gray; }



.sectionblock{ padding: 0px 0px 20px 0px; width: 100%; border-bottom: 0px; border-color: #4e8a86; border-bottom-color: #ff9200;border-bottom-color: #4e8a86; border-bottom-style: solid; }
.section3a {width: 32%; height: auto; float:left; margin-right: 2%; }
.section3b {width: 32%; height: auto; float:left; margin-right: 0; }

@media only screen and (max-width: 600px) {
	.section3a, .section3b{ width: 100%; height: auto; float:none; margin-right: 0;  }
}



















/**************************************************/
/**************************************************/
/**                                              **/
/**  Calander Module Styles                      **/
/**                                              **/
/**************************************************/
/**************************************************/


.calander_tophalf{
	background-color: #f27f0d;
	background-color: #4e8a86;
	padding: 20px 10px 20px 60px;
	text-align: center;
	color: rgba(255,255,255,1);
	font-family: 'lato';
	/*font-family: 'open_sans';*/
	font-style: italic;
	font-weight: 400;
	font-size: small;
	line-height: 1em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px;
	font-size: 18px;
	align-content: center;
	font-family: 'lato';

}

.calander_tophalf h1{
	/*font-size: 8em;
	font-weight: 100;
	font-style: italic;
	line-height: 1em;*/
	padding: 0px;
	font-size: 18px;
	align-content: center;
	font-family: 'lato';
}

.calander_container{
	position: absolute;
	display: table ;
	font-family: 'lato';
	/*font-family: 'open_sans';*/
	font-weight: 300;
	font-size: 0.75em;
	margin-left:  auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
	text-align: center;
	line-height: 1em;
	border-radius: 10px;
	
	overflow: hidden;
	
	box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 30px 3px rgba(0,0,0,0.45);
}

.calander_container td{
	margin: 0 auto;
	text-align: center;
	padding: 8px;
}

.calander_caption{
	padding: 10px 10px 10px 10px;
	font-family: 'lato';
	/*font-family: 'open_sans';*/
	font-style: normal;
	font-weight: 200;
	font-size: 1.4em;
	color: rgba(0,0,0,0.5);
	background-color: #e9e9e9;
	margin-bottom: 15px;
	text-align: center;
}

.calander_caption a{
	color: rgba(0,0,0,0.5);
}

.calander_container table{
  	margin: 5px;
}

.calander_container th{
	font-family: 'lato';
	/*font-family: 'open_sans';*/
	font-style: normal;
	font-weight: 100;
	font-size: 1.4em;
	color: rgba(37,36,36,0.51);
	padding-bottom: 5px;
	border-bottom: 1px dashed rgba(63,63,63,0.1);
}

.calander_container th#sunday{
	color: rgba(218,11,11,0.81)
}

.calander_prev {
	text-align: left;
	float: left;
}

.calander_next{
	text-align: right;
	float: right;
}

#calander_sunday {
	color: rgba(218,11,11,0.81)
}

.calender_sunday {
	color: rgba(218,11,11,0.81)
}

.calander_container a{
  	text-decoration: none;
}

.calander_on, .calander_on a{

	color: rgba(28,24,24,0.73);
}

.calander_onSunday, .calander_onSunday a{

	color: rgba(218,11,11,0.81)
}

.calander_onSaturday, .calander_onSaturday a{

	color: rgba(28,24,24,0.43);
}

.calander_off, .calander_off a{

	color: rgba(34,26,26,0.13);
}

#selected {

	background-color:rgba(99,99,99,0.59);
	border-radius: 20px;
	color: white;
}

#selected a{

	color: white;
}










































.event_header{
	font-family: 'roboto_condensedregular'; font-size: 40px; padding: 10px; width: 100%; color: white; text-align: right;
}

.event_body{
	 font-size: 21px;
	 width: 55%;
	 max-width: 55%;
	 float: right;
	 text-align: right; 
	 font-family: 'lato'; color: gray;
	 padding-right: 20px;
}

.event_body p {
	padding-top: 20px;
}

.event_body p a{
	text-decoration: none; color: #f1a500;
}

.event_footer{
	clear: right; text-align: right; 
	font-size: 21px;
	padding-top: 10px;
}

.event_footer a{
	text-decoration: none; color: #f1a500; font-weight: bold; padding-right: 20px; 
}

.event_image{
	 margin-top: -80px; margin-bottom: 20px; float: left;
	 width: 40%; height: auto;
	 box-shadow: 0px 10px 12px 2px rgba(0, 0, 0, 0.48);
}


@media only screen and (max-width: 900px) {
	.event_body{
		font-size: 18px; 
	}
	.event_footer{
		font-size: 18px;
	}

}

@media only screen and (max-width: 800px) {
	.event_body{
		font-size: 16px; 
	}
	.event_footer{
		font-size: 16px;
	}

}

@media only screen and (max-width: 720px) {
	.event_body{
		font-size: 15px; 
	}
	.event_footer{
		font-size: 15px;
	}
	.event_image{
		 margin-top: 0px; margin-bottom: -5px;
	}
}

@media only screen and (max-width: 600px) {
	.event_body{
		font-size: 12px; 
	}

	.event_footer{
		font-size: 12px;
	}

	.event_image{
		 margin-top: 0px; margin-bottom: -5px;
	}

	.event_header{
		font-size: 40px; padding: 10px;
	}
}

@media only screen and (max-width: 500px) {
	.event_body{
		font-size: 10px; 
	}

	.event_footer{
		font-size: 10px;
	}

	.event_image{
		 margin-top: 0px; margin-bottom: -5px;
	}

	.event_header{
		font-size: 30px; padding: 10px;
	}
}


@media only screen and (max-width: 425px) {
	.event_body{
		float: none; width: 100%; max-width: 100%;
		font-size: 14px; text-align: left; 
		padding: 0px 20px;
	}
	.event_footer{
		font-size: 14px; padding-bottom: 20px;
	}
	.event_image{
		 float: none;width: 100%; height: auto;
	}

	.event_header{
		font-size: 30px; padding: 10px; text-align: center;
	}
}

.sideevents{
	padding: 0px !important; cursor: pointer; text-decoration: none; display: block;
}

.sideevents:hover{
	box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.5);
}






.newsblock_a{
	width: 66.4%; height: auto; padding-bottom: 0px; position: relative; float: left;
}

.newsblock_s{
	width: 32.58%; height: auto; padding: 0px; float:right;
}

.newsblock_b{
	width: 100%; height: auto; padding-bottom: 0px; position: relative; margin-bottom: 3.5%;
}

.newsblock_c{
	width: 100%; height: auto; padding-bottom: 0px; position: relative;
}
.news_pa{
	font-family: 'lato'; font-size: 14px; color: white;
}

.news_pb{
	font-family: 'lato'; font-size: 14px; color: white; display: none;
}
.news_ha{
	font-family: 'roboto_condensedregular'; font-size: 30px; color: white;
}
.news_hb{
	font-family: 'roboto_condensedregular'; font-size: 16px; color: white;
}
.news_blackboxa{
	position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.54); padding: 20px;
}
.news_blackboxb{
	position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.54); padding: 10px;
}

@media(max-width: 768px) {
	.newsblock_a{
		width: 100%; margin-bottom: 1%; float: none;
	}
	
	.newsblock_b{
		width: 49.5%; margin-bottom: 0; float: left;
	}
	
	.newsblock_c{
		width: 49.5%; float: right;
	}
	.newsblock_s{
		width: 100%; float:none;
	}
	.news_hb{
		font-size: 20px;
	}
}

@media(max-width: 480px) {
	.newsblock_a{
		width: 100%; margin-bottom: 1%; float: none;
	}
	
	.newsblock_b{
		width: 100%; margin-bottom: 1%; float: none;
	}
	
	.newsblock_c{
		width: 100%; margin-bottom: 1%; float: none;
	}
	.newsblock_s{
		width: 100%; float:none;
	}
	.news_pa{
		display: none;
	}
	.news_hb, .news_ha{
		font-size: 18px;
	}
	.news_blackboxa{
		padding: 10px;
	}
}




.diesease_grid{
	padding: 20px;
	border: 1px solid black;
	flex: 0 1 16.66%;
	box-sizing: border-box;
	margin: 5px 0;
}

@media(max-width: 800px) {
  .diesease_grid {
    padding: 20px;
    border: 1px solid black;
    flex: 0 1 20%;
  }
}

@media(max-width: 568px) {
  .diesease_grid {
    padding: 20px;
    border: 1px solid black;
    flex: 0 1 25%;
  }
}

@media(max-width: 480px) {
  .diesease_grid {
    padding: 20px;
    border: 1px solid black;
    flex: 0 1 33.33%;
  }
}