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
				{
				padding-top: 1em;
				padding-left: 20px;
				text-align: left;
				}
				
main img		{
				float: left;
				max-width: 40%;
				max-height: 40%;
				margin-left: auto;
				margin-right: auto;
				}
				
/* STYLES FOR NEIGHBORHOOD CENTERS AND PARKS */								

.item-row		{
				margin-top: 35px;
				margin-left: 20px;
				margin-bottom: 50px;				
				float: left;
				}
							
article			{
				padding: 3px;
				width: 240px;
				float; left;
				}
							
article img		{
				margin-top: 3px;
				max-width: 230px;
				max-height: 230px;
				float: none;
				}
							
article h3		{
				font-size: 110%;
				text-align: center;
				margin-bottom: 2px;
				}
				
article h4		{
				font-size: 80%;
				margin-bottom: 10px;
				text-align: center;
				}
				
article li		{
				font-size: 70%;
				text-align: center;
				margin-top: 8px;
				list-style-type: none;
				padding: 0px;
				}
					
/* END STYLES FOR NEIGHBORHOOD CENTERS AND PARKS */

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

th				{
				background-color: #81c3ca;
				font-size: 120%;
				text-align: left;
				}

td				{
				border: solid 2px #000000;		
				padding: 8px;
				text-align: center;
				}

tr:nth-of-type(odd)	
				{
				background-color: #DCDCDC;
				}
				
/*END TABLE STYLES */				

/* CLASS TO CLEAR DROPPED FLOATS */
.clr-float		{
				clear: both;
				}					
/*END 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;
				}