/*@media print, screen and (min-width:64em)*/
.position-left.reveal-for-large {
    
    background-color: white;
}
body {
    
    background-color: rgba(240, 240, 240, 1);
   
}
.grid-container {
    
    min-height: 850px;
}
.rightBorder{
	border-right:2px solid black;
	padding-right:1rem;
}
.contentsNumber
{
    border: 0px;
    border-image: none;
    color: white;
    
    padding: .5rem;
    margin-right: 1rem;
}
.contentsSub {
    list-style-type: none;
    margin-left: 4em;
    margin-top: -0.5rem;
}
	
.maImageContainer {
	margin-bottom:2rem;
}
.bodyContainer .medium-6 {
    padding:.5rem;
}

@media screen and (max-width: 39.9375em) {
	.rightBorder{
	border-right:0 solid black;
	padding-right:0;
	}
}
hr {
	padding:0;
	margin-bottom:.25rem;
}
hr p {
		margin-top:0;
		padding:0;
	}
em {
	font-weight:700;
}
a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
a:hover, a:focus{
	border-bottom: 1px solid #981e32;
	color:#981e32;
}
.decorativePic {
    width: 56%;
    margin-top: -6rem;
    margin-left: -3rem;
}
.columnHeader {
	font-weight:700;
	text-transform: uppercase;
	font-size:1.25rem;
	margin-bottom:1rem;
}
.redbar {
	background-color:#ff0000;
}

.red {
	color:#b30000;
}
.orange {
	color:#C65306;
}

.forestGreen {
	color:#275807;
}
.purple {
	color:#6600cc;
}
.brightGreen {
	color:#138302;
}
.brown {
	color:#800000;
}
.brightBlue{
	color:#007AA3;
}
.black {
	color:#000000;
}
.darkBlack {
	color:070707
}
.green {
	color:#367a1f;
}
.breadcrumbs a{
	font-size:.6rem;
}
.breadcrumbs li:not(:last-child)::after {
    margin: 0 .35rem;
}
div#navigation_wrapper {
   width: 100%;
   background-color: orange; 
   opacity:0.8;
 }

#prev-button, #next-button  {
    background-color: #4caf50;
    color: #ffffff;
    padding:.5rem;
}

#prev-button {
    float:left;
	margin-left: -5rem;
}
@media screen and (max-width: 39.9375em) {
	#prev-button {
	   displaY:none;
	}
}
#next-button {
    float:right;
	margin-right: -5rem;
}
@media screen and (max-width: 39.9375em) {
	#next-button {
	   displaY:none;
	}
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	 body {
		 	background-color: white;
		}
	.decorativePic {
		display:none;
	}
}
.bodyContainer {
	    margin-right: 2rem;
    margin-left: 2rem;

}
.bodyContainer div.medium-8, body > main > div > div > div.cell.medium-8 {
	border-right: 2px solid #c6c6c6;
}
 ol, ul {
	margin-left:2rem;
	line-height:1.4;
	
}
ul {
	list-style-type:disc;
}
.breadcrumbs ul li {
	list-style-type:none;
}
img {
	width:100%;
}

main {
    width: 70%;
    margin: 0 auto;
    background-color: white;
		min-height: 950px;
}
@media screen and (max-width: 39.9375em) {
	main {
    	width: 100%;
			min-height: auto;
	}
}
.bannerImage {
	width:100%;
}
@media screen and (max-width: 39.9375em) {
	.bannerImage {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}
h1 {
    font-family: "Arial Black","Arial Bold",Gadget,sans-serif;
    font-weight: 900;
    font-size: 5rem;
    color: #808080;
}
@media screen and (max-width: 39.9375em) {
h1 {
    font-family: "Arial Black","Arial Bold",Gadget,sans-serif;
    font-weight: 900;
    font-size: 3.5rem;
    color: #808080;
    margin: 1rem 0;
    padding-right: 1rem;
	}
}
.homepageSubhead {
    font-family: "Calibri,sans-serif;
    font-weight: 400;
    font-size: 2rem;
    color: #808080;
	text-transform: uppercase;
}
@media screen and (max-width: 39.9375em) {
.homepageSubhead {
    font-size: 1.75rem;
	}
}
.Header2 {
	font-size: 1.25rem; 
	font-weight:700;
	text-transform: uppercase;
}
.contentsHeader
 {
	font-size: 1.25rem; 
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:2rem;
}
.tableHeader {
	color:white;
	padding:.25rem;
	margin:0;
}
h3 {
	font-size:1.1rem;
	font-weight:700;
}
.homepageFooter {
    background-color: rgba(204, 204, 204, 1);
    height: 2rem;
    padding: 0;
    width: 104%;
    margin: 10rem 0 0 -1rem;
    position: relative;
}
  #dieticitan     {
      width:50%;
  }
@media screen and (max-width: 39.9375em) {
.homepageFooter {
		width: 100%;
	   margin: 10rem 0 0 0;
	
	}
}

.footerImage {
	width:350px; 
	height:100%;
	margin:0;
	position:absolute;
}

@media screen and (max-width: 39.9375em) {
	.footerImage {
		width: 100%;
		height: auto;
		margin: 0;
		left: 0px;
		position: absolute;
		top:0;
	}
}

/* Content Page styles */


.bodyContainer .contentPageHeader {
    margin-top: -5rem;
    margin-left: -5rem;
    width: 114%;
}

@media screen and (max-width: 39.9375em) {
.bodyContainer .contentPageHeader {
   	margin: -2rem 0 2rem -1rem;
    width: 106%;
	height:auto;
	}
}
.contentPageHeader, .inlineHeader {
    height: 3rem;
    padding: .5rem 5rem 2rem 5rem;
    width: 104%;
    margin: 0 0 2rem -1.5rem;
    color: white;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: Calibri;
}



@media screen and (max-width: 39.9375em) {
.contentPageHeader {
		width: 100%;
	   margin: 0 0;
	
	}
.pageNumber {
		display:none;
	}
}


/*PRINT STYLES*/
@media print {
	@page {
		size: landscape;
	}
  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }
main, .bodyContainer {
		width:100%;
		margin:0;
		padding:0;
	}
	.grid-container {
		margin-top:1rem;
	}
	.contentsHeader
 {
	margin-top:-4rem;
	 margin-bottom:0;
}
	a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}
	.breadcrumbs {
		display:none;
	}
	p, a {
		font-size:12px;
		line-height:1;
		padding: 0 auto;
		margin:0;
	}
	ul, ol, li {
		line-height:1;
	}
	.contentsNumber {
		margin:1rem .25rem .5rem 0;	
	}
	.contentsSub a {
		margin-top:.5rem;	
	}
	
	.chapterHeader {
		margin: 1rem 0 1rem 0;
	}
	.chapterHeader:first-of-type {
		margin:-1rem 0 1rem 0;
	}
	.contentPageHeader, .inlineHeader {
		padding: 0 0 0 3rem ;
		margin:0;
	}
	.Header2 {
		margin: .5rem 0 .25rem 0;
	}
	.decorativePic {
    width: 50%;
    margin:0;
}
	
}
 