@media only screen and (max-width: 957px) {
	
	.norman_vid {
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
	}	

	.norman_vid object {
		display: block;
	}


	.besa_vid {
		position: relative;
		max-width: 600px;
	    width: 100%;
	    left: auto;
	    right: auto;
	    margin: 0 auto;
	    overflow: hidden;
	}

	.arrowbegin,
	.arrowright {
		right:-2%;
    	top: 50%;
		margin-top: -27px;    	
		padding: 0;z-index: 9999;
	}

	.arrowbegin {
		width: 150px;
	}

	.arrowleft {
		left: -2%;
		z-index: 9999;
		top: 50%;
		margin-top: -27px;    	
		padding: 0;
	}
	
	#display {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	#display img {
		max-width: 100%;
		height: auto;
	}

	#article_intro li {
		max-width: 50%;
	}

	#article_intro li a {
		max-width: 100%;
	}

	#article_quote p {
		width: auto;
	}

	#content #article_quote p {
		font-size: 37px;
	}

	p {
		font-size: 11px;
	}
	
	.mp #logo {
		background-size: 100% 100%;
		height: 0;
    	width: 76.49%;
    	padding-bottom: 20.79%;
	}

	.mp #share {
    	height: 0;
    	width: 7.84%;
    	padding-bottom: 9.4%;
    	background-size: 100% 100%; 
	}

	.mp #container {
		max-width: 940px;
		width: 100%;
	}

	.mp #header {
    	float: left;
    	max-width: 940px;
    	width: 100%;
	}

	#opening {
		width: 100%;
		max-width: 940px;
		height: auto;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		padding: 20px 2%;
	}

	#opening_video {
    	background-size: 100% 100%;
    	width: 47.02%;
    	height: 0;
    	padding-bottom: 29.26%;
    	margin: 9px 0px 0px 1.88%;
    	position: relative;
	}

	#opening_video a {
		position: absolute;
		top: 0;
		left: 0;
		width: 91%;
		height: 78%;
		margin: 2% 0 0 4%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		overflow: hidden;
	}

	#opening_video a img {
		width: 100%;
		height: auto;
	}

	#opening_btn {
		max-width: 450px;
		width: 50%;
		background-position: right top;
	}

	.mp #mainContent {
		max-width: 940px;
		width: 100%;
		padding-top: 0;
	}

	#content {
		max-width: 940px;
		width: 100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		padding: 30px 2.13% 0px 2.13%;
		position: relative;
	}

	#norman_intro {
		max-width: 450px;
		width: 47.87%;
		padding: 1.06%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		position: absolute;
		top: 30px;
		left: 0;
	}

	.camplinks {
	    position: relative;
	    max-width: 440px;
		width: 46.81%;	    
	    height: 94px;
	    padding: 14px 2.13% 0px 10.64%;
	    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	    clear: both;
	    top: auto !important;
	    background-size: 100% auto;
	}

	#read_content {
	    max-width: 940px;
	    width: 100%;
	}

	.interlink {
	    width: 29.014%;
	    position: relative;
	    height: auto !important;
	    float: left;
	    padding: 135px 2.13% 10px 2.13%;
	}

	.interlink .image {
	    height: 0px;
	    padding: 4% 0 65% 9%;
	    background-size: 100% auto;
	    width: 100%;
	    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	    position: absolute;
	    top: -30px;
	}

	.interlink .image a {
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		overflow: hidden;
		position: absolute;
		top: 0;
		left:0;
		padding: 4% 9% 11% 9%;
	}

	.interlink .image a img {
		width: 100%;
		height: auto;
	}

	.interlink h1, .interlink h1 a {
		font-size: 40px;
		text-align: center;
	}

	.interlink p a:link, .interlink p a:visited {
		max-width: 100%;
	    width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	clear: both;
    	display: block;
    	float: right;
    	background-position: center right;
	}

	#interlink_wrap .interlink {
		background-size: 100% auto;
	}

	.camplinks p {
		padding-top: 5px;
	}

	.mp #footer {
		width: 91.49%;
    	float: left;
    	padding: 4.26%;
	}

	#footer #ibm {
	    width: 32.56%;
	    height: 10px;
	    margin: 30px 3.49% 0 0;
	    padding-right: 0px;
	}

	#footer #ibm img {
		max-width: 100%;
		height: auto;
	}

	#footer .footerlinks {
	    width: 17.44%;
	    padding-right: 0;
	    margin: 30px 1.62% 0 0;
	}
	
	.art_col.wide {
		padding: 24px 15px 20px 15px;
		min-width: 342px;
	}

	.art_col h2 {
	    float: left;
	    width: 15.56%;
	    padding-right: 2.22%;
	    clear: left;
	}

	.art_col > p {
	    width: 45.56%;
	    text-align: left !important;
	}

	
	.coexist{
		width: 100%;
		padding:50px 4.15%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		background-size: 100% auto;
	}

	.coexist h2{
		width:57.42%;
	}

	.coexist h3{
		width:34%;
		padding-top: 15%;
	}

	.coexist p{
		width:65%;
	}

	#article_intro.right {
		max-width: 100%;
		width:100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	#article_intro {
		max-width: 64%;
		width: 100%;
	}

	#article_quote p {
		max-width: 100%;
	}

	.mark, .mark2 {
    	max-width: 100%;
    	box-sizing: border-box;
	}
}

