@charset "utf-8";
/* CSS Document */

body {
}
.toggle, [id^=drop] {
	 display: none;  /* hide the check box (any id that begins with "drop" in class "toggle" */
	}
	
.toggle + a,
	 .menu { display: none; } /* hide the drop downs (ie. any anchor immediately following class "toggle") */
	 
.toggle {
	  display: block;
	  background: transparent url("images/2017nals_navbar_responsive_970x31.png") repeat scroll left top;
	  width:100%;
	  height:31px;
	  padding: 0 60px;
	  color: #FFF;
	  line-height: 31px;
	  text-decoration: none;
	  border: none;
	}
	
[id^=drop]:checked + ul { display: block; }
	
nav ul li {
	display: block;
	width: 100%;
	}

[id^=responsive-nav] ul  {
	list-style-type: none;
  }

[id^=responsive-nav] li a {
/*	color: white;*/
	color: #294A29;
	line-height:1.7em; 
	text-decoration: none;
	margin-left: 20px;
	}

[id^=responsive-nav] #current-responsive {
	/*color: #FC6;*/
	color: #E56998;
  }

/* =Responsive (Mobile) Design
----------------------------------------------------test also 768 & 736---------- */
@media screen and (max-width: 800px) {
	#wrapper {
	        width:96%;
	}
	#header-home {
		width:100%;		
	}
	
	#header {
		width:100%;		
	}
	#header #logowords h1 .biggest  {
		font-size:27px;
	}
	#header-home #logowords h1 .biggest  {
		font-size:27px;
	}
	#header-home #logowords {
		width:100%;	
	}
	#header #nav ul {
    		margin: 29px 0px 0px 50px;
	}
	
	/*#nav ul li {
		margin:0;
	}
	#nav ul a {
		width:109px;
	}
	#header #nav ul {
    		margin: 29px 0px 0px 80px;
	}*/
	#nav {
	  display:none;
	}
	#responsive-nav {
	  display:block;
	  float: left;
		clear: both;  
		padding-bottom: 10px;
		width: 100%;
		background-color: #FFF;
        }
	 .col-1 {
		width:100%;
		height:auto;
		float:left;
	 }
	 .col-1-2 {
		width: 90%;
		height:auto;
		float:left;
	 }
	 .col-1-3 {
		width: 90%;
		height:auto;
		float:left;
	 }	
	 .col-2-3 {
		width: 90%;
		height:auto;
		float:left;
	 }
	 .col-1-4 {
		width: 90%;
		height:auto;
		float:left;
	 }
	 .col-3-4 {
		width: 90%;
		height:auto;
		float:left;
	}

   #content-home {
        	width:100%;
		padding-right: 5px;
	}
	#content-home h1 .biggest {
        	font-size:27px;
	}
	#content #primary_hotel p {    	
    		padding-left: 35px;
	}
	#content #primary_tour img {
		margin: 5% 10%;
	}
	#content #primary_tour #slide_photo {
		width:93%;
		margin: 5% 1%;	
	}
	#content #primary_tour #a_video {
		margin:2% 8%;
		width:80%;
	}
	#content #primary_tour #tvideo {
	margin-left: 10%;
	}
	#content #primary_show img {
		width:89%;
		margin: 5% 6%;
	}
	#content #primary_speaker img {
		width:89%;
		margin: 5% 6%;
	}
	#content #primary_media img {
		width:89%;
		margin: 5% 6%;
	}
	#content #primary_register img {
		width:89%;
		margin: 5% 6%;
	}
	#content #primary_register img {
		width:89%;
		margin: 5% 6%;
	}
	#content #primary_hotel img {
	margin: 1% 19%;
	}
	#content #primary_hotel #h_reg_button {
		/*width:50%;*/
		margin:5% 6%;
	}
	#content #primary_speaker ul li {
	width:90%;
	padding:3px;
	list-style-position: inside;
	}
	#content #primary_speaker #speaker_keynote img {	
		width: auto;
		margin: 4% 17%;
	}
	#content #rightside img {
	width:100%;
	}
	#content-home #media_button {
	margin:10px auto 0 185px;	
	}
	#content #row1column1 {
    		padding-left: 35px;
			padding-right:25px;
	}
	#content #row1column2 {
    		padding-left: 45px;
	}
	.col-1-1 {
		width: 100%;
	}
	.col-1-2 {
		width: 100%;
	}
	.col-1-3 {
		width: 100%;
	}	
	.col-2-3 {
		width: 100%;
	}
	.col-1-4 {
		width: 100%;
	}
	.col-3-4 {
		width: 100%;
	}
	.col-2-10 {
		width: 100%;
	}
	.col-4-10 {
		width: 100%;
	}
	.col-6-10 {
		width: 100%;
	}
	#sec_nav {
		width:100%;
	}
	#sec_nav ul {
		margin-left: 29%;
	}
	#footer {
		width:100%;
	}
}	
/*-------------------------------------------test also 640-----------------*/	
@media screen and (max-width: 768px) {
	#content-home #primary_home {
	width:76%;
}

	#content-home #reg_button {
	width: 100%;	
}
#responsive-nav {
		margin-top:20px;
        }

