html{
    background-color: #F9FAD7;
	}
	
	@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

	body {
		background: white;
		text-align: center;
		width: 97%;
		max-width: 1050px;
		color: #2b0e09;
		border: 1px solid silver;
		border-left: 2.5px solid #cdcdcd;
		border-right: 3px solid rgba(0,0,0,.1);
		border-bottom: 30px solid rgba(0,0,0,0);
		margin: auto auto 7% auto;	
		font-family: Verdana, Arial, sans-serif;
		font-size: 91%;
		line-height: 175%;

		box-shadow:
		        0 5px 1px 0 rgba(0,0,0,0.1), /* The top layer shadow */
		        0 18px 0 -3px #eee, /* The second layer */
		        0 20px 1px -2px rgba(0,0,0,0.15), /* The second layer shadow */
		        0 33px 0 -6px #dee, /* The third layer */
		        0 35px 3px -5px rgba(0,0,0,0.15); /* The third layer shadow */	
	}

	p { margin: 1em;
		line-height: 160%;
		max-width: 95%
	}

	ul { max-width: 100%;
	     margin: 0em 0em 0em 0em;}
    p + ul {
    margin-top: -12px;}

	li { max-width: 100%;
	     margin: 0.5em 0em 0em 0em;}

	h1 { font-size: 105%;
		text-align: left;
		color: #806258;
		margin: .75em .75em 0 .75em;	
	}

	h2 { 	font-size: 123%;
		max-width: 98%;	
		margin-bottom: 0.75em;
		margin-top: 2em;
	}
	
	img {	max-width: 99%;
		height: auto;
		margin: 2px;	
		-ms-interpolation-mode: bicubic;
		box-shadow: -3px 3px 1px 1px rgba(0,0,0,0.25);
	border-radius: 10px;
	}


	iframe {	max-width: 99%;
		padding: 2px;
	}

	hr {	clear: both;
		color: #F9FAD7;
		background-color: #F9FAD7;
		height: .25px;
		width: 97%;
		margin-top: 2em;
	}


	a {	color: rgb(20%, 20%, 45%);
		text-decoration: none;
		padding: 2px;
		text-shadow: -0.5px 1.25px 0.25px rgba(0,0,6,0.25);
		box-shadow: none;
		border: none; border-bottom: 1.5px solid #CCD;
	}

	a:hover, a:active { 	
		background-color: #F9FAD7;
	}

	a:selected, a:focus { 
    		border: none;
    		outline: 0 none; -moz-outline: 0 none;
	}
	
	a img{	border: 0;
	}

	textarea {	max-width: 95%;
	}

	input {	max-width: 95%;
	}

	.big {	font-size: 125%;
		line-height: 275%; 
		margin: -.75em auto;
	}

	.left-text {	text-align: left;
		line-height: 195%;
		margin-left: 1%; margin-right: 1%;
		clear: both;
	}

	
	.img-wrap {
		max-width: 200px; 
		padding: .25em;
	}

	.img-logo {	
		margin: 20px;	
		-ms-interpolation-mode: bicubic;
		box-shadow: none;
	}
	
	
	.social {	position: absolute; top: 0; right: 0; 
	}

	#header1 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 400%;
		font-weight: bold;
		letter-spacing: .05em;
		margin-top: -.1em;
		padding-top: .5em;
	}
	#header1 a {
		color: #000; 
		border: none; 
		text-shadow: -2px 1px 1px #fff, -5px 5px 4px rgba(0,0,0,0.15);
		}

	.glow {	font-size: 105%;
		text-shadow: -3px 1px 0px rgba(255,255,0,0.25), 
		-2px 2px 20px rgba(255,255,0,0.1), 
		-5px -2px 5px rgba(255,255,0,0.25), 
		3px 3px 15px rgba(255,255,0,0.15), 
		2px 1px 25px rgba(255,255,0,0.25), 
		1px -10px 15px rgba(255,255,0,0.25);
	}
	.glow a {	color: #000; border: none; }

	#header2 {
		font-family: Josefin+Sans, Arial, Verdana, sans-serif;
		font-size: 80%;
        line-height: 150%; 
		letter-spacing: .005em;
		margin: 1.5em;
		a {color: black;}
        }
    
	#header2 a {color: #000; border: none; text-shadow: none;}

	.kern {	letter-spacing: -.05em;
	}


	.nav {	font-family: Josefin+Sans, Arial, Verdana, sans-serif;
		font-size: 105%;
			text-align: left; 
		letter-spacing: .005em;
		text-shadow: 1px 2px #CDCDCD;
        		background: #EFEFEF;
		border: 1px solid #DDD;
		border-bottom: 2px single rgba(0,0,0,.1);
		margin: -.5em -.1em;
		clear: both;
        overflow: hidden;
	  	width: 100%;
	}

	.nav ul {	margin: auto -0.5em auto -10em;
  	}
	.nav li {	list-style: none;
  		margin: auto 1em auto 3em;
  	}

	.nav a {	width: 15%;
	    float: left;	
	
    	text-transform: uppercase;
		margin: .5em 2em;
		display: block; 
		text-shadow: none; 
		border: none;
	 }

	.nav a:hover, a:focus {
        		outline: 0;
		border: none;  		
		box-shadow: none;
	}


	.nav2 {	font-family: Josefin+Sans, Arial, Verdana, sans-serif;
		font-size: 110%;
		text-align: center;
		letter-spacing: .025em;
		text-shadow: -2.25px 2px 2px #CCC;
	}

	.nav2 a {	background: #DDD;	
		border: 1.5px solid silver;
		text-shadow: 0 1px 0 rgba(255,255,255,.5); 
		padding: .5em 2em;
		margin: .25em;
        		color: rgba(20%, 20%, 60%, 1);
        		box-shadow: -3px 3px 1px 0 rgba(0,0,0,0.25);    
	 }

	.nav2 a:hover, a:focus {
        		outline: 0;
        		color: blue;
        		text-shadow: 0 1px 0 rgba(0,0,0,.2);
        		background: #F9FAD7;
		border: 1.25px solid #DDD;  
		box-shadow: 5px 5px 1px 0 rgba(100,100,100,0.05); 
	}
	



