html{
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
background:#df582e;
overflow: hidden;
max-width: 1920px;
max-height:1024px;

scrollbar-track-color: rgba(223, 88, 46, 0.4); 
scrollbar-face-color: rgba(223, 88, 46, 0.4);
scrollbar-highlight-color: rgba(223, 88, 46, 0.4);
scrollbar-3dlight-color: rgba(223, 88, 46, 0.4);
scrollbar-darkshadow-color: rgba(223, 88, 46, 0.4);
scrollbar-shadow-color: #FFFFFF; 
scrollbar-arrow-color:#FFFFFF;

/*filter: chroma(#FF00FF); height: 0px;*/
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.row{
    margin:0;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
	height: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.vertical-center {
  position: relative;
top: 50%;
transform: translateY(-50%);
}
header{
height:80px;
line-height:80px;
width:100%;
position:relative;
z-index: 9;
}

.giving{
	color:#eee;
	font-size:1.3em;
	font-weight:700;
	position:absolute;
	bottom:10px;
	right:30px;
	text-decoration:none;
}
.giving:hover{
color:green;
}
.giving:visited, .giving:hover{
text-decoration:none;
}
.main_content{
	width:100%;
	height:90%;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y:hidden;
    padding-left:30px;
}
.preloader{
	z-index: 11;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
}
.lt-ie10 .preloader-img{
    top:30%;
}
.searchdiv{
	min-width:300px;
    height:100%;
}
#srch-term{
    border-radius:0;
    border:0;
    display:inline-block;
    float:none;
}
.white, .white a {
  color: #fff;
}
.search-btn{
background:#31AD42;
border-radius:0;
}
.search-btn:hover{
background:#31AD42;
}
.pull-right{
	margin-right:5%;
}
.logo{
	float:left;
	background:url('../images/GHS_LOGO.png');
	background-repeat:no-repeat;
	background-size:95%;
	background-position:center;
	height:100%;
	width:18%;
	margin-left:5%;
}
.category-header{
	height:100%;
	float:left;
    position: relative;
    white-space: normal;
    word-break: normal;
    word-wrap: normal;
}

.category-header div{
    float:left;
}
.back{
    position: relative;
	margin-left:2%;
	width:38px;
	height:38px;
    top:50%;
    margin-top: -19px;
	background:url('../images/BackArrow.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	cursor:pointer;
}
.header-title{
	margin-left:3%;
	font-family: 'Open Sans', sans-serif;
	font-size:50px;
	color:#fff;
}.search-title{
	margin-left:6%;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color:#fff;
}
.background_img{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	/*background:url('../images/backgrounds/GHS_MainMenu.png');*/
	background-size:contain !important;
	background-position:right !important;
	background-repeat:no-repeat !important;
	z-index:-1 !important;
}
.main_menu{
	width:50%;
    max-width: 900px;
	height:93%;
	margin-left:3%;
}
.sub_menu{
	height:100%;
	margin-top:0px;
}
.videos, .articles{
	height:95.5%;
	margin-top:0px;
	overflow: hidden;
}
.main_title{
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	color:#fff;
}
.sub_title{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color:#fff;
	height:40px;
	line-height:40px;
}
.sub_title span{
    vertical-align:middle;
}
.clickable{
	cursor:pointer;
}
.clickable:hover{
	color:#034A0E;
}
.main_menu_items{
	width:100%;
	margin-top:20px;
	overflow: hidden;
	padding-top:10px;
}
.sub_menu_items{
    width:100%;
    height:100%;
	margin-top:10px;
	overflow: hidden;
	padding-top:0px;
}
.menu_item{
	width:150px;
	height:150px;
	background:#31AD42;
	float: left;
	margin-right:40px;
	margin-bottom:40px;
	cursor:pointer !important;
}
.sub_menu_item{
    width:28%;
    height:26%;
	max-width:140px;
	max-height:140px;
    min-height:80px;
	background:#31AD42;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
	cursor:pointer !important;
	position:relative;
}
.menu_item:hover, .sub_menu_item:hover{
	background:#8EC641;
}
.menu_selected{
	background:#8EC641;
}
.menu_item_icon{
	width:100%;
	height:80%;
	background-repeat:no-repeat !important;
	background-size:50% !important;
	background-position:center !important;
}
.menu_item_text{
	color:#fff;
	width:100%;
	text-align:center;
}
.sub_menu_item_text{
	color:#fff;
	width:100%;
	bottom:5px;
	left:0;
	text-align:center;
	position: absolute;
    font-size: 1em;
	white-space:pre-wrap;
	word-wrap:break-word;
}
.video_item{
	width:100%;
    max-width:550px;
	height:70px;
	background: #fff;
	color:#000;
	margin-bottom:10px;
	cursor:pointer;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
}
.video_item img{
    width:100%;
    height:92%;
	max-width:100px;
	margin:3px 10px 3px 2px;
}
.video_item div{
    padding:0;
    height:100%;
}
.video_title{
	height:70px;
	line-height: 70px;
    margin-left:10px;
	font-size: 12pt;
    overflow: hidden;
	white-space: nowrap;
    margin-right:5px;
}
.article_item{
	width:95%;
    max-width:550px;
	height:70px;
	background:#31AD42;
	color:#fff;
	margin-bottom:10px;
	cursor:pointer;
    break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
}
.article_title{
	height:70px;
	line-height: 70px;
	font-size: 15pt;
	margin-left: 10px;
    margin-right:5px;
    overflow: hidden;
    white-space: nowrap;
}
.article_item:hover{
	background:#8EC641;
}
.video_item:hover{
	background: #ccc;
}
.reading_content{
	display: inline-block;
	width:600px;
	margin-left:0%;
	height:95%;
	overflow:auto;
	vertical-align: top;
    white-space: normal;
}
.reading_content ~ .reading_content{
	margin-left:4%;
}
.reading_content:nth-of-type(1){
    margin-left:0;
}
.reading_content .ghsContent{
	margin-top:30px;
	background:rgba(223, 88, 46, 0.6);
}
.reading_content .ghsContent p, .reading_content .ghsContent h1, .reading_content .ghsContent h2, .reading_content .ghsContent h3, .reading_content .ghsContent strong, .reading_content .ghsContent th,.reading_content .ghsContent div{
	padding-left:10px;
	padding-right:10px;
}
/*.ghsContent h1, .ghsContent h2, .ghsContent h3, .ghsContent strong {
	color: #034A0E;
}*/
.reading_content_full{
	white-space: normal;
	height:95%;
	margin-left:5%;
	margin-top:20px;
	overflow:auto;
	-webkit-column-width: 550px;
     -moz-column-width: 550px;
          column-width: 550px;
		  font-size: 14pt;
		  -moz-column-fill: auto;
       column-fill: auto;
	   -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.ghsContent{
	color:#fff;
	font-size:14pt;
}
.ghsContent img{
	max-width:100%;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.ghsContent table{
	width: 100% !important;
}
.ghsContent iframe{
	border:0;
	width:100%;
	max-width: 600px;
	height:320px;
}
.fulliframe{
	height:600px !important;
}
.videoplayer{
	z-index: 10;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
}
.close{
	position:absolute;
	top:0;
	right:-42px;
	width:42px;
	height:42px;
	background:url('../images/Close.png');
	background-size:contain;
	background-position:right;
	background-repeat:no-repeat;
	opacity:1;
}
.videocontent{
    width:100%;
	max-width:850px;
	height:550px;
	background:#000;
	margin-left:auto;
	margin-right:auto;
}
.lt-ie10 .videocontent{
    top: 8% !important;
}
.playertitle{
	color:#fff;
	font-size:14pt;
	height:40px;
	line-height:40px;
	padding-left:20px;
}
.videodetails{
	width:100%;
	height:510px;
}
video{
	width:100%;
	height:98%;
}
.articlepane{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:100px;
	background:rgba(223, 88, 46, 0.6);
	padding-left:5%;	
	z-index: 7;
}
.articlecontent{
	white-space: normal;
	height:92%;
	margin-top:20px;
	overflow:auto;
	-webkit-column-width: 550px;
     -moz-column-width: 550px;
          column-width: 550px;
		  font-size: 14pt;
		  -moz-column-fill: auto;
       column-fill: auto;
	   -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	color:#fff;
}
.article_heading{
    font-family: 'Open Sans', sans-serif;
    font-size:27pt;
    font-weight:bold;
    color:#fff;
    height:30px;
    line-height:30px;
    margin-bottom:30px;
}
.articlecontent div{
	margin-bottom:20px;
    padding-left:0 !important;
}
.articlecontent li{
    margin-left:20px;
}
.sectionTitle{
	font-size: 20pt;
    /*color: #034A0E;*/
    font-weight: bold;
}
.videolist, .articlelist, .searchList{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:90px;
	background:rgba(223, 88, 46, 0.6);
	padding-left:5%;	
}
.searchList{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:100px;
	background:rgba(223, 88, 46, 0.6);
	padding-left:5%;	
}
.videolistcontent, .articlelistcontent{
	margin-top:20px;
	padding-top:10px;
	height:94%;
	overflow:auto;
	-webkit-column-width: 430px;
     -moz-column-width: 430px;
          column-width: 430px;
		  font-size: 14pt;
		  -moz-column-fill: auto;
       column-fill: auto;
	   -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.searchvideos, .searcharticles{
	display: inline-block;
	width:26%;
	height:99%;
	margin-left:5%;
	margin-top:0;
	overflow: hidden;
}


@media only screen and (max-width : 1440px) {
	.logo{
		background-size:100%;
	}
	.back{
		margin-left:5%;
		float:left;
		width:34px;
		height:34px;
	}
	.header-title{
		margin-left:6%;
		float:left;
		font-family: 'Open Sans', sans-serif;
		font-size:40px;
		color:#fff;
	}
	.main_menu{
		width:60%;
	}
	.main_menu_items{
		width:100%;
		margin-top:10px;
		overflow: hidden;
		padding-top:10px;
	}
	.video_title{
		font-size: 10pt;
	}
	.article_title{
		font-size: 12pt;
	}
	.articlepane{
		padding-top:6%;
		padding-left:5%;	
	}
	.articlecontent{
		margin-top:10px;
	}
	.videolist, .articlelist{
		padding-top:6%;
	}
	.videolistcontent, .articlelistcontent{
		margin-top:10px;
		-webkit-column-width: 350px;
		-moz-column-width: 350px;
			column-width: 350px;
			-moz-column-fill: auto;
		column-fill: auto;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
	}
	.reading_content{
		margin-left:2%;
	}
	.searchList{
		padding-top:80px;
		padding-left:5%;	
	}
}
@media only screen and (max-width : 1366px) {
	.logo{
		background-size:100%;
	}
	.back{
		margin-left:5%;
		float:left;
		width:34px;
		height:34px;
	}
	.header-title{
		margin-left:6%;
		float:left;
		font-family: 'Open Sans', sans-serif;
		font-size:35px;
		color:#fff;
	}
	.main_menu{
		width:60%;
	}
	.main_menu_items{
		width:100%;
		margin-top:10px;
		overflow: hidden;
		padding-top:0;
	}
	.menu_item{
		width:140px;
		height:130px;
		background:#31AD42;
		float: left;
		margin-right:30px;
		margin-bottom:30px;
		cursor:pointer !important;
	}
	.sub_title{
		font-family: 'Open Sans', sans-serif;
		font-size:20px;
		color:#fff;
		height:30px;
		line-height:30px;
	}
	.sub_menu_item{
		height:18%;
	}
	.video_item{
		height:60px;
	}
    .video_item img{
        max-width: 85px;
    }
	.video_title{
		font-size: 10pt;
		height:60px;
		line-height: 60px;
	}
	.article_item{
		height:60px;
	}
	.article_title{
		height:60px;
		line-height: 60px;
		font-size: 12pt;
	}
    
	.articlepane{
		padding-top:5%;
		padding-left:5%;	
	}
    .article_heading{
        font-size:20pt;
    }
	.articlecontent{
		margin-top:10px;
	}
	.videolist, .articlelist{
		padding-top:5%;
	}
	.videolistcontent, .articlelistcontent{
		margin-top:0;
		-webkit-column-width: 400px;
		-moz-column-width: 400px;
			column-width: 400px;
			-moz-column-fill: auto;
		column-fill: auto;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
	}
	.reading_content{
		width:600px;
		margin-left:2%;
	}
	.searchList{
		padding-top:60px;
		padding-left:3%;	
	}
}
@media only screen and (max-width : 1280px) {
	.logo{
		background-size:100%;
	}
	.back{
		margin-left:5%;
		float:left;
		width:34px;
		height:34px;
	}
    .background_img{
	  background-size: cover !important;
    }
	.header-title{
		margin-left:6%;
		float:left;
		font-family: 'Open Sans', sans-serif;
		font-size:35px;
		color:#fff;
	}
	.main_menu{
		width:60%;
	}
	.main_menu_items{
		width:100%;
		margin-top:10px;
		overflow: hidden;
		padding-top:0;
	}
	.menu_item{
		width:140px;
		height:140px;
		background:#31AD42;
		float: left;
		margin-right:30px;
		margin-bottom:30px;
		cursor:pointer !important;
	}
	.sub_title{
		font-family: 'Open Sans', sans-serif;
		font-size:20px;
		color:#fff;
		height:30px;
		line-height:30px;
	}
	.sub_menu_item{
		height:15%;
	}
	.videos, .articles{
		display: inline-block;
		width:30%;
		margin-left:2%;
		overflow: hidden;
	}
	.video_item{
		height:60px;
	}
	.video_title{
		font-size: 10pt;
		height:60px;
		line-height: 60px;
	}
	.article_item{
		height:60px;
	}
	.article_title{
		height:60px;
		line-height: 60px;
		font-size: 12pt;
	}
	.articlepane{
		padding-top:5%;
		padding-left:5%;	
	}
    .article_heading{
        font-size:20pt;
    }
	.videolist, .articlelist{
		padding-top:5%;
	}
	.videolistcontent, .articlelistcontent{
		margin-top:0;
		-webkit-column-width: 360px;
		-moz-column-width: 360px;
			column-width: 360px;
			-moz-column-fill: auto;
		column-fill: auto;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
	}
	.reading_content{
		width:600px;
		margin-left:2%;
	}
	.searchList{
		padding-top:60px;
		padding-left:3%;	
	}
}
@media only screen and (max-width : 1024px) {
	.logo{
		background-size:100%;
	}
	.back{
		margin-left:5%;
		float:left;
		width:34px;
		height:34px;
	}
	.header-title{
		margin-left:6%;
		float:left;
		font-family: 'Open Sans', sans-serif;
		font-size:35px;
		color:#fff;
	}
	.main_menu{
		width:70%;
	}
	.main_menu_items{
		width:100%;
		margin-top:10px;
		overflow: hidden;
		padding-top:0;
	}
	.menu_item{
		width:140px;
		height:140px;
		background:#31AD42;
		float: left;
		margin-right:30px;
		margin-bottom:30px;
		cursor:pointer !important;
	}
	.sub_title{
		font-family: 'Open Sans', sans-serif;
		font-size:20px;
		color:#fff;
		height:30px;
		line-height:30px;
	}
    .sub_menu_item{
		height:12%;
        width:29%;
		margin-right:12px;
		margin-bottom:20px;
	}
	.video_item{
		height:60px;
	}
	.video_title{
		font-size: 10pt;
		height:60px;
		line-height: 60px;
	}
	.article_item{
		height:60px;
	}
	.article_title{
		height:60px;
		line-height: 60px;
		font-size: 12pt;
	}
	.articlepane{
		padding-top:5%;
		padding-left:5%;	
	}
    .article_heading{
        font-size:20pt;
    }
	.videolist, .articlelist{
		padding-top:5%;
	}
	.videolistcontent, .articlelistcontent{
		margin-top:0;
		-webkit-column-width: 360px;
		-moz-column-width: 360px;
			column-width: 360px;
			-moz-column-fill: auto;
		column-fill: auto;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
	}
	.reading_content{
		width:600px;
		margin-left:2%;
	}
	.searchList{
		padding-top:60px;
		padding-left:3%;	
	}
}