/*#nav ul a {
		width:105px;
}
	#sec_nav ul {
	margin-left: 28%;	
}*/
#content #primary_hotel #hotel_image {
	margin: 1% 13%;	
}
#content #primary_hotel #h_reg_button {
	margin: 5% 6%;	
}
	#content #primary_tour p {
	float:left;
	width: 67%;
	padding-right:15px;
	padding-left:40px;	
	}
#content #secondary_tour p {
	margin-left:40px;
	}
	#content #primary_speaker ul li {
	width:90%;
	padding:3px;
	list-style-position: inside;
	}
#content #primary_hotel img {
	margin: 1% 18%;
}
#content #primary_hotel #h_reg_button img {
		/*width:50%;*/
		margin:1% 20%;
	}
#content #primary_speaker img {
		width:89%;
		margin: 5% 6%;
	}
#content #primary_speaker #speaker_keynote img {	
		width: auto;		
	}
#content #primary_media img {
		width:89%;
		margin: 5% 6%;
	}
#content #primary_show img {
		width:89%;
		margin: 5% 6%;
	}
#content #primary_tour p {	
	width: 100%;
	padding-right:15px;
	padding-left:30px;	
	}
#content #primary_tour img {
		margin: 5% 27%;
	}
#content #primary_tour #tvideo {
	margin-left: 7%;
}
#content-home #media_button {
	margin:10px auto 0 165px;
	
}
}
/*-------------------------------------------test also 640-----------------*/	
@media screen and (max-width: 736px) {
#content #primary_tour #tvideo {
	margin-left: 5%;
}
}

/*-------------------------------------------test also 640-----------------*/	
@media screen and (max-width: 667px) {

	#header #logowords h1 .biggest  {
		font-size:25px;
	}
	#header #logowords {
		width:100%;
		text-align:center;		
    	margin: 5px auto auto -5px;
	}
	
	/*#header #nav ul {
    		margin: 29px 0px 0px 18px;
	}
	#header #nav ul a {
    		padding: 0px 1.4em;
	}*/
	#content-home h1, h2, h3 {
    		text-align: center;
    		margin: 10px 40px;
		font-size:20px;
	}
	#content-home #reg_button img {
	float:left;
	margin:1% 22%;
	}
	#content-home #logo {
		margin-top:10px;
	}
	#content #u_contruct img {
		width:60%;
	}
	#content #primary_tour p {	
	width: 100%;
	padding-right:15px;
	padding-left:10px;	
	}
#content #secondary_tour p {
	margin-left:40px;
	}
#content #rightside {
	width:60%;
	margin-left:20%;
}
#content #rightside img {
	width:70%;
}
#content #rightside {
	margin-left: 20%;
}
#content #leftside {
	width:100%;
	/*background-color:#FFF;*/
	margin-left:1%;
}
#content #fill3 {
	margin-top:90px;
}
#content #primary_hotel img {
	margin: 1% 15%;
}
#content #primary_show img {
		width:99%;
		margin: 5% 6%;
	}
