@charset "UTF-8";
/*---My Styles--nm-natives-------------------------------------------- */

body {font-family: adelle, Georgia, serif; color: #383838; text-align: center; background : #fff url('../Images/backgc_tipi.gif') repeat-y; }
	
	a {color: #9f443b; text-decoration: none; }
	a:hover {text-decoration: underline; }

	#container {max-width:1200px; margin: 0 auto; padding: 20px 0;text-align:left;}
	
		header {width:100%;height:190px;overflow: hidden; clear: both; margin-bottom: 2%; background:#8b3921 url('../NM/NMImages/NM-00_Img_generalite/monument_valley_clouds2.jpg') no-repeat 100% 0%;  padding-top:1em; border-bottom:0.1em solid #8b6821; }
		header, li:first-child a {
			-webkit-border-top-left-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-bottomleft: 6px;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
			}
			
		header, li:last-child a {
			-webkit-border-top-right-radius: 6px;
			-webkit-border-bottom-right-radius: 6px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 6px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 6px;
			}	
				header hgroup {float: left; }
				header hgroup h1 {text-transform: uppercase; color:#000; text-shadow:1px 1px 0 #fff; padding:1em 10em 0 2em; }
				header hgroup h2 {text-shadow: 1px 1px 0 #fff; font-weight: normal; }
		
		#banner {width:100%; height: 280px;margin-left:0; background: #d2e7e3 url('../NM/NMImages/NM-00_Img_generalite/crazyhorse1.jpg') no-repeat 50% 25%; padding: 0.8em;  text-align: center; font-size: 1em; line-height: 1.4; -webkit-border-radius: 6px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); clear: both; margin-bottom: 1.5%; }
			#banner p {text-shadow: 1px 1px 0 #fff; padding-top: 19%; }
		
		#content {width:78%;margin-right:2%;float:left;}
		
			#content article { background: #fff; margin: 0 0 30px 0px;  padding: 20px; -webkit-border-radius: 6px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); }
			#content article h1 {font-size:2.4em; color: #8b3921; margin-bottom: 4px; text-align:center;}
			#content article h2 {font-size:1.7em; color: #8b3921; margin-bottom: 4px; text-align:center; }
			#content article h3 {font-size:1.4em; margin-bottom: 4px; text-align:center;}
			#content article img {margin :0 1.286em; padding : 0.1em; }
			#content article p {font-size:1.1em; margin-bottom: 1%; }
			#content article p:first-of-type::first-letter, #sidebar aside p:first-of-type::first-letter {float: left;font-size : 200%;line-height:.75em;font-style: normal;padding-right:.1em;padding-bottom:.1em;margin-top:.1em;}
			#content article p:last-child { margin-bottom: 0; }
		
		#sidebar {width:20%;float:left;}
		
			#sidebar aside {background: #fff; margin: 0 0 30px 0; padding: 20px; -webkit-border-radius: 6px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); }
			#sidebar aside h4 {color: #333; font-size: 16px; margin-bottom: 4px; }
			#sidebar aside p {font-size: 1em; margin-bottom: 8px; }
			#sidebar aside p:last-child {margin: 0; }
			#sidebar aside ul {margin: 0; padding: 0; }
			#sidebar aside ul li {list-style: none; margin-bottom: 6px; }
						
		footer {width:100%;clear:both; border-top: 1px solid #383838; padding: 10px 65px; font-size: 14px; }
		
			footer nav ul {margin: 0 0 8px 0px; padding: 0; }
			footer nav ul li {list-style: none; display: inline; margin-right: 12px; }
				
/* Landscape phones and down */ 
@media (max-width:480px) {
/*html {width: 100%; }*/
#container {width:100%; }
#content {width:100%; float:none;margin:0; }
header {margin: 0 0 1% 0; text-align: center; }
header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 0 3em 0 1em;}
#sidebar, #banner {display: none; }
#content article p {margin: 0 .5em 0 .25em;padding: 0 1em 0 1em;}
img {max-width: 100%;height: auto;}
}

/* Landscape phones to portrait tablet */ 
@media (max-width:767px) {
html {width: 100%; }	
#container, {width: 96%;}
#content {width: 100%;}
header {width: 100%}
header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 0 3em 0 1em;}
#sidebar, #banner {display: none; }
#content article p {margin: 0;padding: 0;font-size: 90%;line-height: 1.4;}
img {max-width: 100%;height: auto;}
}

/* Portrait tablet to landscape and desktop */ 
@media (min-width:768px) and (max-width:979px) {
html {width : 100%}
#container {width: 96%; }
#content {width: 100%;}
header {width: 100%}
header hgroup h1 {
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding: 2em 3em 0 3em;}
	#banner {width:100%; height: 330px;}
#banner p{ text-shadow: 1px 1px 0 #fff; padding-top: 240px;  }

#content {float: none; width: 100%; margin: 0; }
#sidebar {float: none; width: 60%; }
img {max-width: 100%;height: auto;}
}

/*Large desktop */ 
@media (min-width:1200px) {
html {width: 100%;}
#container {width: 92%; }
#content {width: 78%; }
#sidebar {width: 20%; }
}