﻿@import "https://stackpath.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css";

@media screen and (max-width: 1200px) {
    div[id$="TopNavigationMenu"] li.static.ms-listMenu-editLink,  /* Desktop view */
    div[id$="TopNavigationMenu"] ul.root:hover li.ms-listMenu-editLink /* Mobile view */ {
        display: none;
    }
    
    .ms-breadcrumb-box {
        height: 40px; /* Increase height previously set */
        margin: 10px 0 5px -15px;  /* Move nav closer to logo and edge of page */
    }
 
    div[id$="TopNavigationMenu"] ul.root {
        border: 0;
        background: #12335c ;
    }
     div[id$="TopNavigationMenu"] ul.root > li.static:first-child:before {
        content: "Menu";
        display: block;
        padding: 1%;
        background: #12335c ;
        color:#fff;
        font-weight:bold;
        border-bottom:#fff solid 1px;
        padding-left:10px !important;
    }
    
     /* Reset global navigation item formatting */
    div[id$="TopNavigationMenu"] li.static a.static,  /* First level of nav */
    div[id$="TopNavigationMenu"] li.static a.dynamic  /* Second level of nav */ {
        min-width: 300px;  /* Optional */
        width: auto;   /* Can also set to an absolute value */
        border-top: 0;
       margin-right: 0;
        display: block;
        font-size: .8rem;
        line-height: 1.5;
        position: relative;
        padding-top:10px !important;
        padding-left:10px !important;
    }
    div[id$="TopNavigationMenu"] li.static a.dynamic {
        padding-left:25%;
        
    }
     div[id$="TopNavigationMenu"] li.static:last-child > a {
        border-bottom: 0;
    }
    div[id$="TopNavigationMenu"] li.static a:hover  {
        
    }
    
       div[id$="TopNavigationMenu"] ul.dynamic {
    	
    	display:block;
    	position:static;
    	background:#fff;
    	width:300px;
    	
     
     }
     
     div[id$="TopNavigationMenu"] li.dynamic a:hover{
    		background:#fff;
   	    	color:#12335c !important;
   	    	
     
     }

/* Insert stacked lines icon to designate global navigation */
    div[id$="TopNavigationMenu"] ul.root:before {
        content: "\f0c9";
        font-family: FontAwesome;
        background: #12335c ;
        color:transparent;
        font-size: 1.4rem;
        width: 2.6rem;
        height: 1.4rem;
        padding: .3rem 0;
        display: block;
        border-radius: 5px;
        text-align: center;
        border: 1px solid #ccc;
        margin: 0 15px;
        background-image:url('ResponsiveButton.jpg');
        background-repeat:no-repeat;
        background-position:center;
    }
 
    /* Hide stacked lines icon on hover */
    div[id$="TopNavigationMenu"] ul.root:hover:before {
       display:none

    }
 
    /* Hide global navigation items */
    div[id$="TopNavigationMenu"] ul.root > li {
        display: none;
    }
 
    /* Display global navigation box on hover */
    div[id$="TopNavigationMenu"] ul.root:hover {
        background: #12335c ;
        color:#fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        position: absolute;
        z-index: 2;
        margin:0 0px;
       
    }
 
    /* Display global navigation items on hover */
    div[id$="TopNavigationMenu"] ul.root:hover > li {
        display: block;
    }
    
    #titleAreaBox {
	margin-left:10px !important;
}

.ms-core-listMenu-horizontalBox li.selected a.selected {
	border-bottom:0px !important;

}

}    
/*-----Home Page Responsiveness ---*/

@media screen and (max-width: 1200px) {
	.news-slider .text-content h2 {
	font-size:20pt !important;
	}
	
	.news-slider .text-content {
	padding-top:5% !important;
}

.PublicationsTitle a:link {
	padding-bottom:10px !important;
}


}

@media screen and (max-width: 1100px) {

#AboutUs {
	padding:10px !important;
}

.news-slider .text-content p {
	font-size:0.9em !important;;
}

#PubItem {
	height:230px !important;
	overflow:hidden !important;
	
}


#HSTWebsiteFooterRight {
	display:none !important;
}

#LatestPubs .PubsWrapper   {
	display:none !important;
}
#HSTNews {
width:100% !important;
}

#MediaandAnnouncements {
width:100% !important;
margin-top: 35px !important;
}

#OurBlog {
width:100% !important;
border-bottom: 50px solid #b0212a !important;

}

#BlogNewsBG {

min-height:650px !important;
}

.ms-rtestate-field p, p.ms-rteElement-P {

	padding-right:20px !important;

}


}


@media screen and (max-width: 900px) {


	#HSTWebsiteBannerRight {
	display:none !important
}

.news-slider .text-content  {
	max-height:80% !important;
  overflow:hidden!important;
  
}

.news-slider .text-content .read-more {
	width:100px !important;
	font-size: 8pt !important;
}

.PublicationsTitle a:link {
	font-size:10pt !important;
	padding-bottom:10px !important;
}

#PubItem {
	height:250px !important;
	overflow:hidden !important;
	
}



#BlogItem .image-fixed-width {
	width:80% !important;
	margin-right:10px !important;
}


#HSTWebsiteFooterContent {

min-height:400px !important;
}

}

@media screen and (max-width: 767px) {




#HSTWebsiteFooterRight {
	display:none;
}

#HSTWebsiteFooterContent {

min-height:430px !important;
}



#HSTNews {
PADDING-TOP:10px !important;
}

#HSTNewsTitle {
 margin-top:-40px !important;


}

#MandATitle {
	margin-top:-70px !important;
	padding-top:10px !important;
	padding-left:10px !important;
	padding-bottom:10px !important;

}

#BlogTitle {
	margin-top: -50px !important;
	padding-left:10px !important;

}

}

@media screen and (max-width: 600px) {



#WWOTopLeft {
	margin-bottom:-7px !important;
	width:100% !important;
}

#WWOTopRight {
	float:none !important;
	margin-bottom:-7px !important;
	width:100% !important;


}

#WWOMidRight {
	float:none !important;
	margin-bottom:-7px !important;
	width:100% !important;


}

#WWOMidCent {
	padding-left:0px !important;;
	float:none !important;
	margin-bottom:-7px !important;
	width:100% !important;


}

#WWOMidLeft {
	margin-bottom:-7px !important;
	width:100% !important;

}