#content #primary_speaker img {
		width:99%;
		margin: 5% 6%
	}
#content #primary_tour {
	width:80%;
}
#content #primary_tour p {
      	width: 100%;
	}
#content #primary_tour img {
		margin: 5% 25%;
	}
#content #primary_tour #tvideo {
	margin-left: 10%;
}
#content-home #media_button {
	margin:10px auto 0 130px;	
	}
}
/*------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	/*#header #nav ul {
    		margin: 29px 0px 0px 8px;
	}*/
	#content #primary_show img {
		width:95%;
		margin: 5% 5%;
	}
	#content #primary_speaker img {
		width:95%;
		margin: 5% 5%;
	}
	#content #primary_speaker p {
      	width: 100%;
	}
	#content #primary_tour p {
      	width: 100%;
	}
	#content #primary_tour img {
		margin: 5% 25%;
	}
	#content #primary_tour {
		width:72%;
	}
	#content #primary_hotel {
		width:72%;
	}
	#content #rightside {
		margin-left:20%;
	}
	#sec_nav ul {
		margin-left: 23%;
	}
	#content #fill3 {
	margin-top:60px;
}
}
/*------------------------------------------------------------*/
@media screen and (max-width: 568px) {
	
	/*#header #nav ul {
    		margin: 29px 0px 0px 13px;
	}
	#header #nav ul a {
		padding: 0 .99em;	
		line-height:27px;
	}*/
	#header h1 {
		margin: 2% 3%;
		width: 100%;
	}
	#content-home #media_button {
	margin:10px auto 0 95px;	
	}
	
}
/*------------------------------------------------------------*/
@media screen and (max-width: 414px) {
	
	#header #logowords h1 .biggest {
		font-size:17px;
	}
	#header h1 {
		margin:0px 2%;
		padding-left: 30px;
	}
	
	#header #logowords {
		width:100%;
		text-align:center;    	
		margin: 5px auto 10px -5px;
	}
	#header-home #logowords h1 .biggest{
		font-size:21px;
	}
	/*#header #nav ul {
    		margin: 29px 0px 0px 12px;
	}
	#header #nav ul a {
		padding: 0 1.0em;	
		font-size: 11px;
		line-height:27px;
	}*/
	#content-home #primary_home {
		width:80%;
	}
	#content-home #primary_home h1 .biggest {
		font-size:22px;
	}
	
	#content-home #reg_button img {
	margin:1% 8%;
	}
	#content-home a:link {
    margin-left: 8%;
	}
	#content #rightside {
		width:80%;
		margin-left:8%;
	}
	#content #primary_hotel #hotel_image {
		width:83%;
		margin:1% 13%;
	}
	#content #primary_hotel {
		width:75%;
	}
	#content #primary_hotel #h_reg_button {
		margin:5% -7%;
	}
	#content #primary_sponsors img {
		margin:5% 4%;
		width:90%;
	}
	#content #primary_show {
		width:80%;
	}
	#content #primary_show img {
		width:99%;
		margin: 5% 5%;
	}
	#content #primary_show p {
		width: 100%;
	}
	#content #primary_tour {
		width:80%;
	}
	#content #primary_tour p {
      	width: 100%;
	}
	#content #primary_tour #tvideo {
		margin-left:5%;
	}
	#content #primary_tour #tvideo iframe {
		width:90%;
	}
	#content #primary_tour img {
		margin: 5% 7%;		
	}
	#content #primary_sponsors #paypal_button {
	margin-left:40%;
}
	#content #primary_speaker img {
		width:99%;
		margin: 5% 5%;
	}
	#content #primary_speaker #speaker_keynote img {	
		width: 90%;
		margin: 10% 8%;		
	}
	#content #primary_media {
		width:80%;
	}
	#content #primary_speaker p {
		width:100%;
	}
	#content #primary_sponsors #sponsor_list img {
	width:35%;
	display:block;
	margin: 20px 15px 10px 15px;
	}
	#sec_nav ul {
		margin-left: 11%;
	}
	#footer {
	height:65px;
	}
	#footer #copyrgh {
	width:90%;
	margin: 0px auto;
	}	
}
/*--------------------------------------------test also 360----------------*/
@media screen and (max-width: 375px) { 
	#header #logoimage img {
		width:86%;
	}
	
	#header #logowords .biggest {
		font-size:20px;
	}
	/*#header #nav ul {
    		margin: 29px 0px 0px 5px;
	}
	#header #nav ul a {
		padding: 0 9px;	
		font-size: 11px;
		line-height:27px;
	}*/
	#content p .larger {
		font-size:17px;
		/*padding-right:30px;
		padding-left:30px;*/
	}
	#content #primary_show img {
		width:98%;
		margin 1% 5%;
	}
	#content #primary_show p {
		width:100%;
	}
	#content #primary_show img {
		margin: 5% 2%;
	}
	#content #primary_tour p {
      	width: 100%;
	}
	#content #primary_tour img {
		margin: 5% 4%;
	}
	#content #primary_sponsors img {
		margin:5% 4%;
	}
	
	#content #primary_speaker img {
		margin: 5% 2%;
	}
	
	#content #primary_speaker p {
		width:100%;
	}
	#content #primary_hotel p {
		width:100%;
	}
	#content #primary_hotel img {
	width:98%;
	}
	#content #primary_hotel #h_reg_button img {
		width:80%;
		margin:1% 17%;
	}
	/*#content #primary_hotel #h_reg_button {
	margin-left:12%;
	}*/
	#content-home #media_button {
	margin:10px auto 0 -15px;	
	}
}
/*------------------------------------------------------------*/
@media screen and (max-width: 360px) {
	#header #nav ul {
    		margin: 29px 0px 0px 0px;
	}
	/*#header #nav ul a {
		padding: 0 8px;	
		font-size: 11px;
		line-height:27px;
	}*/
	#header #logowords h1 .biggest {
		font-size:16px;
		margin:1% 3%;
	}
	#content-home #primary_home h1 {
		margin: 2% 4%;
	}
	#content-home #reg_button {
		padding-left: 0px;
		margin: 15px auto 0 -5px;
	}
	#content #primary_show img {
		margin: 5% 2%;
	}
	#content #primary_hotel img {
	margin: 1% -1%;	
}
	#content #primary_hotel {    
    	/*width: 75%;*/
	}
	#content #primary_hotel #h_reg_button img {
		width:80%;
		margin:1% 16%;
	}
	#content #primary_sponsors img {
		margin:5% 4%;
	}
	#content #primary_speaker img {
		margin: 5% 2%;
	}
	
	#content #primary_speaker h2 {
		margin:10% auto;
	}
	#content #primary_speaker p {
		margin:10% auto;
		padding:0;
	}
	#content #primary_show p {    
    	width: 100%;
	}
	#content #primary_tour p {
      	width: 100%;
	}
	#content #primary_tour img {
		margin: 5% 4%;
	}
	#sec_nav ul {
		margin-left: 1%;
	}
}
/*------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	#header #nav ul {
    		margin: 29px 0px 0px 3px;
	}
	/*#header #nav ul a {
		padding: 0 6px;	
		font-size: 10px;
		line-height:27px;
	}*/
	#content #primary_show img {
		margin: 15px 10px 10px 10px;
	}
	#content #primary_speaker img {
		margin: 15px 10px 10px 10px;
	}
	#content #primary_hotel img {
		margin: 15px 10px 10px 0px;
		width:99%;
	}
	#content #primary_sponsors img {
		margin:5% 3%;
	}
	#content #primary_hotel p {    
    	width: 100%;
	}
	#content #primary_hotel #h_reg_button img {
		width:80%;
		margin:1% 16%;
	}
	#content #primary_show p {    
    	width: 100%;
	}
	#content #primary_tour p {
      	width: 100%;
	}
	#content #primary_tour img {
		width:90%;
		margin: 5% 5%;
	}
	#content-home #reg_button {		
		margin: 15px auto 0 -15px;
	}
	#sec_nav ul li {
        margin-left: 0px;
	/*#content-home #media_button {
	margin:10px auto 0 -35px;	
	}*/
}