@charset "UFT-8"

articel, aside, footer, header, main, nav, section, h2, p {
	display: block;
}

html, body, h1, h2, h3, ul, li, a, p,
articel, aside, footer, header, main, nav, section {
	padding: 0;
	margin: 0;
}

.banner {
   height: 90px;
   background-color: lightblue; /* For browsers that do not support gradients */
   background-image: linear-gradient(0deg, #E1F1FD, #A8DAFF);
}
/* old .banner code
background-color: #696969; 
color: white; 
padding: 10px 20px;
*/

body {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f0f0f0;
	font-family: Garamond/*Helvetica, Arial*/; Garamond/*sans-serif*/;
	font-size: 15px;
}

nav {
  height: 25px;
  background-color: #2673FA; /* For browsers that do not support gradients */
  background-image: linear-gradient(0deg, #2F7FC2, #A6D2F6);
}
/* old nav code
	background-color: #808080;
	padding: 6px;
	margin-top: 1px;
*/

li a {
	color: white;
}

li {
	display:inline;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px;
	font-variant: small-caps;
	font-weight: bold;
}

section {
  	background-color: #C4C4C4; /* For browsers that do not support gradients */
  	background-image: linear-gradient(0deg, #A2A2A2, #C5C5C5);
	margin-top: 5px;
	padding: 5px;
}

articel {
	background-color: white;
	margin-top: 5px;
	padding: 10px 15px
}

main {
	width: 640;
}

aside {
  	background-color: #C4C4C4; /* For browsers that do not support gradients */
  	background-image: linear-gradient(0deg, #A2A2A2, #C5C5C5);
	margin-top: 5px;
	padding: 5px;	
}
	/*background-color: #bbbbbb;
	margin-top: 5px;*/
h2 {
	padding: 5px;		margin-top: 5px;
	margin-left: 5px;
	background-color : #bbbbbb;
}

p {
	margin-top: 5px;
	margin-bottom: 3px;
}

footer {
	margin-bottom: 5px;
}