.PublicationsTitle a:link {
	font-size:10pt !important;
}

.Pubswrapper {
	display:none;
}

.MediaTitle a:link {
	font-size:10pt !important;
}

#HSTNews {
PADDING-TOP:10px !important;
}



#HSTWebsiteFooterContent {

min-height:600px !important;
}
#PubItem {
	height:260px !important;
	overflow:hidden !important;
	
}

#MandATitle {
	margin-top:-80px !important;

}



}
 
@media screen and (max-width: 500px){
#HSTWebsiteCornerGraphic {
	display:none !important;
} 


#WWOMidCent {
	padding-left:0px !important;;
	float:none !important;
}
.Pubswrapper {
	display:none;
}

#PubItem {
	height:290px !important;
	overflow:hidden !important;
	
}

.PubsWrapper {
display:none !important;

}

#HSTNews {

height:280px !important;
width:100% !important;

}

#HSTWebsiteShortcuts img {
	width:12% !important;
}

}


/*-----About Us Responsiveness-----*/


@media screen and (max-width: 1100px) {
#OurVision {
	width:100% !important;

}

#OurMission {
	width:100% !important;

}


}


@media screen and (max-width: 767px) {

#OurVision {
	font-size:15pt !important;
	

}

#OurMission {
	font-size:15pt !important;
	

}

#ProfileItem {
	border-bottom:0px !important; ;
}

 }
 


/*---HST Blog Responsiveness---*/

@media screen and (max-width: 1000px) {

.ms-core-navigation {
	display:none !important;
}

.ms-blog-postList {
	float:left !important;
	padding-left:20px !important;
}

}

@media screen and (max-width: 767px) {

	.ms-blog-postList {
	max-width:485px !important;}
}

@media screen and (max-width: 500px) {
	.ms-blog-postList {
	max-width:350px !important;}
	
}

@media screen and (max-width: 400px) {
	.ms-blog-postList {
	max-width:300px !important;
	min-width:300px !important;
}

}
@media screen and (max-width: 300px) {
	.ms-blog-postList {
	max-width:250px !important;
	min-width:250px !important;
}

}






/*-----SuiteBar-----*/
#suiteBarLeft {
	background-color:#12335c !important;
}

.ms-core-suiteLink a:link {
	color:#fff !important;
}

/*-----General Styling-----*/
 body {
	font-family: 'Roboto', sans-serif !important;	
	color:#707070 !important;
}
a:link {
	color:#b1242b !important;
	
}

a:visited {
	color:#b1242b !important;
}

.ms-signInLink {
	display:none !important;
}

h1, .ms-h1 {
	font-family: 'Roboto', sans-serif !important;
	color:#12335c !important;
	text-transform:uppercase !important;
	font-size:14pt !important;
	padding-bottom:5px !important;
	}
	
h2, .ms-h2 {
	font-family: 'Roboto', sans-serif !important;
	color:#f99f1e !important;
	text-transform:uppercase !important;
	font-size:13pt;
	padding-bottom:2px !important;

}

h3, .ms-h3 {
	font-family: 'Roboto', sans-serif !important;
	color:#12335c !important;
	text-transform:uppercase !important;
	font-size:11pt;


}
	
.ms-rtestate-field p, p.ms-rteElement-P {
	text-align:justify !important;
	color:#707070 !important;
}

#HSTGeneralPageContent .ms-viewheadertr {
	display:none !important;
}

.ms-acal-item {
	color: #fff !important;
	font-family: 'Roboto', sans-serif !important;
}
.ms-acal-color1 {
	background-color: #b1242b !important;
}
.ms-acal-color2 {
	background-color: #f99f1e !important;
}

.ms-acal-color3 {
	background-color: #12335c !important;
}

.ms-acal-sdiv a, .ms-acal-mdiv a, .ms-acal-ddiv a {
	color: #fff !important;
	font-family: 'Roboto', sans-serif !important;
}


.ms-acal-apanel-color1 {
	background-color: #b1242b  !important;
}
.ms-acal-apanel-color2 {
	background-color: #f99f1e !important;
}

.ms-acal-apanel-color3 {
	background-color: #12335c !important;
}

#ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_idNavLinkViewAll {
	display:none;
}

.ms-acal-apanel-title {
	display:none
}


/*-----Top Banner-----*/

#HSTLogInButton a:link {
	color:#fff !important;
}

#HSTLogInButton a:visited {
	color:#fff !important;
}


#HSTWebsiteBanner {
	width:100% !important;
	padding-top:24px !important;
	height:132px !important;
}

#HSTWebsiteBannerInside {
	max-width:1024px !important;
	margin:auto !important;
	
}

#HSTWebsiteBannerLeft {
	width:100% !important;
	float:left !important;
	vertical-align:bottom !important;
	height:100px !important;
	width:175px !important;

}

#HSTLogo {
	padding-left:20px !important;
}

#HSTWebsiteBannerRight {
	float:right !important;
	height:85px !important;
	vertical-align:bottom !important;
}

#Search {
	float:left !important;
	padding-right: 20px !important
	
}

#SocialIcons {
	vertical-align:bottom !important;
	float:right !important;
}


#SocialIcons img {
	height:30px !important;
	width:30px !important;
}

#SocialIcons a:hover, a:active {
	text-decoration:none !important;
}

#HSTSitesDropDown {
	text-align:right !important;
	height:60px !important;
	text-transform:uppercase;
}

#HSTWebsiteCornerGraphic {
	float:right !important;
	background-image:url('CornerGraphic.png');
	background-repeat:no-repeat;
	height:133px !important;
	width: 240px !important;
}


input[type=password], input[type=text], input[type=file], select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox {
	color:#12335c !important;
	font-family:"Roboto", sans-serif !important;
	
}

/*---------Top Navigation---------------*/

.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink {
	display:none !important;
}

#HSTWebsiteResponsiveMenu {
	display:none;
}
#siteIcon {
	display:none !important;
}

#pageTitle {
	display:none !important;
}


#titleAreaBox {
	max-width:1024px !important;
	margin: auto;
	text-transform:uppercase;	
}

.ms-breadcrumb-box {
	height:auto !important;
}

#s4-titlerow {
	height:auto !important;
	background-color:#12335c !important;
	padding:10px !important;

}


