/* CSS layout */

* {
	margin:0;
	padding:0
}

body {
	background-color:#606
}

#wrapper {
	margin:auto;
	width:40em;
	margin-top:1em;
	margin-bottom:1em;
	border:thick #C00 solid
	
}
#banner {
	width:100%;
	background-color:#FC0;
	
}

#banner img {
	display:block;
	height: 120px;
	width: 640px;
}

#topnav {
	background-color:#0FF;
	height:2em;
	border-top:thin #000 solid;
	border-bottom:thin #000 solid;
	font:normal small Candara, Arial, sans-serif;
	padding-left:2.8em
	
}

#topnav ul {
	list-style-type:none
}

#topnav li {
	float:left;
	padding-top:.5em;
	padding-bottom:.5em;
	padding-right:1.5em
}

#topnav li.selected a:link, #topnav li.selected a:visited {
	color:#C00
}

#content {
	background-color:#FFF;
	padding:2em;
}

#content ul {
	padding-left:2em;
	padding-bottom:1.5em
}

#content li {
	font:normal small  Arial, sans-serif;
	
}

#content p {
	font:normal small Arial, sans-serif;
	padding:.5em 0
}

#footer {
	background-color:#0FF;
	border-top:thin #000 solid;
	font:normal small Candara, Arial, sans-serif;
	text-align:center;
	padding:.5em
}

h1 {
	font:normal x-large Candara, Arial, sans-serif;
	padding-bottom:1em;
	color:#606
}

h3 {
	font:normal small  Arial, sans-serif;
	padding:1em 0;
	text-align:center;
	color:#C00

}

#content a:link, #content a:visited, #content a:active {
	color:#606; 
	text-decoration:none
}

#content a:hover {
	background-color:#0FF;
	text-decoration:none
}


#topnav a:link {
	text-decoration:none;
	color:#000
}

#topnav a:hover, #footer a:hover {
	text-decoration:none;
	color:#000;
	background-color:#6CC
}

#topnav a:visited, #topnav a:active, #footer a:visited, #footer a:active {
	text-decoration:none;
	color:#000
		
}

#footer a:link {
	text-decoration:none;
	color:#C00
}

h4 {
	font:normal small Elephant;
	text-align:center
}


h4 a:link {
	text-decoration:none;
	color:#FFF
}

h4 a:hover, h4 a:visited, h4 a:active {
	text-decoration:none;
	color:#C00
}