/* india TWO COLUMN LAYOUT */

/* a fix for IE6 only - \*/
* html * {zoom:100%; /* triggers IE6 "haslayout" */ }
/* without the above hack, IE6 does not draw the header until the page is resized */ 

* {margin:0; padding:0;}

body {
text-align:center; /* IE6 needs this to center the layout in the browser window */	
}

#main_wrapper {
  max-width:850px; /* sets max layout width */  
  width:97%;
  margin-left:auto;  /* centers layout in browser */	
  margin-right:auto; /* centers layout in browser */	
  text-align:left; /* resets the centering hack for IE6 on the body tag */	
}

/* 320px viewport************************ */ 

#header {height:auto;
    text-align:center;
	width:100%;
}

#nav {width:100%; 
}
#nav {
	display:flex; 
	display:-webkit-flex; 
	display:-webkit-box; 
	display: -ms-flexbox; 
	
	flex-wrap:wrap; 
	-webkit-flex-wrap:wrap; 
	-ms-flexbox-wrap:wrap;
	
	justify-content:center; 
	-webkit-justify-content:center; 
	-ms-flexbox-justify-content:center; 
	
	font-size:.95em; 
	margin:0; 
	padding:0; 
	list-style:none; 
	text-align:center; /* fallback */
}

#nav ul {margin:0;
}
#nav li {margin:0 1em 0 .5em; display:inline;
}
#nav li {
	flex:0 1 auto; 
	-webkit-flex: 0 1 auto; 
	-ms-flexbox-flex:0 1 auto;
	display:inline-block; 
	padding:0; 
	text-align:center;
}

#nav li:first-child {padding-left:.25em; /*margin-left:auto;*/}
#nav li:last-child {padding-right:.25em; /*margin-right:auto;*/}

#skipTo, #bottom {display:none;}

#skipTo li, #bottom li {background:#B4A967;}

#content {width:100%; text-align:left; clear:both;
}
#content_home {width:100%; text-align:center; clear:both;
}

#rightcolumn {width:100%; text-align:right;
}

#bottom {width:100%; padding:none; clear:both;
}

#footer {width:100%; clear:both; text-align:center; 
}

#header_inner, #rightcolumn_inner, #content_inner {overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}

#header_inner {padding: 0; 
}

#rightcolumn_inner {padding:1em .5em; text-align:right; 
}

#content_inner, #content_home_inner {padding:1em 1em; /*border-bottom:thin solid #660; */
}

#footer_inner {padding:1em 2em; text-align:center; 
}



/* MEDIA QUERIES ******************************************************** */

/* 480px viewport */
@media screen and (min-width:30em) { /* 480px */
	#content {float:left; width:65%; text-align:left; clear:none;
	}
	#rightcolumn {width:35%; float:right; margin:0; clear:none;
	}
	#rightcolumn_inner {padding:.5em; text-align:center; clear:none; 
	}
	}

/* 560px viewport */
@media screen and (min-width:35em) { /* 560px */
	#content {float:left; width:65%; text-align:left; clear:none;
	}
	#rightcolumn {width:35%; float:right; margin:0; clear:none;
	}
	#rightcolumn_inner {padding:.5em; text-align:center; clear:none;
	}
}

@media screen and (min-width:41em) { /* 656px */
	#content {float:left; width:65%; text-align:left; clear:none; 
	}
	#rightcolumn {width:35%; float:right; margin:0; clear:none;
	}
	#rightcolumn_inner {padding:.5em; text-align:center; clear:none;
	}
	
	nav#skipTo, #bottom {display:none;}
}

/* 800px viewport */
@media screen and (min-width:50em) { /* 800px */
	#content {float:left; width:65%; text-align:left; clear:none; 
	}
	#rightcolumn {width:35%; float:right; margin:0; clear:none;
	}
	#rightcolumn_inner {padding:.5em; text-align:center; clear:none;
	}
	
	nav#skipTo, #bottom {display:none;}
}

@media screen and (min-width:75em) { /* 1200px */
	nav#skipTo, #bottom {display:none;}
	#content {float:left; width:70%; text-align:left; clear:none; 
	}
	#rightcolumn {width:30%; float:right; margin:0; clear:none;
	}
	#rightcolumn_inner {padding:.5em; text-align:center; clear:none;
	}
}

/* skipTo navigation for max-width 560px */
@media screen and (max-width:35em) { /* 560px */
	#header_inner, #menu {
		padding: 0; 
	}
	#nav {
		display:none;
	} 

	 #skipTo, #bottom {
		display:block;
	} 
	
	 #header_inner nav#skipTo, #menu nav {
	float:left;
	clear:left;
	margin:0;
	width:100%;
	}

	#header_inner nav#skipTo li, #menu nav li {
		margin:0;
		background:#B4A967;
		color:#000;
		display:block;
		margin-bottom:.1em;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	#header_inner nav#skipTo a, #menu nav a  {
		color:#000;
		display:block;
		padding:.6em 0;
		text-align:center;
		text-decoration:none;
	}
	#header_inner nav#skipTo a:hover, #header_inner nav#skipTo a:active, 
#header_inner nav#skipTo a:focus, #header_inner nav#skipTo li#here a:link, #menu nav a:hover, #menu nav a:active, #menu nav a:focus, #menu nav li#here a:link {
		color:#fff;
	}
 #header_inner nav#skipTo a#here, #menu nav a#here {color:#fff;  /* for current page--text is color of hover text */
	} 
 #rightcolumn, #rightcolumn_inner {text-align:center;}
}