.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	color:#fff !important;
	font-size:14px !important;
	letter-spacing:-0.5px !important;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
	border-bottom:2px #f99f1e solid;
}
.ms-core-listMenu-horizontalBox li.selected a.selected {
	border-bottom:2px #f99f1e solid;

}

.ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
	background-image:none!important;
	padding-right:0px !important;
}

ul.dynamic {
	padding:0px !important;
	left:0px !important;
	margin-top:3px !important;
	min-width:250px !important;
	border:0px !important;
}

ul.dynamic .ms-core-listMenu-item {
	
    background-color: #fff;
    padding: 5px 0px 10px 0px;
    white-space: nowrap;
    color:#12335c !important;
    padding-left:10px !important;
    margin-right:-10px !important;
    text-transform:none!important;
    padding-top:10px !important;

}  

ul.dynamic .ms-core-listMenu-item a:link{
    color:#12335c !important;
}  


ul.dynamic .ms-core-listMenu-item:hover {
    background-color: #12335c;
    color: #FFF !important;
    width:100% !important;
    border-bottom: 2px solid #f99f1e;
}  



ul.dynamic .ms-core-listMenu-item:hover  {
    background-color: #12335c;
    color: #FFF;
}



/*------Left Navigation-------*/
#HomesideNavBox {
	display:none !important;
}

/*---------Content Area ---------*/

#HomecontentBox {
	margin:auto !important;
	width:100% !important;
}


#s4-bodyContainer {
	padding-bottom:0px !important;
}

/*------Footer-----*/
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* The bottom margin is the negative value of the footer's height */
  margin: 0 auto -30px;
  overflow: visible !important;
}
.footer, .push {
  /* .push must be the same height as .footer */
  height: 30px;
  /* Multicolumn Layout With Sticky Footer */
  clear: both;
}
.footer {
   
}
body #s4-workspace {
  margin-bottom: -30px;
}

#HSTWebsiteShortcuts {
	max-width:1024px;
	margin:auto !important;
	padding:10px !important;
	text-align:center !important;
	

}


#HSTWebsiteShortcuts img  {
	width:12% ;
	height:auto !important;
}

#FooterCenter {
	margin:auto!important;
	text-align:center !important;
}

	

#HSTWebsiteFooter {
	padding-top:5px !important;
	background-color:#25282b;
	color:#fff !important;
}

#HSTWebsiteFooter img {
	width:auto !important;
}

#HSTWebsiteFooterContent {
	max-width:1024px;
	margin:auto !important;
	min-height:390px;
}

.HSTFooterTitle {
	text-transform:uppercase;
	color:#f99f1e;
	font-weight:bold;
}

.HSTFooterHeading1{
	text-transform:uppercase;
	color:#fff;
	border-bottom:2px solid #f99f1e
}

#HSTWebsiteFooterDisclaimer {
	background-color:#444444;
	height:30px !important;
	color:#fff;
	text-transform:uppercase;
	font-size:8pt;
	margin:auto;
	padding-top:5px;
	width:100% !important;
}

#HSTWebsiteFooterLeft {
	width:28%;
	float:left !important;
	padding:1%;
}
#HSTWebsiteFooterRight {
	width:67%;
	float:left;
	padding:1%;
}

#FooterFB {
	display:inline-block;
	padding-left: 2%;
	padding-right: 1%;
}
#FooterTW {
	display:inline-block;
	padding-left: 1%;
	padding-right: 1%;
}

#FooterTW .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText {
	display:none !important;
}

#FooterTW .ms-WPBorder{
	border: none !important;
}

/*---Home Page Sliders---*/

.news-slider .image-content img {
	width: 100%!important;
	border-bottom:solid 10px #b1242b !important;
}

.news-slider .text-content {
	background-color:transparent !important;
	width:100% !important;
	padding-top:7%;
	padding-left:10% !important;
	padding-right:60% !important;
	color:#fff !important;
	text-shadow: 2px 2px #464648;

}

.news-slider .text-content h2 {
	color:#f99f1e !important;
	font-weight:bold !important;
	line-height:1 !important;
	text-shadow: 2px 2px #464648;
	font-size:30pt;
}

.news-slider .text-content a.button-link {
	color:#fff !important;
	text-shadow:none !important;

}

.news-slider .text-content .read-more {
	background-color:#f99f1e !important;
	text-shadow:none !important;
	margin-bottom:10% !important;
	margin-right:20% !important;
	width:150px ;
	padding:10px !important;
	font-size:11pt;
	box-shadow: 2px 2px 2px #888888;

}

.sy-pager li.sy-active a {
	background-color:#f99f1e !important;

}


/*------Home Page Layout-----*/
#HomePageBanner div.article, div.welcome{
	padding:0px !important;
	margin-top:-20px;
	}

#AboutUs {
	max-width:1024px !important;
	margin:auto !important;
}

#WhatWeOfferBG {
	background-color:#dddedf;
	padding-top:15px;
}
#WhatWeOffer {
	max-width:1024px !important;
	margin:auto !important;
}

#WhatWeOffer img {

	height:auto !important;
	width:100% !important;
}




#WhatWeOffer .ms-webpartzone-cell {
	margin:0px !important;
}
#WWOTopLeft {
	width:49% ;
	float:left !important;
	padding-left:2px !important;
	padding-bottom:10px;
}


#WWOTopLeft:hover {
	color:orange;
	opacity: 0.3;

}
#WWOTopRight {
	width:49%;
	float:right;
	padding-bottom:10px;
}

#WWOTopRight:hover {
	
	color:orange;
	opacity: 0.3;

}

#WWOMid {
	max-width:1024px !important;
	margin:auto !important;
	

}



#WWOMidLeft {
	width:32% ;
	float:left;
	padding-bottom: 10px;
	
}

#WWOMidLeft:hover {
	
	color:orange;
	opacity: 0.3;

}


#WWOMidCent {
	width:32% ;
	float:left;
	padding-left:20px;
	padding-bottom: 10px;
	
}

#WWOMidCent:hover {
	
	color:orange;
	opacity: 0.3;

}

#WWOMidRight {
	width:32% ;
	float:right;
	padding-bottom: 10px;
}

#WWOMidRight:hover {
	
	color:orange;
	opacity: 0.3;

}


#WWOBottom {
	padding-bottom:15px !important;
}

