/*----- START TOC ----

	Section 9 - Tablet Styles >= 768
	Section 10 - Desktop >= 992
---- END TOC -----*/


/*-----
	Section 9 - Tablet Styles >= 768
	-----*/
@media (max-width: 991px) {
	secondaryNavMobile	{
		width: 100%;
		padding:0;
	}
	
	div.maxWidth	{
		width: 100%;
	}
	div#mobileMenu {
		font-size: 18px;
		font-family: 'PFDinTextPro-Regular', arial, san-serif;
		cursor: pointer;
		font-size: 18px;
		background: #dbdbdc;
		overflow: visible;
		margin: -0px -30px 0px -15px;
		padding:0;
	}
	div#mobileMenu span.title {
		display: block;
		float: left;
		padding: 9px 0 9px 50px;
		background-size: 29px auto;
		background: #dbdbdc 16px center no-repeat url(images/hamburger-icon.png);
		background-size: 22px auto;
	}
	.navbar-nav > li	{
		float:none;
	}
	div#mobileMenu ul li	{
		border-bottom: solid 1px #959696;
		background: right 21px no-repeat url(images/mobile-menu-arrow.png);
		background-size: 29px auto;
		background-color:#d4d4d4;
		padding:0;
	}
	div#mobileMenu ul li.topsection {
		margin-bottom:15px;
	}
	div#mobileMenu li > a	{
		background-color:#ececed;
	}
	div#mobileMenu span.indicator {
		display: block;
		float: right;
		background: right 15px no-repeat url(images/plus-minus-Lg.png);
		background-size: 29px auto;
		height: 45px;
		width: 45px;
		border-left: #aeaeb0 solid 1px;
	}
					 
	mobileMenu	{
		padding:0;
		width:100%;
		margin: 0px 0px 0px 0px;
	}
	div#mobileMenu ul li > a {
	color: #2e2e2e;
	text-transform: uppercase;
	display: block;
	font-size: 16px;
	padding: 15px 30px;
	background-color:#ececed;
	width:100%
}
	div#mobileMenu ul li.current a{
	font-weight:bold;
}
	div#mobileMenu ul li > a:hover {
		background-color:#999;
		color:#FFF;
		}
	div#mobileMenu ul	{
		width:100%;
		margin:0;
	}
	
	div.subMenu {
		background: #d4d4d4 !important;
	}
	div.subMenu a {
		display: block;
	}
	
	header#masthead ul li	{
		border-bottom: solid 1px #959696;
		background: right 21px no-repeat url(images/mobile-menu-arrow.png);
		background-size: 29px auto;
		background-color:#d4d4d4;
	}
	header#masthead ul li > a	{
		margin-right:48px;
		border-right:1px solid #959696;
		background-color:#ececed;
	}
	header#masthead div.subMenu div.row > div.menusection {
	padding-top: 15px;
	border-top: solid 1px #89898a;
}
	
	/*header#masthead ul li:hover  {
		background-position: right -81px;
	}*/
	header#masthead ul li.expanded  {
		background-position: right -81px;
	}
	.navbar-toggle {
		display:block !important;
	}
}

	
@media (min-width: 768px) and (max-width: 991px) {
	/*override bootstrap */
	div.quickNav {
		margin-top:-40px;
	}
	/*p	{
		font-size:1.5em;
	}	*/
	div.secondaryNavMobile	{
		margin-top:-25px;
	}
	
	/* div.centerColumn	{
		width: 64%;
	} */
	/* div.rightColumn	{
		width: 32%;
	} */
	button#additionalnavbutton	{
		margin-top:15px;
	}
	div.intro button#additionalnavbutton	{
		margin-top:35px;
	}
	
	div#topmenu ul.navbar-nav	{
		float:none !important;
	}
	header#masthead .navbar-nav	{
		margin:0;
	}
	
	div.navbar-collapse.collapse	{
		display:none !important;
	}
	div.navbar-collapse.collapse.in	{
		display:block !important;
		margin:0;
		padding:0;
	}
	header#masthead button.navbar-toggle	{
		margin:10px 35px 0px 0px;
	}
	.navbar-header 	{
		float:none;
	}
	div.leftColumn {
		width:auto;
	}

	mobileMenu {
		display:block;
	}
	#additionalnavbutton	{
		display:block;
	}
	div#mobileMenu span.title {
		display: block;
		float: left;
		padding: 9px 0 9px 50px;
		background-size: 29px auto;
		background: #dbdbdc 16px center no-repeat url(images/hamburger-icon.png);
		background-size: 22px auto;
	}
	div.expanded ul {
		display: block;
		border-top: solid 1px #d3d2d2;
	}
	div.secondaryNavTitle {
		overflow: hidden;
		display: none;
	}
