/* Winnie and Hal */

html {min-height: 100%; margin-bottom: 1px; }
body { 
	margin: 0; font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	background: url(images/body.gif) 0 0 repeat-x #c6d1c0; color: #000000; }
ul, li, ol, dl, dd, h3, h4, h5, p { margin: 0; padding: 0; list-style: none; border: 0; }
h1, h2, span, hr { display: none; }
.clean { clear: both; }

#container {
width: 750px;
margin: 0 auto; }
 	/* Header */
	#container #level-1 {
	background: url(images/logo.gif) 0 0 repeat-x;
	height: 132px; }
		#container #level-1 #logo {
		display: block;
		width: 206px;
		height: 60px;
		float: left;
		margin: 53px 0 0 29px; }
			#container #level-1 #logo a {
			display: block;
			width: 206px;
			height: 60px;
		/*	background: url(images/logo.gif) top left no-repeat; */ }
		#container #level-1 ul {
		padding: 29px 6px 0 0;
		float: right;
		margin: 0; }
			#container #level-1 ul li {
			float: left; }
		/* Story */
		#container #level-1 #story,
		#container #level-1 #story a:hover,
		#container #level-1 #story a.current {
		background: url(images/button1.gif) 0 0 no-repeat;
		width: 112px;
		height: 98px;
		display: block; }
			#container #level-1 #story a {
			background: url(images/button1.gif) 0 0 no-repeat;
			display: block;
			width: 112px;
			height: 98px; }
		/* Wedding */	
		#container #level-1 #wedding,
		#container #level-1 #wedding a:hover,
		#container #level-1 #wedding a.current {
		background: url(images/button2.gif) 0 0 no-repeat;
		display: block;
		width: 112px;
		height: 98px; }
			#container #level-1 #wedding a {
			background: url(images/button2.gif) 0 0 no-repeat;
			display: block;
			width: 112px;
			height: 98px; }
		/* Guestbook */
		#container #level-1 #guestbook,
		#container #level-1 #guestbook a:hover,
		#container #level-1 #guestbook a.current {
		background: url(images/button3.gif) 0 0 no-repeat;
		display: block;
		width: 112px;
		height: 98px; }
			#container #level-1 #guestbook a {
			background: url(images/button3.gif) 0 0 no-repeat;
			display: block;
			width: 112px;
			height: 98px; }
		/* Gift */
		#container #level-1 #gift,
		#container #level-1 #gift a:hover,
		#container #level-1 #gift a.current {
		background: url(images/button4.gif) 0 0 no-repeat;
		width: 112px;
		height: 98px;
		display: block; }
			#container #level-1 #gift a {
			background: url(images/button4.gif) 0 0 no-repeat;
			width: 112px;
			height: 98px;
			display: block; }
   	/* Main */
	#container #level-2-blog,
	#container #level-2-story,
	#container #level-2-wedding,
	#container #level-2-guestbook
	 #container #level-2-gift {
	height: 160px; }
	#container #level-2-blog {
	background: url(images/level-2-blog.jpg) top left no-repeat; }
	#container #level-2-story {
	background: url(images/level-2-story.jpg) top left no-repeat; }
	#container #level-2-wedding {
	background: url(images/level-2-wedding.jpg) top left no-repeat; }
	#container #level-2-guestbook {
	background: url(images/level-2-guestbook.jpg) top left no-repeat; }
	#container #level-2-gift {
	background: url(images/level-2-gift.jpg) top left no-repeat; }
	/* Main - 2nd Level */
	#container #level-3 {
	background: url(images/level-3.gif) 0 0 repeat-y;
	padding:  10px 30px 20px 30px; }
		#container #level-3 h3 {
		background: url(images/h3.gif) top right no-repeat;
		font: italic 1.6em Georgia, "Times New Roman", Times, serif;
		color: #4a603e;
		display: inline;
		padding: 0 20px 0 0; }
		#container #level-3 p {
		line-height: 1.6em;
		margin: 5px 0 15px 0; }
		#container #level-3 ul {
		margin: 5px 0 0 0; }
			#container #level-3 ul li {
			line-height: 1.6em;
			margin: 0 0 5px 30px;
			list-style: disc;  }
		#container #level-3 em { }
		#container #level-3 img {
		float: right;
		margin: 20px 30px 0 0; }
		#container #level-3 dl {
		float: right;
		display: inline; 
		margin: 10px 70px 0 0; }
			#container #level-3 dl dd {
			margin-bottom: 5px; }
			#container #level-3 dl dt {
			margin-bottom: 5px;
			font-weight: bold; }
		#container #level-3 a {
		color: #4a603e;
		text-decoration: none;
		font-weight: bold; }
		#container #level-3 a:hover {
		text-decoration: underline; }
		/* #container #level-3 #contactbox {
		border: 1px solid #c6d1c0;
		background: url(images/bg-contactus.gif) bottom right no-repeat #e1eed9;
		padding: 15px 20px;
		margin: 5px 0 15px 0; }
		#container #level-3 #contactbox form {
		float: left; 
		width: 300px;}
		#container #level-3 #contactbox form .inputbox {
		width: 300px;
		padding: 3px 1px; }
		#container #level-3 #contactbox form textarea {
		height: 100px;}
        */
	/* Footer */
	#container #level-4 {
	background: url(images/level-4.gif) 0 0 repeat-x;
	clear: both;
	height: 160px;
	padding: 12px 20px; }
		#container #level-4 h4 {
		font-size: .9em;
		color: #3f5251;
		float: left; }
			#container #level-4 h4 a {
			color: #3f5251;
			font-weight: bold;
			text-decoration: underline; }
			#container #level-4 h4 a:hover {
			color: #647a79;
			text-decoration: underline; }
		#container #level-4 h5 {
		font-size: .9em;
		float: right;
		color: #ffffff; }
			#container #level-4 h5 a {
			color: #ffffff;
			font-weight: bold;
			text-decoration: underline; }
			#container #level-4 h5 a:hover {
			color: #d0d7cb; }