h1 { font-size: 24px;
               color: Crimson;
                text-transform: uppercase;
                 text-align: center;
                  				 }			
			* {
				font-family: Arial;
				color: black;
				text-align: center;
				font-size: 18px;}
				
			body {
				width: 99%;
				margin: 0 auto;
				background-color: LightCyan;}
			#nav {background-color: white;}	
			#content {
				overflow: auto;}
			#nav, #feature, #footer {
				margin: 1%;
				border: 5px ridge ForestGreen;}
			.column1, .column2, .column3 {
				width: 31.3%;
				float: left;
				margin: 1%;
				overflow: scroll;}
			.column3 {
				margin-right: 0%;}
				
			li {
				display: inline;
				padding: 0.05em;
                overflow: auto;}
				li a:hover {background-color: yellow;}

.button {
    padding: 10px 15px;
    background: #E5E4E2;
    color: clear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px black;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow: auto;
    display: inline-block;
}
.button:hover {
    background: yellow;
    border: solid 1px black;
    text-decoration: none;
}
.button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #414A4C;
    border: solid 1px black;
}
				
				
          
h1 { background-color: Black;
color: rgb(255,0,0);
text-transform: uppercase;
text-align: center;	
-webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
	animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    from {background-color: black;}
    to {background-color: yellow;}
}

/* Standard syntax */
@keyframes example {
    from {background-color: black;}
    to {background-color: yellow;}
}

}
h2 { background-color: red;
color: yellow;	
}
div { }

p { font-family: Gadget;
    color: black;
     background-color: silver;
	 background-color: hsla(0,100%,100%,0.5);
	}
	p.one { border-width: 2px; border-style: solid;}
	p.two  { border-width: 2px; border-style: solid; padding: 2px;}
	p.three {border-width: 5px; border-style: outset; border-color: silver; color: Blue;}
	p.pic {text-align: center;}
	p.future {text-align: center;}
	p.media {font-size: 28px; border-width: 5px; border-style: outset; border-color: red; }
	

	a:link {
				color: blue;
				text-decoration: none;}
			a:visited {
				color: crimson;}
			a:hover {
				color: deeppink;
				text-decoration: underline;}
			a:active {
				color: darkcyan;}
				
img.align-center {display:block; margin: 1px auto;}				
video.align-center {display:block; margin: 1px auto;}
   
			 #feature {overflow: scroll;}

				
			#nav, #footer {
				background-color: #efefef;
				padding: 0.5em 0;}
			#feature, .article {
				height: 15em;
				margin-bottom: 1em;
				background-color: #efefef;}