#nav li.H a { background-position: -482px -120px; }

#pagecopy { margin-top: 0; }
#section { margin-bottom: 0; }
.navitem h1 { margin: 5px 0; }
.navitem h2 { margin: 10px 0; }

#HeaderBlock #NavHeader { padding-top: 0; }
div.two-cols {
	margin: 0;
	padding: 0;
	width: 100%;
}
div.two-cols div.column {
	margin-right: 0;
	width: 50% !important;
	padding: 10px;
	box-sizing: border-box;
}
.four-cols { border-bottom: none; margin-bottom: 0; }
.four-cols .column { padding-top: 10px; }

/* ICON SLIDE SHOW */
#IconSlideshow {
	position: relative;
	margin: 0 25px 0;
	width: 650px;
}

#IconSlideshow .navitem:hover { background-color: #fafafa; }

#ISelements { position: relative; width: 650px; }

#IconSlideshow ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#IconSlideshow ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#IconSlideshow ul li a.thm img {
	width: 100%;
	height: auto;
}
#IconSlideshow ul li h2,
#IconSlideshow ul li p {
	border: none;
	font-size: 0.688em;
	margin: 5px 0 0;
	text-align: center;
	width: 80px;
}

#ISscrollerLeft,
#ISscrollerRight {
	background: url(default/main-sprite.png) no-repeat -449px -131px scroll transparent;
	cursor: pointer;
	height: 40px;
	top: 30px !important;
	width: 12px;
}

#ISscrollerLeft { margin-left: -25px; }
#ISscrollerRight { background-position: -461px -131px; margin-right: -25px; }

/* SOCIAL MEDIA */
#aside .socialmedia_wrapper { margin: -585px 0 15px 20px; }


#article a.more-link:hover, 
#article a.back-link:hover { color: #fff; text-decoration: none; }

@media (max-width: 1024px) {
	#aside .socialmedia_wrapper { margin: -605px 0 15px 20px; }
}

#aside .socialmedia_wrapper .socialmedia { margin-bottom: 10px; }

#SidebarBlock {
	display: block;
	height: 500px;
	margin-top: 100px;
}

@media (max-width: 1024px) {
	#SidebarBlock { margin-top: 120px; }
}

#TabbedContentBlock {
	height: 340px;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
}

ul#NavTabbedContentNavigation {
	bottom: 5px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	width: 120px;
	z-index: 9999;
}

ul#NavTabbedContentNavigation li { float: left; }
ul#NavTabbedContentNavigation li a {
	background: url('default/storyviewer-li.png') 0px 0px no-repeat scroll transparent;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	width: 10px;
}

ul#NavTabbedContentNavigation li.active a { background-position: 0px -20px; }

ul#NavTabbedContentNavigation li a span {
	display: block;
	text-indent: -900px;
}

#tabbedContentPrevious,
#tabbedContentNext {
	display: none;
	height: 44px;
	margin-top: -42px;
	position: absolute;
	top: 50%;
	width: 57px;
	z-index: 9999;
}

#tabbedContentPrevious { left: 0; }
#tabbedContentNext { right: 0; }
#tabbedContentPrevious a,
#tabbedContentNext a {
	background: url('default/homepage-arrows.png') no-repeat 0px -300px scroll transparent;
	display: block;
	height: 44px;
	text-indent: -9000px;
	width: 57px;
}
		
#tabbedContentNext a { background-position: 0 -885px; }
#tabbedContentNext a:hover { background-position: 0 0; }
#tabbedContentPrevious a:hover { background-position: 0 -585px; }
#TabbedContentBlock .right {
	background: rgba(48, 59, 75, 0.7);
/*	background: url('default/homepage-storyviewer-bg.png') no-repeat 0px -0px scroll transparent; */
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#TabbedContentBlock h2 {
	float: left;
	margin-left: 8px;
	overflow: hidden;
	width: 35%;
}