@media (min-width: 25em) {

	.nav li {	margin: auto 1em auto 10em;
  	}
    .nav a {	width: 15%;
	 }

		
	.left-text {	clear: none;
	}

	.img-wrap {max-width: none;}
}



@media (min-width: 60em) {



	body {	width: 95%;
	}

h2 {     font-size: 175%;
	}
    
	p { 	font-size: 108%; line-height: 175%; 
	}

	li { 	font-size: 108%; 
	}


	.big {	font-size: 140%;
		line-height: 300%; 
		margin: auto 5em;
	}

	.img-caption {
		display: inline-block;
		float: none;
		padding: .5em 2em;
		text-align: left;
	}

    .nav ul {	text-align: center;
                font-size: 90%;
                margin: auto 0em auto 0em;
	 }
    .nav li {	text-align: center;
		margin: auto -1em auto -4em;
	 }
    .nav a {	width: 5%;
	    margin: .5em 1em .5em 3em;
	 }
}









@media (min-width: 125em) {
html {	/* IE10 */ 
		background-image: -ms-radial-gradient(center, circle farthest-corner, #FEFFFF 0%, #EFEBAF 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-radial-gradient(center, circle farthest-corner, #FEFFFF 0%, #EFEBAF  100%);

		/* Opera */ 
		background-image: -o-radial-gradient(center, circle farthest-corner, #FEFFFF 0%, #EFEBAF 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(radial, center center, 0, center center, 510, color-stop(0, #FEFFFF), color-stop(1, #EFEBAF));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-radial-gradient(center, circle farthest-corner, #FEFFFF 0%, #EFEBAF 100%);

		/* Proposed W3C Markup */ 
		background-image: radial-gradient(center, circle farthest-corner, #FEFFFF 0%, #EFEBAF 100%);
	}

}




@media print {

	.nav {
		font-size: 90%;	
	}
	.nav ul, li{
		margin: auto 1%;
  	}


}