@media only screen and (min-width: 769px) and (max-width: 957px) {
	#nav a:link, #nav a:active, #nav a:visited {
		font-size: 20px;
	}

	#opening_video {
    	background-size: 100% 100%;
    	width: 47.02%;
    	height: 0;
    	padding-bottom: 29.26%;
    	margin: 9px 0px 0px 1.88%;
	}

	#opening h1 {
	    font-size: 62px;
	    line-height: 0.8em;
	}

	#content.home {
		top: -35px;
	}

	.camplinks h1, .camplinks h1 a {
		font-size: 28px;
	}

	.infobox,
	.imgbox {
	    max-width: 33.33%;
	    background-size: 100% auto;
	    padding-bottom: 27px;
	}

	.infobox img,
	.imgbox img {
		max-width: 100%;
		height: auto;
	}

	.infobox p,
	.imgbox p {
		width: auto;
	}

	.infobox .text,
	.imgbox .text {
	    background-color: #FEFBEF;
	    width: 90.56%;
	    padding: 0px 2.22% 2.22% 2.22%;
	    text-align: center;
	}

	.infobox .head {
		background-size: 105% auto;
    	height: 45px;
    }

	#article_quote {
		width: 31.35%;
	}

	#read_content .quote.column {
		width: 29.26%;
	}

	h3, h3 a:link, h3 a:visited {
		font-size: 27px;
	}

	.art_col.narrow {
	    float: left;
	    padding: 24px 0px 2.08% 20px;
	    width: 54.34%;
	}

	.art_col.narrow2 {
	    padding: 24px 0px 2.08% 20px;
	    width: 35.53%;
	}

	.art_col.messages {
    	float: left;
    	padding: 24px 0px 20px 2.08%;
    	width: 44.93%;
	}

	.art_col.messages p {
		width: auto;
	}

	#article_intro p {
    	color: #D8CEAC;
    	line-height: 26px;
	}
}

