body 			{ background-color: #DEF; margin: 0; padding: 0; }
#wrapper 		{ display: table; width: 780px; margin: 0 auto; }

#header 		{ display: table-caption; padding: 10px 0; text-align: center; }
#header img 		{ border: 1px solid #CCC; }

#menu 			{ display: table-cell; width: 130px; border: 1px solid #CCC; border-right: 0; background-color: #ADD; }
#menu ul 		{ list-style: none; margin: 0; padding: 0; }
#menu ul li a 		{ display: block; color: #555; text-decoration: none; padding: 1px 5px; background-color: #DAF5AA; }
#menu ul li a:hover 	{ background-color: #C0DE7F; }

#content 		{ display: table-cell; width: 650px; padding: 10px; border: 1px solid #CCC; border-left: 0; background-color: #D7E7F7; }
#content img 		{ margin: 20px; padding: 5px; border: 1px solid #999; }

.imageCaption 		{  }

h1, h2, h3, h4, h5, h6 	{ margin: 0; padding: 0; }
p 			{ margin: 0.6em 0; padding: 0; }

/* IE fixes - hopefully they don't mess anything up.
 * Should be put in separate CSS and included for IE only.
 * Currently using '* html' trick to hide from other browsers.
 * Lookie here: http://camendesign.com/code/mod_rewrite-css-targeting */

* html #wrapper {
	width: auto;
}

* html #menu {
	float: left;
}