/*	div.secondaryNavTitleMobile {
		overflow: hidden;
		display: none;
	}
	div.expanded div.secondaryNavTitle {
		display: block;
	}
	div.expanded div.secondaryNavTitleMobile {
		display: block;
	}
	div.secondaryNavTitle a {
		display: block;
		padding: 9px 0 9px 16px;
		color: #2e2e2e;
		font-size: 18px;
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
	}
	div.secondaryNavTitleMobile a {
		display: block;
		padding: 9px 0 9px 16px;
		color: #2e2e2e;
		font-size: 18px;
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
	}
	.expanded div.mobileMenu span.indicator {
		background-position: right -91px
	}
	div.expanded ul li.current {
		display: block;
	}
	mobileMenu ul {
		top: 90px;
	}
	mobileMenu ul li {
		cursor: pointer;
	}
	mobileMenu ul li {
		display: block;
		border-bottom: solid 1px #d3d2d2;
	}
	div.singleLevel ul li a {
		border-right: none !important;
	}
	mobileMenu ul li.current {
		background: right -91px no-repeat url(images/plus-minus-Lg.png);
		background-size: 29px auto;
	}
	mobileMenu ul li a {
		display: block;
		padding: 9px 15px 9px 25px;
		border-right: solid 1px #aeaeb0;
	}
	mobileMenu ul.currentLevel > li > a {
		margin-right: 0;
		border-width: 0;
	}
	mobileMenu ul.currentLevel > li {
		background-position: right 15px;
	}
	mobileMenu ul.currentLevel > li.current {
		background-position: right 15px;
	}
	mobileMenu ul li.current > a {
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
		color: #2e2e2e;
		margin-right: 44px;
		border-width: 1px;
	}
	mobileMenu ul ul {
		border-color: #cac9ca;
	}
	mobileMenu ul li li {
		background-image: none;
		background: #f4f4f4 no-repeat url(images/plus-minus-Lg.png);
		background-position: right top;
		background-size: 29px auto;
	}
	mobileMenu ul li li.expanded {
		background-position: right -91px;
	}
	mobileMenu ul li li.collapsed {
		background-color:#ff0000;
		background-position: right top;;
	}
	mobileMenu ul li.expanded {
		background-position: right -91px;
	}
	mobileMenu ul li.collapsed {
		background-color:#0F0;
		background-position: right -15px;;
	}
	mobileMenu ul li.lowestLevel {
		display: block;
		background-image: none !important;
	}
	mobileMenu ul li.lowestLevel a {
		margin-right: 0;
	}
	mobileMenu ul.currentLevel > li ul {
		display: none;
	}
	mobileMenu ul.currentLevel > li {
		display: block;
		border-bottom: solid 1px #cac9ca;
	}

	mobileMenu > ul.currentLevel > li {
		border-bottom: solid 1px #d3d2d2;
	}
	mobileMenu ul li ul.currentLevel > li {
		border-bottom: solid 1px #cac9ca;
	}
	mobileMenu ul li li ul.currentLevel > li {
		border-bottom: solid 1px #c5c5c5;
	}
	mobileMenu ul li li li ul.currentLevel > li {
		border-bottom: solid 1px #bcbbbc;
	}
	mobileMenu ul li li li li ul.currentLevel > li {
		border-bottom: solid 1px #aeadae;
	}
*/
	div.secondaryNav {
		display:none;
	}
}
	