@media only screen and (max-width: 768px) {

	#subnav {
		height: 68px;
	}

	.norman_vid {
		width: 63.80%;
		height: 0;
		padding-bottom: 39.06%;
		overflow: hidden;
	}
	.norman_vid #div_flashMovie {
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0;
		left: 0;
	}

	.norman_vid #div_flashMovie object > * {
		width: 100% !important;
		height: 100% !important;
	}

	#article_intro {
    	max-width: 100%;
    	width: 100%;
	}
	.mp #share {
		display: none;
	}

	#opening_video {
		background-size: 100% 100%;
	    width: 100%;
	    height: 0;
	    padding-bottom: 60%;
	    margin: 0;
	    float: none;
	    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	#read_content p {	
		text-align: center;
	}

	#content {
		top: 0;
	}

	#opening_btn {
		width: 100%;
		float: right;
		background-position: center right;
	}

	#opening h1 {
	    font-size: 58px;
	    line-height: 0.8em;
	}

	#opening {
	    padding-bottom: 30px;
	}

	.camplinks {
	    position: relative;
	    right: auto;
	    margin: 0 auto;
	    float: none;
	    width: 100%;
	    padding: 14px 2.13% 0px 15.64%;
	}

	#norman_intro {
		max-width: 100%;
		width: 100%;
		padding: 1.06%;
		position: relative;
		top: 0;
		left: 0;
	}

	#content {
    	top: -35px;
    	position: relative;
    	background-size: 100% auto;
	}

	.mp #mainContent {
		padding-top: 0;
	}

	.interlink {
	    width: 100%;
	    position: relative;
	    height: auto;
	    float: left;
	    padding: 30px 2.13% 20px 2.13% !important;
	    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.interlink p {
		text-align: center;
		font-size: 16px;
	}

	.interlink .image {
	    height: 0px;
    	padding: 4% 0 55% 9%;
    	background-size: 100% auto;
    	width: 100%;
	    position: relative;
	    top: 0px;
	}

	.interlink p a {
    	max-width: 250px;
    	float: right;
    	clear: both;
	}


	h2, h2 a:link, h2 a:visited {
	    font-size: 34px;
	}

	.mp #footer {
		height: auto;
		background-color: #000;
	}

	#footer #ibm {
	    width: 94%;
	    height: auto;
	    margin: 30px 3% 0 3%;
	}

	#footer .footerlinks {
	    text-align: center;
	    width: 96%;
	    padding-right: 0;
	    margin: 30px 3% 0 3%;
	    border-top: 1px solid #744E27;
	    padding-top: 30px;
	    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	    padding-left: 0;
	}

	#opening p {
		max-width: 100%;
	}

	#norman_intro h2 {
		text-align: center;
	}

	.footerlinks li a {
		width: 100%;
		text-align: center;
		border-bottom: none;
	}

	.footerlinks li a:hover {
		border: none;
	}

	.mp #eif {
		position: relative;
		width: 100%;
		height: 37px;
		display: block;
		border-top: 1px dotted #744E27;
		margin-top: 30px;
		padding-top: 15px;
		float: left;
		top:auto;
		right: auto;
		bottom: auto;
	}

	.art_col.wide {
		padding: 20px;
	}

	.art_col h2 {
	    float: left;
	    width: 100%;
	    padding:0;
	    clear: both;
	    margin-bottom: 20px;
	    margin-top: 10px;
	}

	.art_col > p {
	    width: auto;
	    float: none;
	}

	/*.imgbox {
	    max-width: 33.33%;
	    background-size: 100% auto;
	    padding-bottom: 27px;
	    margin-left: 30px;
	}

	.imgbox img {
		max-width: 100%;
		height: auto;
	}

	.imgbox p {
		width: auto;
	}

	.imgbox .text {
	    background-color: #FEFBEF;
	    width: 90.56%;
	    padding: 0px 2.22% 2.22% 2.22%;
	}*/

	#nav-menu {
    	background: #000;
	    position: absolute;
	    right: 15px;
	    top:80px;
	    z-index: 500;
	    float: none;
	    padding: 20px 40px;
	    margin: 0;
	    border-radius: 5px 0 5px 5px;
	    display: none;
	}

	#nav-menu li {
		clear: both;
		width: 100%;
		margin-bottom: 5px;
	}

	#nav-menu li a {
		width: 100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	a#mobile-menu-toggle {
		display: block;
	}

	.coexist{
		padding:40px 4.15%;
	}

	.coexist h2{
		width:57.42%;
	}

	.coexist h3{
		font-size: 22px;
	}

	.coexist p{
		text-align: left !important;
	}

	#read_content .quote {
	    left:0;
	    max-width: 420px;
	    width: 100% ;
	}

	#article_quote {
		margin-left: 15px;
		width: auto;
	}

	#read_content .quote.column {
		min-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.art_col.narrow {
	    float: left;
	    padding: 20px 2% 10px 2%;
	    width: 96%;
	}

	.art_col.narrow h2 {
		display: none;
	}

	.art_col h3.standfirst {
		max-width: 100%;
    	padding-left: 0%;
    	width: 100%;
	}

	.art_col.narrow p {
    	max-width: 100%;
    	width: 100%;
	}

	.art_col.narrow2 {
	    padding: 10px 2% 20px 2%;
	    width: 96%;
	}

	.art_col.narrow2 p {
    	max-width: 100%;
	}

	#read_content .art_col.narrow2 .quote {
		max-width: 90% !important;
		width: 90% !important;
		margin: 0 auto;
		display: block;
	}

	.art_col.messages {
    	padding: 20px 2.08% 15px 2.08%;
    	width: 100%;
    	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.art_col.messages h2,
	.art_col.messages h5 {
		width: 100%;
		display: block;
		clear: both;
	}

	.art_col.messages h5 {
		margin-bottom: 15px;
	}

	#read_content .art_col.messages .quote.inline {
		width: 90%;
		margin: 0 auto;
		max-width: 90%;
	}


	.video-wrapper {
		float: none;
		display: block;
		width: 390px;
		margin: 0 auto;
	}

	.mark, .mark2 {
		height: auto;
	}

	.mark2 br {
		display: none;
	}

}

