body {
	margin-top: 50px;
	background-color: #ffffff;
}


div#container {
	padding: 0;
	margin: auto;
	border: 2px solid #d9fdd9;
	width: 800px;
	font-family: Verdana;
}

div#title {
	height: 180px;
}

div#logo {
	float: left;
	text-align: center;
	background-color: #006600;
	width: 200px;
	height: 165px;
	padding-top: 15px;
	color: #ffffff;
}
#logo span {
	font-size: 22px;
	font-weight: bold;
}

div#banner {
	float: right;
	background-image: url(../images/banner.jpg);
	width: 600px;
	height: 180px;
}

#list ul {
	bottom: 0px;
	list-style-type:none;
	white-space: nowrap;
}

#list li {
	display:inline;
}

#list a {
	color: #ffffff;
	font: 12px verdana,sans-serif;
	font-weight: bold;
	padding:3px 10px 3px 10px;
	text-decoration:none;
	margin: 0px 5px 0px 5px;
	border:1px solid #006600;
}

#list a:hover {
	color: #006600;
	background-color:#ffffff;
	border:1px solid #006600;
}

div#content {
	background-color: #ecffec;
	color: #004400;
	padding: 20px;
	font-size: 14px;
}

div#footer {
	padding: 5px;
	background-color: #006600;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
.test {
	background:#fff;
	padding:4px;
	border:1px solid #ccc;
}

.image {
	padding: 10px;
}

a {
	color: #004400;
}