/***********************************************
     *
     *  Table of Contents from magazines
     *
     ***********************************************/
         
         /******************************
          * @imports
          ******************************/
          
			/* null */
			
         /******************************
          * styles
          ******************************/
          
			.byLine
			{
				font-style: italic;
			}

			.cm_contentWrapper
			{
				font-size: 11px;
			}

			.cm_contentWrapper a:active, .cm_contentWrapper a:link, .cm_contentWrapper a:visited
			{
				font-size: 1em;
				text-decoration: none;
			}

			.cm_contentWrapper a:hover
			{
				text-decoration: underline;
			}

			.cm_contentWrapper p
			{
				font-style: normal;
				margin: 0;
			}

			.content div.cm_contentWrapper
			{
				width: 100%;
			}

			#contentLeft td.content .cm_bottomRightColumn ul
			{
				padding-left: 0;
			}

			#contentLeft .cm_bottomRightColumn ul li
			{
				font-size: 1.4em;
				list-style-type: none;
				margin: 3px 0 0 0;
				padding: 0 0 0 12px
			}

				.cm_primaryContent
				{
					width: 100%;
				}
				
					.cm_TOCphoto
					{
						float: left;
						width: 235px;
					}
					
					.cm_digitalEditionButton
					{
						color: white;
						font-weight: 800;
						margin: 0 auto;
						padding: 6px 0;
						text-align: center;
						width: 215px;
					}
					
					div.cm_digitalEditionButton a:active,
					div.cm_digitalEditionButton a:link,
					div.cm_digitalEditionButton a:visited
					{
						color: white;
						font-size: 1.2em;
						padding: 6px 19px;
						text-decoration: none;
					}
					
					.cm_digitalEditionButton a:hover
					{
						text-decoration: underline;
					}
					
					.cm_primaryBottomContent
					{
						clear: both;
						padding: 0px 5px 5px 10px;
					}
					
				.cm_secondaryContent
				{
					font-style: italic;
					width: 100%;
				}
				
					.cm_bottomLeftColumn
					{
						float: left;
						padding: 10px;
						width: 277px;
					}
					
						div.cm_bottomLeftColumn div ul.bullet	/* important, beacuse must overide legacy.css, which uses an id instead of a class */
						{
							padding: 0 !important;
						}
						
							div.cm_bottomLeftColumn div ul.bullet li	/* important, beacuse must overide legacy.css, which uses an id instead of a class */
							{
								list-style-type: none;
								margin: 0 !important;
								padding: 1px 0 1px 13px !important;
							}
					
					.cm_bottomRightColumn
					{
						float: right;
						padding: 10px;
						width: 277px;
					}

					.cm_TOCtopContent
					{
						float: right;
						font-style: italic;
						width: 350px;
					}
					
						.cm_TOCtopContent ul li,
						.cm_secondaryContent ul li
						{
							font-size: 1.5em;
							font-style: normal;
						}

						.cm_TOCtopContent h3,
						.cm_primaryBottomContent h3,
						.cm_secondaryContent h3
						{
							font-size: 1.3em;
							font-style: normal;
							font-weight: 800;
							padding: 10px 0 5px 0;
							text-transform: uppercase;
						}
						
						.cm_TOCtopContent h4,
						.cm_primaryBottomContent h4,
						.cm_secondaryContent h4
						{
							font-style: normal;
						}
						
							.cm_eyeBrow
							{
								font-size: 0.8em;
								font-style: normal;
							}
						
						.cm_TOCtopContent h5,
						.cm_primaryBottomContent h5,
						.cm_secondaryContent h5
						{
							font-size: 1.2em;
							font-style: normal;
							font-weight: 800;
							padding: 0;
						}
						
						.cm_secondaryContent h5
						{
							font-size: 1.1em;
						}
						
						.cm_TOCtopContent h6,
						.cm_primaryBottomContent h6,
						.cm_secondaryContent h6
						{
							font-style: normal;
						}