@media only screen and (min-width: 600px) and (max-width: 767px) {

}

@media only screen and (max-width: 669px) {

	.coexist{
		padding:20px 4.15%;
		background-image: none;
		background-color: #d6cda9;
	}

	.coexist h2{
		width:100%;
	}

	.coexist h3{
		font-size: 28px;
		padding-top: 0;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	#read_content p {
		width: auto;
	}

	.art_col.wide {
		padding: 10px 20px;
	}

	#subnav {
    	height: auto;
    	padding-bottom: 60px;
    	width: 100%;
	}

	#subnav li a {
		width: 100%;
		display: block;
		float: left;
		text-align: center;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 599px) {
	#read_content .quote {
		clear: both;
	}

	#article_intro.right {
		padding: 10px !important;
	}

	#article_intro.right br {
		display: none;
	}

	#article_intro.right #article_image {
	    position: relative;
	    right: 0;
	    width: 100%;
	    left: 0 !important;
    	top: 0 !important;
    	margin-bottom: 15px;
	}

	#article_intro.right #article_image img {
		margin: 0 auto;
		display: block;
	}
}

@media only screen and (max-width: 480px) {

	.infobox,
	.imgbox {
	    clear: both;
	    min-width: 100%;
	    text-align: center;
	    overflow: hidden;
	}

	.infobox .text,
	.imgbox .text {
		float: none;
		margin: 0 auto;
		display: inline-block;
	}

	.infobox .head,
	.imgbox .head {
        width: 304px;
	    float: none;
	    margin: 0 auto;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    height: 110px;
	    padding: 50px 0 0 0;
	}

	.infobox .head h3,
	.imgbox .head h3 {
		padding: 0 40px;
	}

	#article_quote {
    	margin-left: 0px;
    	min-width: 100%;
	}

	#article_quote br {
		display: none;
	}

	.video-wrapper {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.video-wrapper > #div_flashMovie {
		width: 100% !important;
		height: auto;
		position: relative;
	}

	/*.video-wrapper > #div_flashMovie object {
		position: absolute;
		top: 0;
		left: 0; 
	}*/
}

@media only screen and (min-width: 340px) and (max-width: 479px) {

}


@media only screen and (min-width: 340px) and (max-width: 669px) {
	
	

}

@media only screen and (max-width: 340px) {
	table td {
		float: left;
		width: 100% !important;
		height: auto !important;
		margin: 0;
		text-align: center;
	}

}

