header, nav, main, footer	
				{
				display: block
				}


*				{
				margin: 0px;
				box-sizing: border-box;
				}


body			{
				font-family: helvetica, arial, san-serif; 
				}				
				
header 			{
				color: #FFFFFF;
				font-family: Palatino, serif;
				margin-top: 0px;
				height: 240px;
				background-image: url(images/red-mountain.png);
				background-size: 100%;
				background-repeat: no-repeat;				
				}

header img		{
				max-width: 80%;
				max-height:70%;
				display: block;
				padding-top: 1em;
				margin-right: auto;
				margin-left: auto;
				}				

header h1 		{
				clear: left;
				padding-top: 0em;
				padding-right: .5em;
				text-align: center;
				font-size: 2em;
				}

/* NAV STYLES START*/

nav 			{
				font-weight: bold;
				padding: 0em;
				float: left;
				width: 180px;
				background-color: #00a6b7;
				}
					
nav ul			{
				list-style-type: none;
				padding-left: .5em;
				padding-top: 1em;
				}

nav a			{
				text-decoration: none;
				color: #ffffff;
				display: block;
				padding: 1em 1em;
				}	

nav a:hover		{
				color: #fffc00;
				text-transform: uppercase;
				}

/* NAV STYLES ENDS*/

main 			{
				margin-top: 0em;
				margin-left: 190px;
				padding-bottom: 100px; 
				background-color: #ffffff;
				display: block;
				}

main li			{
				text-align: left;
				font-family: Palatino, serif;
				list-style-type: none;
				margin-top: 6px;
				padding-left: 50px;
				}

main h2
				{
				font-size: 180%;
				padding-top: 1em;
				padding-left: 20px;
				text-align: left;
				}

main img		{
				float: left;
				padding: 20px 10px 5px 20px;
				max-width: 50%;
				}

p				{
				font-size: 95%;
				padding-top: 10px;
				padding-left: 20px;
				text-align: left;
				}
/* START STYLES FOR COMMUNITY BUILDING AND CSS SELECTORS*/								

.item-row		{
				margin-top: 35px;
				margin-left: 45px;
				margin-bottom: 50px;
				float: left;
				}
							
article			{
				padding: 10px;
				width: 330px;
				float; left;
				}
							
article img		{
				margin-top: 3px;
				max-width: 640px;
				max-height: 640px;
				float: none;
				}
							
article h3		{
				font-size: 126%;
				text-align: center;
				margin-bottom: 2px;
				}
				
article h4		{
				font-size: 80%;
				margin-bottom: 15px;
				text-align: center;
				}
				
article li		{
				font-size: 80%;
				text-align: center;
				margin-top: 6px;
				list-style-type: none;
				padding: 0px;
				}
					
/* END STYLES FOR COMMUNITY BUILDING */

/* FORM STYLES AND CSS SELECTORS*/

form			{
				width: 800px;
				margin-left:auto;
				margin-right: auto;
				}

form h2			{
				font-weight: normal;
				font-size:140%;
				text-align: center;
				}

form h3			{
				padding-bottom: 20px;
				font-weight: normal;
				font-size: 110%;
				text-align: center;
				}
			
.row			{
				margin: 10px 0px 10px 0px;
				}			

label			{
				width: 400px;
				text-align: right;
				display: block;
				float: left;
				padding-right: 5px;
				}

#submitbutton	{
				margin-left: 400px;
				}				

/* END FORM STYLES */

/*TABLE STYLES */
table			{
				width: 80%;
				margin-left: 50px;
				border-collapse: collapse;
				border: solid 2px #000000;		
				}	

td				{
				border: solid 2px #000000;		
				padding: 8px;
				text-align: center;
				}
				
tr:nth-of-type(odd)	
				{
				background-color: #fffc00;
				}
/*END TABLE STYLES */
				
/* CLASS TO CLEAR DROPPED FLOATS */
.clr-float		{
				clear: both;
				}					
/* END OF CLASS */
				
footer 			{
				clear: both; 
				margin-left: auto;
				margin-right: auto;
				background-color: #81c3ca;
				font-size: .70em;
				font-style: italic;
				text-align: center; 
				padding: 1em;
				}		
				
#wrapper 		{
				width: 80%;
				margin-left: auto;
				margin-right: auto;
				min-width: 700px;
				max-width: 1024px;
				background-color: #00a6b7;
				}