/* body */
	#s4-bodyContainer {padding-bottom: 0px;}
/* Header Style */
	#s4-titlerow {padding-bottom: 0px; padding-top: 0px; height: auto; margin-bottom: 0px;}


/* #leftnav .ms-KFButton {
	background-color: #333; color: #fff; padding: 5px; border: 0px;
}
#leftnav .ms-KFButton:hover {
	background-color: #33588b;}
*/
	
/*Search */
	#SearchBox{line-height: inherit !important;}
	.ms-srch-sb-border, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {border: 0px;}
	.ms-srch-sb > .ms-srch-sb-searchLink {margin-left: 0px;}
	.ms-srch-sb {margin-top: 2px; background-color: white;}
	.ms-srch-sb > input {height: 22px; padding: 3px !important; width: 180px; color: #939598; font-size: 12px; font-family: inherit !important;}

/* Mobile Nav */
/*mobile navigation */
/* under #mobile-menu */
/* adding negative margins because of container padding */
	#mobile-menu nav {margin-left: -10px; margin-right: -10px;}
	nav .navbar-collapse {padding-left: 0px; padding-right: 0px;}
	/* making sure the color is correct */
	#mobile-menu nav li a {color: #fff; font-weight: normal;}
/* under #mobileNavBar div ID */
	#mobileNavBar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {background-image: none; padding-right: 0px;} 
	#mobileNavBar .ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background {background-image: none;}
	#mobileNavBar .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {border: 0px solid transparent; margin-right: 0px;}
	#mobileNavBar .ms-core-listMenu-horizontalBox li.static > ul > li > ul > li > a:hover {text-decoration: none;}

	#mobileNavBar ul.dynamic {display:block; width: 100% !important; box-shadow: none;} /* keep important here because it fixes the hover off width issue */
	#mobileNavBar li.static, #mobileNavBar li.dynamic {float: left; width: 100% !important; padding: 0px;}
	/* added next two lines 9-18-15 */
	#mobileNavBar li.dynamic {float: none;}
	#mobileNavBar li.hover ul.dynamic {position: static !important; float: none !important; z-index:auto !important;}
	#mobileNavBar li.hover {display: block; width: 100%; height: auto;}
	#mobileNavBar li.hover-off > ul.dynamic, #mobileNavBar li.hover-off > ul.dynamic > ul.dynamic {position: static !important;}
	
/* adding the bg images to the mobile menu - up and down arrows */
	#mobile-menu.cdfi-nav ul.ms-core-listMenu-root > li.dynamic-children > a,
	#mobile-menu.cdfi-nav ul.ms-core-listMenu-root > li.dynamic-children > ul > li.dynamic-children > a {background-position: right -50px;}

	#mobile-menu.cdfi-nav ul.ms-core-listMenu-root > li.dynamic-children > a:hover,
	#mobile-menu.cdfi-nav ul.ms-core-listMenu-root > li.dynamic-children > ul > li.dynamic-children > a:hover {background-position: right -100px;}
	

/* for testing
	#mobileNavBar ul.dynamic {position: relative !important; top: 0px !important; left: 0px !important; width: 100% !important; text-align: left !important;}  

*/
/* when you are done w testing */
	#mobileNavBar li.hover-off ul.dynamic {position: relative; top: 0px !important; left: 0px !important; width: 100% !important; text-align: left !imnportant;}


/****/
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover, 
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, 
	a.ms-tv-item:hover, a.ms-tv-header:hover {background-color: transparent; color: #fff;}

/* Full Width and tablet Navigation */

/* reverting some core css settings */
	#main-navbar .ms-core-listMenu-horizontalBox {display: block;}
	#main-navbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background,
	#main-navbar .ms-core-listMenu-horizontalBox .dynamic .additional-background.dynamic-children {background-image: none; padding-right: 0px;}
	#main-navbar .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {margin-right: 0px;}

/* making sure the links stay the blue color when you hover to the sub navigation */
	#main-navbar .ms-core-listMenu-horizontalBox li.static > a:hover, 
	#main-navbar .ms-core-listMenu-horizontalBox li.static > a.ms-core-listMenu-selected:hover {color: #33588b;}

/* making sure that the drop down menus have white font color on hover */
	#main-navbar .ms-core-listMenu-root > li > li.dynamic > a.ms-core-listMenu-item {color: #fff !important;}

/* highlight the parent nav in the second li */			
	#main-navbar .ms-core-listMenu-root > li > ul > li.hover {background-color: #406598;} 

/* dont want the first li text to wrap - some menu items are too skinny */	
	#main-navbar ul.dynamic:first-child {word-wrap: normal !important; white-space:nowrap !important;}
/* we do want the second li text to wrap - some menu items are too long */	
	#main-navbar ul.dynamic > ul.dynamic {white-space: normal !important; word-wrap: break-word !important;}
/* dont want the shadow for the ul and I want a min width so they all look similar */	
	#main-navbar ul.dynamic {min-width: 200px; box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0);}
	
/* used for testing
	#main-navbar ul.dynamic {position: relative !important; top: 0px !important; left: 0px !important; text-align: left;}
*/
	
/*Edit Mode */
	.pagetitle h1 .ms-formfieldlabelcontainer {color: #777; font-weight: normal; margin: 0 0 3px; text-align: left;}
	.pagetitle h1 .ms-formfieldvaluecontainer {border: 1px solid #c6c6c6; margin: 0 0 4px; padding: 5px;}
	.ms-core-form-bottomButtonBox input[type="button"] {margin-left: 6px;}

/* Mobile Search Bar */
#main-searchbar #SearchBox, #main-searchbar .ms-srch-sbLarge {width: 100%;}
#main-searchbar .ms-srch-sbLarge-fullWidth {width: 90%;}
#main-searchbar .ms-srch-sbLarge > input {font-size: 12px; margin: 0px; padding: 5px; vertical-align: middle; border: 1px solid #cdcdcd !important; color: #939598;}
#main-searchbar a.ms-srch-sb-searchLink {margin: 5px 0px 0px 0px;}
#main-searchbar .ms-textLarge {font-family: Helvetica,Arial,sans-serif;}

/* Home Page */
#blog-section .cbs-Slideshow, 
#blog-section .cbs-largePictureContainer, 
#blog-section .cbs-largePictureImageContainer {width: auto;}
#blog-section .cbs-Slideshow {max-height: 100% !important; height: auto;}
#blog-section .cbs-SlideshowPagingBar, 
#blog-section .cbs-SlideshowPagingBarOverlay {height: 0px;}
.cdfi-main .view-all-w-title {top: -35px;}

/* Program Page */
#cdfi-rightcol.img-responsive div div img {display: block; height: auto; max-width: 100%;}
#cdfi-rightcol.img-responsive div div img {margin-top: 80px; margin-bottom : 20px;}

/* Blog Section */
#blog-section h2.ms-webpart-titleText {
	margin-bottom: 0px !important;
}
/* Fixing mobile view for the impact button */
.ms-rtestate-field .btn {
	white-space:normal;
}
/* Table Header */
.tableHeader {
	background-color: #33588b;
}  

.tableHeading {
	color:white;	
}