#WWOBottom:hover {
	
	color:orange;
	opacity: 0.3;

}

#OurImpact {
	width:100%;
	margin:auto !important;
}

#OurImpactBG {
	background-color:#f99f1e
}


#LatestPubs {
	
	padding-top:20px !important;
	max-width:1024px !important;
	margin:auto !important;
	min-height:330px !important;
}

#LatestPubsHeading {
	font-family: 'Roboto', sans-serif !important;
	color:#12335c !important;
	text-transform:uppercase !important;
	font-size:12pt !important;
	font-weight:bold;
	padding-bottom:10px !important;
	padding-top:10px !important;

}

#LatestSAHR {
	width:49%;
	float:left;


}

#LatestDHB {
	width:49%;
	float:right;
	
}

#BlogNewsBG {
	background-color:#b0212a !important;
	min-height:350px ;
	padding-top:40px ;

}

#BlogNews {
	max-width:1024px !important;
	margin:auto !important;
	background-color:#b0212a !important;

}

#OurBlog {
	width:32%;
	float:left;
	background-color:#fff !important;
	display:block !important;
	height:260px !important;
	padding-top:15px !important;
	padding-bottom:5px !important;
	border-right:15px solid #b0212a !important;
	border-bottom:15px solid #b0212a;

}

#BlogTitle {
	width:32%;
	float:left;
	color:#fff;
	
	font-weight:bold;
	font-family: 'Roboto', sans-serif !important;
	text-transform:uppercase !important;
	font-size:12pt !important;
	padding-bottom:5px !important;
	margin-top:-40px;

}

#HSTNewsTitle {
	
	float:left;
	color:#fff;
	font-weight:bold;
	font-family: 'Roboto', sans-serif !important;
	text-transform:uppercase !important;
	font-size:12pt !important;
	padding-bottom:5px !important;
	margin-top:-60px;

}

#MandATitle {
	float:left;
	color:#fff;
	font-weight:bold;
	font-family: 'Roboto', sans-serif !important;
	text-transform:uppercase !important;
	font-size:12pt !important;
	padding-bottom:5px !important;
	margin-top:-60px;


}


#HSTNews {
	width:32%;
	float:left;
	background-color:#fff !important;
	display:block !important;
	height:240px;
	padding-top:35px ;
	padding-bottom:5px !important;
	margin-bottom:5px;
	padding-left:10px !important;
	

	}
	

#MediaandAnnouncements {
	width:32%;
	float:right;
	background-color:#fff !important;
	display:block !important;
	height:240px;
	padding-top:35px ;
	padding-bottom:5px !important;
	margin-bottom:5px;
	

	}
	


#LatestOther .groupheader {
	display:none !important;
}

#PublicationsBG .groupheader {
	display:none !important;
}



/*----Media Release Page Layout-----*/


.article .article-left .captioned-image {
	padding-right:15px !important;
}
div.article {
	max-width:1024px !important;
	margin:auto !important;
	padding-top:25px !important;
}

image .article-left .captioned-image, .welcome .welcome-image {
	padding-right:0px !important;
	
}

.ms-rtestate-field {
	text-align:justify;
}

#MediaReleaseTitle {
	font-family: 'Roboto', sans-serif !important;
	color:#12335c !important;
	text-transform:uppercase !important;
	font-size:14pt !important;
	padding-bottom:10px !important;
	font-weight:bold;
	
}

#MediaReleaseShare {
	padding-bottom:10px !important;
}

.article-header .by-line
{
font-weight:bold;
text-align:left !important;
}

/*-------HST Indicators Page Layout-----*/

#HSTIndicatorsPageContent {
	
	padding-top:30px !important;
	width:95% !important;
   	margin: auto !important;	
    padding-left:20px !important;
    padding-right:20px !important;
}

#HSTIndicatorsWelcomeContent {
	max-width:1024px !important;
	margin:auto !important;
}

#HSTIndicatorsWebPart {
	padding-top:30px !important;
}

/*--------HST General Page Layout-------*/

#HSTPageTitle {
	font-family: 'Roboto', sans-serif !important;
	color:#12335c !important;
	text-transform:uppercase !important;
	font-size:12pt !important;
	padding-bottom:10px !important;
	font-weight:bold;
	letter-spacing:-0.2pt !important;
}


#HSTGeneralPageContent {
	padding-top:30px !important;
	max-width:1024px !important;
	margin:auto !important;
	padding-left:20px !important;
	
}

/*----About Us -------*/

#AboutUsBlocksBG {
	background-color:#dddedf !important;
	width:100% !important;
	min-height:850px !important;
	margin-top:-40px !important;
	
}


#AboutUsBlocks {
	max-width:1024px !important;
	margin:auto !important;
	color:#fff !important;
	text-align:left !important;
	font-size:15px !important; 
	
}

#AboutUsBlocks .ms-rtestate-field {
	text-align:left !important;
}



#AboutUsBlocks h1, .ms-h1 {
	color:#fff !important;
	font-weight:bold !important;
	font-size:30pt !important;
}

#AboutUsBlocksBG .welcome-content {
	margin-top:20px !important;
	
}



#OurVision {
	background-color: #f99f1e !important;
	width:47% ;
	float:left;
	padding:10px !important;
	font-size:20pt ;
	height:150px;
	padding-bottom:20px !important;
	border-bottom: 20px solid #dddedf ;	
	border-right: 20px solid #dddedf ;	

	
	}

#OurMission {
	background-color: #12335c !important;
	width:47% ;
	float:left;
	padding:10px !important;
	font-size:20pt ;
	height:150px;
	padding-bottom:20px !important;
	border-bottom: 20px solid #dddedf ;	
	

}

#OurApproach {
	background-color: #b0212a !important;
	width:100% !important;
	float:left !important;
	margin-bottom:10px !important
}


#OurApproach .ms-webpart-zone {
	padding:10px !important;
}

#OurCoreValues {
	background-color: #fff !important;
	width:100%;
	float:left !important;
	color: #12335c !important;
}

#OurCoreValues .ms-webpart-zone {
	padding:10px !important;
}

#OurCoreValues h1, .ms-h1 {
	color: #12335c !important;

}

#BoardofTrustees {
	max-width: 1024px !important;
	margin:auto !important;
}


