#headbox {
	display:none;
	position: absolute;
	top:0;
	left:50%;
	margin-left:-24em;
	width:48em;
	max-width:90%;
	text-align: center;
	border: 3px double #930;	
	background-color: #ffc;
}
#headbox h1 {
	font-size: 2em;
	width: 24em;
	margin: 0 auto;
	padding: 20px 0;
}
#headbox h1 span{
	display: block;
	font-size: 0.5em;
}

h2{font-size: 2em;}

#scnabanner{
	display:block;
	width:900px;
	margin: 0 auto;
	z-index:10;
}

#head-logo-container {
	position: absolute;
	width:100%;
	top: 0;
	bottom: 0;
}

#headlogo{
	position:absolute;
	width:160px;
	top:100px; 
	left:0; 
	z-index:5;
}

#topimagebox{
	box-sizing:content-box;
	width:800px; 
	height:300px; 
	overflow:hidden;
	border:2px solid #fd8;
	margin:0 auto;
}

.topimage {
	display:block;
	background-size:cover;
	position:absolute;
	height:2700px;
	border: none;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out; 
	filter:progid:DXImageTransform.Microsoft.Fade(duration=2);
}
#topimage1 {z-index:1;}
#topimage2 {
	z-index:2;
	opacity:0;
}

#social {
	position:absolute; 
	top:330px; 
	left:10px; 
	z-index:4; 
	padding:0;
	font-size:15px; 
	font-weight:bold;
	background-color:rgba(255, 255, 170, 0.5);
	border: 2px solid #fd8;
}
#social span {display:block; background-color:#ffa; padding:2px;}
#social img {margin:1px; border: none; }
#social #meetuplogo { background-color:white; border-radius: 10%;}
	
#affiliations {
	position:absolute; 
	top:120px; 
	right:0; 
	z-index:4; 
	font-size:12px; 	
	width:11em; 
	font-weight:bold;
	background-color:rgba(255, 255, 170, 0.5);
	border: 2px solid #fd8;
}
#affiliations span {display:block; background-color:#ffa; padding:2px;}
#affiliations div {
	position:relative; 
	width:10em; 
	margin:5px auto; 
	padding:2px; 
	background-color:white;  
	border:1px solid #fd8;
}
#affiliations div#tnslogo {height:7em;}
#affiliations div#aanrlogo {height:6.5em;}
#affiliations div#ynalogo {height:3.5em;}


#topaddress {
	display: block;
	width: 30em;
	max-width:95%;
	margin:5px auto;
	font-weight: bold;
	color:#620;	
	border-radius: 10px;
	border: 1px solid #930;	
	padding: 5px;
    background: #ffa url("/clipart/yel-orn-v-grad.png") repeat-x;
	background-size: contain;
}
.scna {
	display:block;
	font-size:1em; 
	text-align:center;
}
.corp {
	display:block;
	font-size:0.8em; 
	text-align:center;
}
.addr {
	display:block;
	font-size:1em; 
	text-align:center;
}

@media screen and (max-width: 1040px) {
	#header {width:98%;}
	#headbox {font-size:0.5em;}
	#scnabanner{ width:100% !important; height:auto !important;}
	#topimagebox{ width:400px; height:150px;}
	.topimage {width:400px !important; height:1350px !important;}
	#headlogo{top:auto; bottom:90px; }

	#social {top:auto;  bottom:4em; left: 30px; font-size:10px; }
	#social img {height:26px !important; width:26px !important; }

	#affiliations {top:auto; bottom:4em; font-size:8px; }

	#topaddress {font-size: 0.9em;}	
}
@media screen and (max-width: 630px) {
	#topaddress {margin-bottom:200px;}	

	#affiliations {top: auto; bottom: 0; right: 28px;}
	#headlogo{top:auto; bottom:60px; }
	#social {
		top: auto;
		bottom: 0px;
		left: 35px;
		font-size:15px; 
	}
	#social img {height:40px !important; width:40px !important;}
}


@media screen and (max-width: 500px) {
	#headbox {font-size:0.3em;}
	#topimagebox{ width:320px; height:120px;}
	.topimage {width:320px !important; height:1080px !important;}
	
	#affiliations { right: 10px;}
	#headlogo{left:28px; right:auto; }

}

#nac-alert-banner, 
#event-alert-banner{
	display:inline-block;
	margin:1em 0;
}
#nac-alert-banner p	{
	margin:0 1em 15px;
}
#event-alert-banner p{
	margin:0 auto 5px;
}

#content #block1 {
	overflow: hidden;
	text-align:center;
}
#content #block1 > div{
	display:inline-block;
	float:none;
}
#scnatwitter{
	float:left; 
	clear:left;
	margin-right:10px;
	border:1px solid #930;
}
@media screen and (max-width: 1040px) {
	#content #block1 {
		width: 500px;
		max-width: 100%;
		margin: 5px auto;
		clear: both;
		float: none;
	}
	#scnatwitter{
		float:none; 
		clear:both;
		margin:0 auto;
	}
	#nac-alert,
	#nac-alert-success	{
		width: 550px;
		max-width: 98%;
		margin: 1em auto;
		clear:both;
		float:none;
	}
}
#content #block2 {
}
#content #block3 {
}
#content #block5 {
	overflow: hidden;
	text-align:center;
}
#content #block5  div{
	display:inline-block;
	float:none;
}
@media screen and (max-width: 1030px) {
	#content #block5 {
		width: 500px;
		max-width:100%;
		margin: 1em auto;
	}
}

.for-more {
	margin: 10px 20px; 
	font-size:18px;
}
#block1 div.blockbox {
	float:left;
	width:162px;
	height:212px;
}
#block1 h3 {
	font-size:14px;
}

#block5 .blockbox {
	margin: 2px;
	height:310px;
	width:240px; 
	max-width:98%;
	min-width:200px;
}

#slogan1 {
	float:left;
	margin: 15px 3%;
}

.promo {
	width:95%;
	padding:5px;
	margin:5px auto;
	border: 3px solid #d70;
	background-color:#fd8;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
}
#promo1 {
	float:right;
	margin: 15px 3%;
	width:20em; 
	max-width:90%;
}
#maintext {
	margin:20px 0;
}
#maintext p {
	font: 20px Georgia, serif;
	text-align: left;
}

#eventlist {
	clear:left;
	float:left;
}

@media screen and (max-width: 1041px) {
	#eventlist {
		float:none;
		clear:both;
		margin: 1em auto;
	}
}

#newbfaq {
	float: right;
	width: 49%; 
	width: calc(100% - 560px);
	max-width: 100%;
	min-width: 300px;
	margin: 0 0 3px 0; 
	padding-bottom: 5px;
	text-align: center; 
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #820; 
	border: 3px double #930; 
	background-color: #fff;
}
#newbfaq h3 {
	display: block;
	margin: 5px 1em ; 
	text-align: left; 
	font: bold 18px Georgia, serif;
}
#newbfaq h3 span{margin-left:3px;}
#newbfaq h4 {
	margin: 5px auto 2px; 
}

#newbfaq div.blockbox{
	width:94%;
	background-color: #ffa;
	margin: 1px auto;
	border: 2px solid #930;
	font: 18px Georgia, serif;
	background: -webkit-radial-gradient(white, white 65%, #dfd); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(white, white 65%, #dfd); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(white, white 65%, #dfd); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#ffa, white, #efe 75%, #afa); /* Standard syntax */
	background: linear-gradient(#ffb, white, white); /* Standard syntax */
}

@media screen and (max-width: 1041px) {
	#newbfaq {
		width: 550px;
		margin: 1em auto;
		float: none;
		clear: both;
	}
}