@media (min-width: 768px) {
/*		mobileMenu {
		display:block;
	}*/
	
	h1 {
		font-size: 40px;
		color: #ffffff;
		padding-bottom: 10px;
	}
	h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 19px;
	}
	h5 {
		font-size: 17px;
	}
	h6 {
		font-size: 12px;
	}
	/*p {
		font-size: 14px;
	}*/
	h2.intro {
		font-size: 24px;
		line-height: 1.2;
	}
	tr td {
		font-size: 14px;
	}
	ul li {
		background: 20px -37px no-repeat url(images/bullet-red.png);
		padding-left: 35px;
		/*font-size: 14px;*/
	}
/*	blockquote {
		padding: 20px 0 0 0;
		margin: 25px 30px 25px 30px;
	}
	blockquote p {
		font-size: 18px;
	}*/
	blockquote ul li {
		font-size: 18px;
		margin-bottom: 6px;
	}
	blockquote ol li {
		font-size: 18px;
		margin-bottom: 6px;
	}

	/*-----
		header#masthead
		-----*/
	div.fixedWrapper {
		position: fixed;
		width: 100%;
		z-index: 100;
		background: #fff;
		border-bottom: solid 1px #d1d1d2;
	}
	header#masthead {
		position: relative;
		background: #fff;
	}
	header#masthead div.navbar-header {
		margin-right: 20px;
		padding: 10px 0 10px 15px;
	}
	div.search {
		top: 22px;
	}
	div.searchBox {

	}
	header#masthead div.navbar-collapse {
		padding: 22px 0 0 0;
		position: relative;
	}
	div.fixedSpacer {
		height: 70px;
	}
	body.searchEnabled div.fixedSpacer {
		height: 144px;
	}
	body.searchEnabled header#masthead ul li div.subMenu {
		top: 144px;
	}