#OurHistory {
	background-color:#f99f1e !important;
	
}

#ExecutiveCommittee {
	width:1024px !important;
	margin:auto !important;
	padding-top:40px !important;
	
}

#ExecutiveCommittee .groupheader {
	display:none !important;
}
#OurPartnersBG {
	background-color: #b0212a !important;
}

#OurPartners {
	width:1024px !important;
	margin:auto !important;
	padding-top:20px !important;
	color:#fff !important;
	font-size:15px !important;

}

#OurPartners a:link {
	color:#fff !important;
	text-decoration:underline !important;
}

#OurPartners h1, .ms-h1 {
	color:#fff !important;
}

/*-----Profile Page Layout ------*/
#ProfileTitle {
	font-family: 'Roboto', sans-serif !important;
	font-size:15pt !important;
	font-weight:bold;
	letter-spacing:-0.5pt !important;
	padding-left:20px !important;
	float:left !important;
	width:80% !important;


}

#Jobtitle {
	padding-bottom:15px !important;
	padding-left:20px !important;
	float:left !important;
	width:80% !important;



}


#ProfileImage img  {
	border-radius:50% !important;
	border: 5px solid #f99f1e !important;
	max-width:160px !important;

}

#ProfileContent {
	padding-left:20px !important;
	max-width:80%;
	float:left !important;
}


/*---Publication Page Layout---*/

#PubsWelcomeContent {
	padding-top:30px !important;
	max-width:1024px !important;
	margin:auto !important;
	padding-left:20px !important;

}
#PublicationsBG {
	/*background-color:#dddedf !important;*/
	width:100% !important;
	}

#PublicationsLayout {
	max-width:1024px !important;
	margin:auto !important;
}

#PublicationsLayout .groupheader {
	display:none !important;
}

#RelatedPubsTitle {
	font-family: 'Roboto', sans-serif !important;
	color:#f99f1e !important;
	text-transform:uppercase !important;
	font-size:13pt;
	padding-bottom:2px !important;
}


/*--Publications Item Style--*/

#PubItem {
	padding:20px !important;
	border: 1px solid #c0c0c0;
	border-bottom: solid 20px #f99f1e !important;
	background:#fff !important;
	height:200px;
	margin-bottom:20px !important;
}


#PubItem .image-fixed-width {
	border: 1px solid #c0c0c0 !important;
	border-bottom: 10px solid  #f99f1e !important;
	width:135px !important;
	margin-right:10px !important;
	max-height:190px;
}

#PubItem .description {
	
	padding-top:15px !important;
	text-align:justify !important;
	font-style:normal !important;

}

#PubItem .ms-rteFontSize-3 {
	
	color:grey !important;

}

#Publication {
	width:65% !important;
	float:left !important;
	
}

.PublicationsTitle a:link {
	color:#707070!important;
	font-weight:bold !important;
	font-size:12pt;
	float:left !important;
	padding-bottom:10px;
	
}

.PublicationsLabels {
	padding-right:10px !important;
	font-weight:bold !important;
	float:left !important;
	
}

#Author {
	text-align:justify !important;
}

.PubsWrapper {
	width:100% !important;
	float:left !important;
	display:block ;
	font-style:italic !important;
}


/*--DHB Item Style--*/

#DHBItem {
	padding:20px !important;
	border: 1px solid #c0c0c0;
	border-bottom: solid 20px #f99f1e !important;
	background:#fff !important;
	height:200px !important;
	margin-bottom:20px !important;
}


#DHBItem .image-fixed-width {
	border: 1px solid #c0c0c0 !important;
	border-bottom: 10px solid  #f99f1e !important;
	width:135px !important;
	margin-right:10px !important;
}

#DHBItem .description {
	
	padding-top:20px !important;
	text-align:justify !important;
	font-style:normal !important;

}
#DHB  {
	width:65% !important;
	float:left !important;
	
}

.DHBTitle a:link {
	color:#707070!important;
	font-weight:bold !important;
	font-size:12pt !important;
	float:left !important;
	padding-bottom:10px !important;
	
}


/*---Careers Itemstyle---*/
.CareersTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:11pt !important;
	float:left !important;
}

#CareerItem .description {
	display:block !important;
	text-align:justify !important;
	font-style:normal!important;
	width:80% !important;
}

#CareersBGImage {
	background-image:url('NewsIcon.png') !important;
	background-repeat:no-repeat !important;
	width:33px !important;
	height: 100px !important;
	float:left !important;
	
}

#Careers {
	float:left !important;
	width:80% !important;
	padding-left:20px !important;
	padding-bottom:20px !important;
	}
	

/*---Media Release ItemStyle*/

#MediaBGImage {
	background-image:url('NewsIcon.png') !important;
	background-repeat:no-repeat !important;
	width:33px !important;
	height: 50px !important;
	float:left !important;
	
}

.MediaTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:11pt ;
	float:left !important;
	
}

#MediaItem .description {
	display:block !important;
	text-align:justify !important;
	font-style:normal!important;
	width:80% !important;
}

#MediaItem .image-area-left {
	width:100% !important;
}

#Media {
	float:left !important;
	width:80% !important;
	padding-left:20px !important;
	padding-bottom:5px !important;
	}

/*----Blog Itemstyle---*/

#BlogItem {
	background:#fff !important;
	min-height:200px !important;
	padding-right:20px !important;
	
	
}


#BlogItem .image-fixed-width {
		margin-right:10px !important;
}

#BlogItem .description {
	
	padding-top:0px !important;
	text-align:justify !important;
	font-style:normal !important;

}
#Blog  {
	width:60% !important;
	float:left !important;
}

.BlogTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:12pt;
	float:left !important;
	padding-bottom:5px !important;
	
}

.PublicationsLabels {
	padding-right:10px !important;
	font-weight:bold !important;
	float:left !important;
}

#Author {
	text-align:justify !important;
}


/*---Profile Itemstyle---*/


#ProfileItem {
	min-height:200px ;
	border-bottom: 1px solid #707070 ;
	padding-top:10px !important;
}



#ProfileItem .image-fixed-width {
	border: 5px solid #f99f1e !important;
	border-radius:50% !important;
	width:100% !important;
	height:auto !important;
}

#ProfileItem .description {
	text-align:justify !important;
	font-style:normal !important;

}
#Profile {
	float:left !important;
	padding-left:20px !important;
	padding-top:1% !important;
	max-width:80% !important;
	
}