#TabbedContentBlock .summary { float: right; overflow: hidden; width: 60%; }
#TabbedContentBlock .summary p { margin: 12px 0; overflow: hidden; }

#TabbedContentBlock .right * { color: #fff; }
#TabbedContentBlock .right .more-link { display: none; }

@media (max-width: 1024px) {
	#TabbedContentBlock { height: 300px; }
	#TabbedContentBlock a.image img {
		height: auto;
		width: 100%;
	}
	#TabbedContentBlock h2 {
		display: inline;
		width: auto;
	}
	#TabbedContentBlock .right {
	}
	#IconSlideshow { width: auto; }
	#ISelements { width: auto; }

	.two-cols { width: auto; }
	.two-cols img { width: 100%; }
	.two-cols .column {
		box-sizing: border-box;
		margin-right: 0;
		padding: 10px;
		width: 50%;
	}
	.two-cols .right { margin-right: 0; }

	/* Slider scroller */
	#IconSlideshow { margin: 0; }
	#IconSlideshow #ISelements { overflow: auto; -webkit-overflow-scrolling: touch; }
	#ISscrollerLeft, #ISscrollerRight { display: none !important; }
}

@media (max-width: 852px) {
	#pagecopy > .one-col > .navitem:first-child {
		display: none;
	}
	/* Tabbed Content Slider */
	#TabbedContentBlock {
		height: 340px;
		margin: 0 auto 20px;
		max-width: 700px;
		overflow: hidden;
	}
    #TabbedContentBlock .right {
    	background: rgba(48, 59, 76, 0.5);
    	border-radius: 0;
        box-shadow: none;
        height: auto;
        left: 0;
        padding: 0;
        top: 0;
        width: 100%;
    }
	#TabbedContentBlock .right h2,
	#TabbedContentBlock .right h2,
	#TabbedContentBlock .right .summary p { text-align: center; }
	#TabbedContentBlock .right h2 a { display: block; }
	#TabbedContentBlock .right .summary {
		box-sizing: border-box;
		padding: 0 1em;
	}
	#TabbedContentBlock .right .summary p:last-child,
	ul#NavTabbedContentNavigation { display: none; }
	#IconSlideshow ul li h2 {
		font-size: 1em;
		font-weight: normal;
	}
}

@media (max-width: 768px) {
	div.two-cols div.column {
		width: 49.25% !important;
		margin-right: 1.5%;
		padding: 0;
	}
	div.two-cols div.right {
		margin-right: 0;
	}
}
@media (max-width: 720px) {
	#TabbedContentBlock { height: 282px; }
	ul#NavTabbedContentNavigation { bottom: 5px; }
}

@media (max-width: 600px) {
	#TabbedContentBlock { height: 280px; }
	ul#NavTabbedContentNavigation { display: none; }

	.two-cols .column { margin-right: 2%; width: 49%; }
	.two-cols .column:last-child { margin-right: 0; }
}

@media (max-width: 560px) {
	#TabbedContentBlock { height: 260px; }
}

@media (max-width: 540px) {
	div.two-cols div.column {
		width: 49% !important;
		margin-right: 2%;
		padding: 0;
	}
}

@media (max-width: 520px) {
	#TabbedContentBlock { height: 240px; }
	#TabbedContentBlock .right h2 { display: none; }
	#TabbedContentBlock .summary { width: 100%; }
}

@media (max-width: 480px) {
	#TabbedContentBlock { height: 210px; }
}

@media (max-width: 400px) {
	#TabbedContentBlock { height: 180px; }
}

@media (max-width: 360px) {
	#TabbedContentBlock { height: 160px; }
}

@media (max-width: 320px) {
	#TabbedContentBlock { height: 140px; }
	div.two-cols div.column { padding: 0.5em 0; width: 100%; }
	div.two-cols div.right { margin: 0; }
}

@media (max-width: 240px) {
	#TabbedContentBlock { height: 100px; }
}