/*	header#masthead div.subMenu div.row > div {
		border-bottom: none;
	}
	header#masthead div.subMenu h3 {
		font-size: 13px;
		padding-left: 20px;
	}
	header#masthead div.subMenu h4 {
		font-size: 12px;
		padding-left: 20px;
	}
	header#masthead div.subMenu h5 {
		display: block;
		font-size: 12px;
		padding-left: 20px;
		color: #231f20;
	}
	header#masthead div.subMenu img, 
	header#masthead div.subMenu hr {
		display: block;
	}
	header#masthead div.subMenu img {
		width: 80%;
		margin-left: 20px;
	}
	header#masthead div.subMenu hr {
		border-bottom: solid 1px #d9d9d9;
		margin: 0 5px 10px 20px;
		position: relative;
		top: -2px;
	}
*/	
	div.lightMasthead {
		margin-bottom: 40px;
	}
	div.lightMasthead div.intro {
		padding: 0 20px 10px 20px;
	}
	div.lightMasthead div.banner > div p {
		padding: 10px 15px;
		background: rgba(35, 31, 32, 0.45);
		/*background: rgba(35, 31, 32, 0.8);  changed from this to less obscure some photos kcc6, 8/10/15 */
		position: absolute;
		bottom: 0;
		right: 0;
		color: #fff;
		margin-bottom: 0;
	}
	div.lightMasthead div.indicator {
		display: block !important;
		position: absolute;
		top: auto !important;
		background-size: auto auto !important;
		bottom: 0;
		left: 30px;
		background: left top no-repeat url(images/indicator-beige.png);
		width: 23px !important;
		height: 12px;
		z-index: 12;
	}
	ul.quickNav {
		padding-top: 14px;
	}
	ul.quickNav li {
		font-size: 22px;
	}

	/*- Interior Masthead -*/
	div.interiorMasthead {
		margin-bottom: 25px;
	}
	div.interiorMasthead h1 {
		margin-top: 12px;
		padding-bottom: 15px;
	}
	div.interiorMasthead ul.breadCrumbs {
		display: block;
		padding-top: 15px;
		margin-bottom: 12px;
		margin-left: 0px;
	}
	div.interiorMasthead ul.breadCrumbs li {
		padding-left: 0;
		background: right 2px no-repeat url(images/breadcrumbSm.png);
		display: inline-block;
		font-size: 12px;
	}
	div.interiorMasthead ul.breadCrumbs li a {
		color: #605648;
		padding-left: 8px;
		padding-right: 14px;
	}
	div.interiorMasthead ul.breadCrumbs li:first-child a {
		padding-left: 0;
	}
	div.interiorMasthead ul.breadCrumbs li:last-child {
		background-image: none;
	}
	div.interiorMasthead ul.breadCrumbs li:last-child a {
		color: #2e2e2e;
    	font-family: 'PFDinTextPro-Bold';
	}
	
	/*-----
		Banner
		-----*/
	div.bannerWrapper {
		background: bottom center repeat-x url(images/bannerBg.png);
		margin-bottom: 40px;
		padding-bottom: 20px;
	}
	
	div.bannerHome div.banner {
		height: 390px;
		position: relative;
		margin-bottom: 20px;
	}
	div.bannerHome div.banner > div {
		position: absolute;
		top: 0;
		width: 100%;
		height: 390px;
		background-size: auto 390px;
	}
	div.bannerWrapper img.mobile {
		display: none;
	}
	div.bannerCopy {
		width: 600px;
		position: absolute;
		bottom: 40px;
		margin-left: 5px;
		padding: 25px 25px 20px 25px;
		background: rgba(35, 31, 32, 0.5);
	}
	div.bannerCopy h2 {
		font-size: 22px;
		margin-bottom: 5px;
		color: #fff;
		font-family: 'PFDinTextPro-Regular', arial, san-serif;
	}
	div.bannerCopy h2 a {
		text-transform: uppercase;
		color: #fff;
	}
	div.bannerCopy h2 a:after {
		content: "";
	}
	div.bannerCopy h2 a:hover {
		color: #ddd;
		text-decoration: none;
	}
	div.bannerCopy h2 a span {
		font-size: 30px;
		line-height: .7;
		color: #fff;
	}
	div.bannerCopy p {
		color: #fff;
		font-size: 17px;
		margin-bottom: 5px;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	}
	div.thumbnails {
		margin-right: -15px;
		display: block;
		position: relative;
		padding-left: 7px;
	}
	div.thumbnails div.thumb {
		width: 20%;
		display: inline-block;
		margin-right: -4px;
		position: relative;
	}
	div.thumbnails div.thumb img {
		width: 90%;
		margin-right: 10%;
		cursor: pointer;
	}
	div.thumbnails div.thumb img:hover {
		box-shadow: 0 0 0 2px #DDD;
	}
	div.thumbnails div.thumb img.color {
		position: absolute;
		top: 0;
		left: 0;
	}
	div.thumbnails div.thumb img.color {
		display: none;
	}
	div.thumbnails div.thumb:last-child img {
		margin-right: 0;
	}
	div.pointer {
		background: left top no-repeat url(images/banner-arrow.png);
		width: 21px;
		height: 11px;
		display: block;
		position: absolute;
		top: -31px;
	}
	div.banner a.previousBtn,
	div.slideshow a.previousBtn {
		position: absolute;
		left: 0;
		top: 0;
		height: 20px;
		width: 75px;
		text-indent: -9000em;
		background: 15px center no-repeat url(images/prev-arrowLg.png);
	}
	div.banner a.nextBtn,
	div.slideshow a.nextBtn {
		position: absolute;
		right: 0;
		top: 0;
		width: 75px;
		height: 20px;
		text-indent: -9000em;
		background: right center no-repeat url(images/next-arrowLg.png);
	}
	div.banner a.previousBtn:hover, 
	div.slideshow a.previousBtn:hover {
		background-position: -85px center;
	}
	div.banner a.nextBtn:hover, 
	div.slideshow a.nextBtn:hover {
		background-position: 21px center;
	}
	div.bannerHome div.banner a.previousBtn,
	div.bannerHome div.banner a.nextBtn {
		display: none;
	}

	/*-----
		Content
		-----*/	
	div.mobileMenu {
		display: none;
	}
	div.secondaryNav {
		margin: 0 0 20px 0;
	}
	div.secondaryNavTitle {
		font-size: 18px;
		padding: 9px 35px 9px 25px;
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
		background: #dbdbdc right 17px no-repeat url(images/mobile-menu-arrow.png);
		background-size: 29px auto;
		cursor: pointer;
		display: block;
		/* width: 220px; */
		font-size: 15px;
	}
	div.secondaryNavTitleMobile {
		display:none
	}
	div.secondaryNavTitle a {
		color: #2e2e2e;
	}
	div.secondaryNav > ul {
		width: 220px;
		top: 39px;
	}
	div.secondaryNav > ul li {
		font-size: 15px;
	}
	div.secondaryNav > ul li a {
		border-bottom: solid 1px #d3d2d2;
	}
	div.secondaryNav ul li li a {
		border-bottom: solid 1px #cac9ca;
	}
	div.secondaryNav ul li li li a {
		border-bottom: solid 1px #c5c5c5;
	}
	div.secondaryNav ul li li li li a {
		border-bottom: solid 1px #bcbbbc;
	}
	div.secondaryNav ul li li li li li li a {
		border-bottom: solid 1px #aeadae;
	}
















	/*- Callout Box -*/
	/* div.calloutBox {
		min-height: 310px;
	}
	div.calloutBox h2 {
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	div.centerColumn div.calloutBox {
		width: 45%;
		float: right;
		margin: 0 0 25px 20px;
	} */
	
	ul.navList {
		padding-top: 30px;
	}
	ul.navList li {
		font-size: 22px;
	}
	ul.navList li a {
		padding: 7px 0 7px 0;
	}
	ul.navList li a span {
		font-size: 31px;
		line-height: 1;
	}
	div.news h4 {
		font-size: 16px;
	}
	div.news div.thumb img {
		width: 100%;
		margin-bottom: 0;
	} 
	div.news div.col-xs-8, 
	div.news div.noLeftMargin,
	div.news div.col-sm-7:last-child, 
	div.news div.col-sm-8, 
	div.news div.col-sm-9,
	div.news div.col-md-8 {
		padding-left: 0;
	}
	div.news p {
		font-size: 18px;
	}
