body		{	font-family: Verdana, Arial, sans-serif;
				background-color: #1F1209;	}
	  
#wrapper	{	background-color: #faeac5; 
				width: 90%;
				margin: auto;	} 
				
#mySubmit	{ 	margin-left: 10.25em; }

#link		{ 	margin-left: 10.5em; }

#back		{ 	margin-left: 10em; }

#form		{ 	margin-left: 7em; }

#name		{ 	margin-left: 2.5em; }

h1			{	color: #FFF8DC; }

h2			{	color: #1E3944; }

header		{	background-color: #834C24;	}

h1			{	text-align: center;
				font-size: 300%;
				padding: 5% 0;
				text-shadow: 3px 3px 3px #003366;	}

nav			{	float: left;
				width: auto;
				letter-spacing:0.1em;
				font-weight: bold;	} 

nav ul		{ 	list-style-type: none; 
				margin: 0;
				padding: 0;	
				text-align: center;	}

nav li		{ 	padding-left: 0.5em;
				width: 200px; }

nav a		{ 	text-decoration: none;
				text-align: center;
				padding: 20px;
				display: block;
				background-color: #1E3944;
				border-bottom: 1px solid #FFFFFF;}

nav a:link	{	color: #FFFFFF;	}

nav a:visited{	color: #FFFFFF;	}
				
nav a:hover	{	background-color: #FFFFFF;	
				color: #000000;	}
				
nav a:active	{	background-color: #9C6D37;	
				color: #FFFFFF;	}

aside		{	float: right; 
				width: 25%;
				padding: 0 2.5%;
				margin: 10px;	}
				
fieldset 		{	width: 150%;
				border: 2px solid #1E3944;
				padding: 10px;
				margin-bottom: 10px; }

legend 		{	font-family: Arial, "Times New Roman", serif;
				font-weight: bold; }

label 		{	font-family: Arial, sans-serif; }

main			{	width: 50%;
				padding-right: 2%;
				margin-left: 20%;	}

img			{	max-width: 100%;
				height: auto;	}

footer		{ 	text-align: center;
				font-size: 80%;
				font-style: italic;
				color: #1E3944;
				padding: 2.5%;
				clear: both;	}
				
figure		{ 	margin: 10px;
				float: right;
				width: 250px;
				border: 2.5px solid #1E3944;
				padding: 5px;	}

caption 		{ 	font-family: Verdana, sans-serif;
				font-weight: bold;
				font-size: 1.2em;
				padding-bottom: 0.5em; }
				
figcaption		{	text-align: center;	}

header, main, nav, footer, figure, figcaption, aside	{ display: block; }

td, th 		{	padding: 0.5em;
				border-style: none;
				font-family: Arial, sans-serif; }

.altrow 		{ 	background-color: #FFFFFF; }

.required	{	color: #FF0000;	}

.floatright	{	float: right;
				padding-right: 2em;
				padding-left: 2em;	}
				
#nav		{	background-color: #1E3944; 	} 

#clear		{	width: 150%;	}

#gallery	{	position: relative;	}

#gallery ul	{	width: 250px;
				list-style-type: none;	}
				
#gallery li	{	display: inline-block;
				padding: 10px;	}
				
#gallery img	{	border-style: none; }

#gallery a	{	text-decoration: none; 
				color: #333; 
				font-style: italic; }
			 
#gallery span{	display: none; } 
   
#gallery a:hover span	{	display: block; 
						position: absolute;
						top: 10px; 
						left: 300px; 
						text-align: center; }

@media only screen and (max-width: 1024px) {

	body		{	margin: 0;
					padding: 0;	}
		  
	#wrapper	{	width: auto; }
		  
	h1			{	margin: 0; }
				   
	main			{	width: 60%;
                   margin-left: 5%; }
				   
	aside		{	width: 30%;  }
	
	#gallery a:active span	{	display: block; 
								position: absolute;
								top: 10px; 
								left: 300px; 
								text-align: center; }
	
	nav			{	float: none;
					width: auto;
					letter-spacing:0.1em;
					font-weight: bold;	} 

	nav ul		{ 	list-style-type: none; 
					margin: 0;
					padding: 0;	
					text-align: center;	}

	nav li		{ 	display: inline-block;
					padding: 0.5em;
					width: 300px;	}

	nav a		{ 	text-decoration: none;
					text-align: center;
					padding: 20px;
					display: block;
					background-color: #1E3944;	}
					
	nav li	{	width: auto; 	}
				
	nav	a	{	border-style: none;	}	
}

@media only screen and (max-width: 768px) {

	h1 			{	font-size: 200%; }
			
	main 		{	margin: 0 5%;      
					width: auto;	}
					
	nav, nav	ul, nav li	{	padding: 0;	}
	
	nav, nav	ul, nav li	{	padding: 0;	}
				
	nav li			{	display: block; }
				
	nav	a			{	display: block;
						padding: 0.5em 0;
						border-bottom: 2px solid #321F09;}	
					
	aside 		{	display: none; }	

	figure		{	display: none;	}
}