#ProfileColumns {
	max-width:60% !important;
	float:left !important;
	padding-left:20px !important;
	padding-top:1% !important;
}

.ProfileTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:12pt !important;
	float:left !important;
	padding-bottom:10px !important;
	
}

.ProfileTitle a:visited {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:12pt !important;
	float:left !important;
	padding-bottom:10px !important;
	
}


.ProfileTitle  {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:12pt !important;
	float:left !important;
	padding-bottom:10px !important;
	
}



.ProfileWrapper {
	width:100% !important;
	float:left !important;
	display:block !important;
	font-style:italic !important;
}



/*---Profile Columns Itemstyle---*/

#ProfileColumnsItem {
	min-height:200px !important;
	padding-top:10px !important;

}

#ProfileColumnsItem .image-fixed-width {
	border: 5px solid #f99f1e !important;
	border-radius:50% !important;
	width:100% !important;
	height:auto !important;
}

#ProfileColumnsItem .description {
	text-align:justify !important;
	font-style:normal !important;

}

/*---Job Specification Page Layout */

#JobSpecImage .captioned-image {
	padding-right:0px !important;
}
 

/*---Projects Itemstyle----*/

.ProjectsTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:11pt !important;
	float:left !important;
}

.ProjectsTitle a:visited {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:11pt !important;
	float:left !important;
}


#ProjectsItem .description {
	display:block !important;
	text-align:justify !important;
	font-style:normal!important;
	width:80% !important;
}

#ProjectsBGImage {
	background-image:url('NewsIcon.png') !important;
	background-repeat:no-repeat !important;
	width:33px !important;
	height: 100px !important;
	float:left !important;
	
}

#Projects {
	float:left !important;
	width:80% !important;
	padding-left:20px !important;
	padding-bottom:20px !important;
	}
	

/*---Projects Details Itemstyle----*/



#ProjectDetailDescription  {
	display:block !important;
	text-align:justify !important;
	font-style:normal!important;
	width:100% !important;
	padding-left:12px !important;
}

#ProjectDetailTitle  {
	color:#12335c !important;
	font-weight:bold !important;
	font-size:11pt !important;
	

}

#ReadMore {
	padding-left:13px !important;
	padding-top:5px !important;
}

/*---Bulletin Itemstyle----*/

#BulletinBGImage {
	background-image:url('NewsIcon.png') !important;
	background-repeat:no-repeat !important;
	width:33px !important;
	height: 50px !important;
	float:left !important;
	
}

.BulletinTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:11pt !important;
	float:left !important;
	
}

#BulletinItem .description {
	display:block !important;
	text-align:justify !important;
	font-style:normal!important;
	width:80% !important;
}


#Bulletin {
	float:left !important;
	padding-left:20px !important;
	padding-bottom:5px !important;
	}

/*---Public Health News ItemStyle*/

#PHNBGImage {
	background-image:url('NewsIcon.png') !important;
	background-repeat:no-repeat !important;
	width:33px !important;
	height: 50px !important;
	float:left !important;
	
}

.PHNTitle a:link {
	color:#b1242b!important;
	font-weight:bold !important;
	font-size:11pt !important;
	float:left !important;
	display:block !important;
	max-width:600px;
	overflow:hidden;
	
}

#PHNItem .description {
	display:block !important;
	text-align:justify !important;
	font-style:normal!important;
	width:80% !important;
}


#PHN {
	float:left !important;
	padding-left:20px !important;
	padding-bottom:5px !important;
	width:80%;
	}
	
/*---Sign Up Form----*/

#SignUpForm .ms-vb {
	font-family: 'Roboto', sans-serif !important;	
	color:#b1242b !important;
	font-size:12pt !important;
	font-weight:lighter !important;
	padding-bottom:10px !important;

}

#SignUpForm table.ms-toolbar {
	display:none !important;
}

/*---Blog Styling---*/

.ms-blog-MainArea {

 padding-top:20px !important;
	
}

.ms-blog-commandSpace {
	display:none !important;
}

.ms-blog-postBody img {
	height:auto !important;
}


/*--System Master----*/

#SystemContentRow {
	max-width:1024px !important;
	margin:auto !important;
	
}

#sideNavBox {
	margin-left:0px !important;
	padding-top:20px !important;
	
}

#SystemcontentBox {
	width:80% !important;
	float:left !important;
}


/*----Tabs Webpart----*/

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius:0px !important;
}

.ui-widget-header {
	background: #fff!important;
	border:0px !important;
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #b1242b none !important;
	color:#fff !important;
	border: #b1242b !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color:#fff !important;
}

.ui-tabs .ui-tabs-panel {
	border-top: 1px solid #c0c0c0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px !important;
}

.ui-widget {
	font-family:inherit !important;
}

.ui-widget-content {
	font-family:inherit!important;
	color:inherit !important;
	border:0px !important;
}

.ui-tabs .ui-tabs-panel {
	padding:0px !important;
	margin-left: 1px !important;
	margin-right:10px !important;
}
	

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	background:#12335c !important;
}


/*-----Search Centre----*/

.ms-srch-hover-actions {
	display:none !important;
}

.ms-srch-item-path {
	display:none
}

.ms-srch-item-link {
	font-weight:bold !important;
	font-family: 'Roboto', sans-serif !important;

}

.ms-ref-refinername:link, .ms-ref-refinername:visited {
	font-family: 'Roboto', sans-serif !important;
	color:#12335c !important;
	font-weight:bold !important;

}

#ResultFooter {
	display:none;
}

/*---Flex Slider Home Banner---*/

.flex-direction-nav .flex-prev {
	display:none !important;
}

.flex-direction-nav .flex-next {
	display:none !important;
}

.flexslider {
border:0px !important;
border-bottom:	5px solid #b1242b !important; 
margin-bottom:0px !important;
}

.flex-control-paging li a:hover {
	background:#f99f1e !important;
}

.flex-control-paging li a.flex-active {
	background:#f99f1e !important;

}

.flexslider .slides img {
	margin-bottom:30px !important;
}


.better-off-knowing {
	margin-top: -13%;
	margin-left: 14%;
	padding-bottom: 1%;
}