/*	div.news p a span {
		font-size: 34px;
		line-height: .5;
		position: relative;
		top: 2px;
	}*/
	div.news div.row div.thumb {
		padding-bottom: 25px;
	}
	div.events h4 {
		font-size: 16px;
	}
	div.events div.thumb img {
		width: 100%;
		margin-bottom: 0;
	} 
	div.events div.col-xs-8, 
	div.events div.noLeftMargin,
	div.events div.col-sm-7:last-child, 
	div.events div.col-sm-8, 
	div.events div.col-sm-9,
	div.events div.col-md-8 {
		padding-left: 0;
	}
	div.events p {
		font-size: 18px;
	}
	div.events p a span {
		font-size: 34px;
		line-height: .5;
		position: relative;
		top: 2px;
	}
	div.events div.row div.thumb {
		padding-bottom: 25px;
	}
	div.imageWithCaption {
/*		width: 315px;
		margin: 0 0 25px 20px;
		float: right;
*/	}
	div.imageWithCaption p {
		font-size: 12px;
	}
	div.centerColumn div.news h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	div.news div.row div.sm-clear {
		clear: both;
		padding-left: 15px;
	}
	div.centerColumn div.events h3 {
		font-size: 19px;
		margin-bottom: 10px;
	}
	div.events div.row div.sm-clear {
		clear: both;
		padding-left: 15px;
	}
	
	/*-----
		Footer
		-----*/
	footer {
		margin-top: 45px;
	}
	footer h3 {
		font-size: 15px;
	}
	footer p {
		font-size: 15px;
	}
	footer p strong {
		font-family: 'PFDinTextPro-Regular', arial, san-serif;
		font-size: 15px;
	}
	footer ul li {
		font-size: 13px;
	}
	/*-----
		Social Footer
		-----*/
	/*#socialFooter div.followUs {
		padding: 5% 0 0 0;
	}*/
	#socialFooter div.makeAGift span span {
		font-size: 28px;
	}
	#socialFooter div.makeAGift span span.light {
		font-size: 20px;
	}
	#socialFooter div.makeAGift span span.subText {
		font-size: 11px;
		display: block;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  p	{
	font-size: 1.0em;
  }
}