* {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

img {
	border: 0;
}

body {
	background-color: #fffddb;
	color: #4c4938;
}

table, input, button, textarea, select, a {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

#container {
	width: 838px;
	margin: 15px auto 0;
}

#top {
	height: 51px;
	background: url('../images/top_bg.gif') no-repeat;
}

#logo {
	background: url('../images/middle_bg.gif') repeat-y;
}

	#logo img {
		display: block;
	}

#middle {
	background: url('../images/middle_bg.gif') repeat-y;
	padding: 0 55px 30px 30px;
}

	#menu {
		float: right;
		margin-bottom: 20px;
		padding: 20px 19px 0 0;
	}
	
		#menu a {
			float: left;
			display: block;
			margin-left: 5px;
			padding: 6px 22px;
			border: 1px solid #FFFFFF;
			text-decoration: none;
			color: #4c4938;
		}
		
		#menu a:hover {
			border-color: #FFFAAA;
			text-decoration: underline;
			color: #da9a23;
		}
		
		.submenu {
			display: none;
			top: 0;
			left: 0;
			position: absolute;
			padding: 10px;
			background-color: white;
			border: 1px solid #FFFAAA;
			text-align: left;
		}

		.submenu a {
			display: block;
			padding: 4px 10px;
			text-align: left;
			cursor: pointer;
			text-decoration: none;
			color: gray;
		}

		.submenu a:hover {
			background-color: #FFFDDB;
		}

#bottom {
	height: 38px;
	background: url('../images/bottom_bg.gif') no-repeat;
}

.clear {
	clear: both;
}