.CCMDD {
	margin-top: -20%;
	margin-left: 7%;
}
.district-health-barometer {
	margin-top: -12%;
	margin-left: 18%;
}
.main-slider-title {
	color: #F09609;
	font-size: 30px;
	text-shadow: 1px 1px 4px black;
	font-family: arial;
}
.main-slider-caption {
	color: white;
	text-shadow: 1px 1px 4px black;
	font-size:15px;
	margin-top:20px;
}
.better-off-knowing-table {
	width: 100%;
}

.better-off-knowing-table td:first-child {
	width: 50%;
}
.better-off-knowing-table td:nth-child(2) {
	width: 50%;
}

.CCMDD-table {
	width: 100%;
}

.CCMDD-table td:first-child {
	width: 50%;
}
.CCMDD-table td:nth-child(2) {
	width: 50%;
}
.district-health-barometer-table {
	width: 100%;
}
.district-health-barometer-table td:first-child {
	width: 50%;
}
.district-health-barometer-table td:nth-child(2) {
	width: 50%;
}
.read-more-button-align {
	text-align:center;
}
.read-more-button-background {
	width:140px;
	text-align:center;
	color:white;
	line-height:40px;
	display:inline-block;
	background-color:#F09609;
}

.read-more-button-text {
	line-height:normal;
	vertical-align:middle;
	display:inline-block;
	font-size:15px;
}


@media(max-width: 1425px) {
	.read-more-button-background {
	width:133px;
	line-height:38px;
    }
	.read-more-button-text {
	font-size:14.25px;
    }
	.main-slider-title {
		font-size: 28.5px;
	}
	.main-slider-caption {
		font-size:14.25px;
		margin-top:19px;
	}
	.better-off-knowing {
		margin-top: -13.05%;
		padding-bottom: 4.15%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.05%;
	}

}

@media(max-width: 1350px) {
	.read-more-button-background {
	width:126px;
	line-height:36px;
    }
	.read-more-button-text {
	font-size:13.5px;
    }
	.main-slider-title {
		font-size: 27px;
	}
	.main-slider-caption {
		font-size:13.5px;
		margin-top:18px;
	}
		.better-off-knowing {
		margin-top: -13.10%;
		padding-bottom: 4.10%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.10%;
	}

}

@media(max-width: 1275px) {
	.read-more-button-background {
	width:119px;
	line-height:34px;
    }
	.read-more-button-text {
	font-size:12.75px;
    }
	.main-slider-title {
		font-size: 25.5px;
	}
	.main-slider-caption {
		font-size:12.75px;
		margin-top:17px;
	}
	.better-off-knowing {
		margin-top: -13.15%;
		padding-bottom: 4.05%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.15%;
	}

}


@media(max-width: 1200px) {
	.read-more-button-background {
	width:112px;
	line-height:32px;
    }
	.read-more-button-text {
	font-size:12px;
    }
	.main-slider-title {
		font-size: 24px;
	}
	.main-slider-caption {
		font-size:12px;
		margin-top:16px;
	}
	.better-off-knowing {
		margin-top: -13.20%;
		padding-bottom: 4%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.20%;
	}

}

@media(max-width: 1125px) {
	.read-more-button-background {
	width:105px;
	line-height:30px;
    }
	.read-more-button-text {
	font-size:11.25px;
    }
	.main-slider-title {
		font-size: 22.5px;
	}
	.main-slider-caption {
		font-size:11.25px;
		margin-top:15px;
	}
	.better-off-knowing {
		margin-top: -13.25%;
		padding-bottom: 3.95%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.25%;
	}

}

@media(max-width: 1050px) {
	.read-more-button-background {
	width:98px;
	line-height:28px;
    }
	.read-more-button-text {
	font-size:10.5px;
    }
	.main-slider-title {
		font-size: 21px;
	}
	.main-slider-caption {
		font-size:10.5px;
		margin-top:14px;
	}
	.better-off-knowing {
		margin-top: -13.30%;
		padding-bottom: 3.90%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.30%;
	}

}

@media(max-width: 975px) {
	.read-more-button-background {
	width:91px;
	line-height:26px;
    }
	.read-more-button-text {
	font-size:9.75px;
    }
	.main-slider-title {
		font-size: 19.5px;
	}
	.main-slider-caption {
		font-size:9.75px;
		margin-top:13px;
	}
	.better-off-knowing {
		margin-top: -13.35%;
		padding-bottom: 3.85%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.35%;
	}

}

@media(max-width: 900px) {
	.read-more-button-background {
	width:84px;
	line-height:24px;
    }
	.read-more-button-text {
	font-size:9px;
    }
	.main-slider-title {
		font-size: 18px;
	}
	.main-slider-caption {
		font-size:9px;
		margin-top:12px;
	}
	.better-off-knowing {
		margin-top: -13.40%;
		padding-bottom: 3.80%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.40%;
	}

}

@media(max-width: 825px) {
	.read-more-button-background {
	width:77px;
	line-height:22px;
    }
	.read-more-button-text {
	font-size:8.25px;
    }
	.main-slider-title {
		font-size: 16.5px;
	}
	.main-slider-caption {
		font-size:8.25px;
		margin-top:11px;
	}
	.better-off-knowing {
		margin-top: -13.45%;
		padding-bottom: 3.75%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.45%;
	}

}

@media(max-width: 750px) {
	.read-more-button-background {
	width:70px;
	line-height:20px;
    }
	.read-more-button-text {
	font-size:7.5px;
    }
	.main-slider-title {
		font-size: 15px;
	}
	.main-slider-caption {
		font-size:7.5px;
		margin-top:10px;
	}
	.better-off-knowing {
		margin-top: -13.50%;
		padding-bottom: 3.70%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.50%;
	}

}

@media(max-width: 675px) {
	.read-more-button-background {
	width:63px;
	line-height:18px;
    }
	.read-more-button-text {
	font-size:6.75px;
    }
	.main-slider-title {
		font-size: 13.5px;
	}
	.main-slider-caption {
		font-size:6.75px;;
		margin-top:9px;
	}
	.better-off-knowing {
		margin-top: -13.55%;
		padding-bottom: 3.65%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.55%;
	}

}

@media(max-width: 600px) {
	.read-more-button-background {
	width:56px;
	line-height:16px;
    }
	.read-more-button-text {
	font-size:6px;
    }
	.main-slider-title {
		font-size: 12px;
	}
	.main-slider-caption {
		font-size:6px;
		margin-top:8px;
	}
	.better-off-knowing {
		margin-top: -13.60%;
		padding-bottom: 3.60%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.60%;
	}

}

@media(max-width: 525px) {
	.read-more-button-background {
	width:49px;
	line-height:14px;
    }
	.read-more-button-text {
	font-size:5.25px;
    }
	.main-slider-title {
		font-size: 10.5px;
	}
	.main-slider-caption {
		font-size:5.25px;
		margin-top:7px;
	}
	.better-off-knowing {
		margin-top: -13.65%;
		padding-bottom: 3.55%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.65%;
	}

}

@media(max-width: 450px) {
	.read-more-button-background {
	width:42px;
	line-height:12px;
    }
	.read-more-button-text {
	font-size:4.50px;
    }
	.main-slider-title {
		font-size: 9px;
	}
	.main-slider-caption {
		font-size:4.50px;
		margin-top:6px;
	}
	.better-off-knowing {
		margin-top: -13.70%;
		padding-bottom: 3.50%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.70%;
	}

}

@media(max-width: 375px) {
	.read-more-button-background {
	width:35px;
	line-height:10px;
    }
	.read-more-button-text {
	font-size:3.75px;
    }
	.main-slider-title {
		font-size: 7.5px;
	}
	.main-slider-caption {
		font-size:3.75px;
		margin-top:5px;
	}
	.better-off-knowing {
		margin-top: -13.75%;
		padding-bottom: 3.45%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.75%;
	}

}

@media(max-width: 300px) {
	.read-more-button-background {
	width:28px;
	line-height:8px;
    }
	.read-more-button-text {
	font-size:3px;
    }
	.main-slider-title {
		font-size: 6px;
	}
	.main-slider-caption {
		font-size:3px;
		margin-top:4px;
	}
	.better-off-knowing {
		margin-top: -13.80%;
		padding-bottom: 3.40%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.80%;
	}

}
@media(max-width: 225px) {
	.read-more-button-background {
	width:21px;
	line-height:6px;
    }
	.read-more-button-text {
	font-size:2.25px;
    }
	.main-slider-title {
		font-size: 4.5px;
	}
	.main-slider-caption {
		font-size:2.25px;
		margin-top:3px;
	}
	.better-off-knowing {
		margin-top: -13.85%;
		padding-bottom: 3.35%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.85%;
	}

}

@media(max-width: 150px) {
	.read-more-button-background {
	width:14px;
	line-height:4px;
    }
	.read-more-button-text {
	font-size:1.5px;
    }
	.main-slider-title {
		font-size: 3px;
	}
	.main-slider-caption {
		font-size:1.5px;
		margin-top:2px;
	}
	.better-off-knowing {
		margin-top: -13.90%;
	}
	.CCMDD {
	margin-top: -20%;
	}
	.district-health-barometer {
	margin-top: -12.90%;
	}

}

@media(max-width: 75px) {
	.read-more-button-background {
	width:7px;
	line-height:2px;
    }
	.read-more-button-text {
	font-size:0.75px;
    }
	.main-slider-title {
		font-size: 1.5px;
	}
	.main-slider-caption {
		font-size:0.75px;
		margin-top:1px;
	}
	.better-off-knowing {
		margin-top: -13.95%;
	}
	.CCMDD {
	margin-top: -14.95%;
	}
	.district-health-barometer {
	margin-top: -12.95%;
	}

}


/*---Flex Slider Our Impact Banner---*/


#OurImpact .flexslider {
border:0px !important;
border-bottom:	0px !important; 
margin-bottom:0px;
}


/*--------------Flex Slider Our History Banner -------*/

.HistorySliderText {
	margin-left:35%
}

#OurHistory .flexslider {
border:0px !important;
border-bottom:	0px !important;
background-color:#f99f1e !important;
margin:0px !important;
}


/*-------------- Report Fraud Form -------*/

#ReportFraudForm .ms-rtefield {
	border:1px solid silver !important;
	margin-top:10px !important;
	width:75% !important;
}

/*-------------- SAHR Page Layout  -------*/
#AllSAHR {
	padding: 1%;
    background-color: #12335c;
    width: 20%;
    text-align: center;
    font-weight: bold;
    margin-bottom:1% !important;
}

#AllSAHR a:link {
	color:#fff !important;
}

#AllSAHR a:visited {
	color:#fff !important;
}


#SAHRLeft {
	width:49%;
	float:left;
}

#SAHRLeft H1 {
	padding-left:10px !important;		
	color:#fff !important;
	background-color:#A40602 !important;
}

#SAHRRight {
	width:49%;
	float:right;
}

#SAHRRight H1 {
	padding-left:10px !important;	
	color:#12335c  !important;
	background-color:#f99f1e !important;
}

#SAHRRightMid {
	background-color:white!important;
	
}

#SAHRRightMid H1 {
padding-left:10px !important;
padding-bottom:5px !important;
color:#12335c  !important;
background-color:#fff !important;
}

#SAHRBottom H1 {
padding-left:10px !important;	
color:#fff !important;
background-color:#A40602 !important;
}
#SAHRBottom {

}

#PublicationsBG {
	padding:20px 10px 10px 10px !important;
	background-color: #dddedf !important;
}

.subscribe-box {
	/*background-color:#d5d5d5;*/
	width: 90%;
	display:block;
	padding: 25px !important;
}

.subscribe-box .updates-email-icon {
	background-color: #fff !important;
	background-image:url('/Style Library/HST Website/envelope.png');
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 70px;
	width: 70px;
	position: relative;
	top: -15px;
	right: -10px;
	border-radius: 100px;
	float: right;
}

.ms-subscribe-table {
	width: 90%
	}
}

a.btn {
	padding: 10px !important; cursor:pointer;
}

a.btn.btn-subscribe {
	background-color:green; color:#ffffff !important; border: 0px; padding:10px; border-radius: 4px !important
}
a.btn.btn-subscribe:hover {
	background-color:#006a00; text-decoration: none !important
}

@media (max-width: 752px) {
	#SAHRLeft, #SAHRRight { float:none; }
	#SAHRLeft {
		width:100%;
	}
	
	#SAHRRight {
		width:100%;
	}
}
