body {color: #000; background: #fff url(img/body-bg.gif) repeat-x; font: italic 12px Georgia, serif; margin: 0; padding: 0; text-align: center;}
	
	a {color: #3A362E; text-decoration:none; }
	a:hover {color: #3A362E; text-decoration:underline; }
	
	h2 {color: #222852; background: url(img/h2-bg.gif) bottom left repeat-x; font-size: 20px; font-weight: normal; font-style: normal;}
	
	h3 {color: #999999; background: url(img/h2-bg.gif) top left repeat-x;  font-size: 10px; font-weight: normal; font-family: sans-serif; font-style: normal; padding-top:3px;}
	
	a.footer {color: #999999; padding-left:8px; padding-right:8px; }
		
	p {color: #514B42; line-height: 1.5em;}
	.hide {display: none;}

	font  {color: #222852; line-height: 1.5em;}

	#container {text-align: left; margin: 0 auto; padding: 55px 0 0 0; position: relative; width: 670px; background: url(container-bg.gif) no-repeat;}
	
	#header {background: url(img/header-bg.gif) repeat-y #B2A490;}
	
	#header img {padding-top: 18px; background: #5E5951 url(img/img-bg.gif) repeat-x; position: absolute; top: 55px; left: 258px;}
	
	#header h1 {margin: 0; font-size: 1px; width: 258px; height: 0; padding-top: 64px; overflow: hidden; background: url(img/h1.gif) 0 17px no-repeat;}
	
	#header ul, #header li {margin: 18px; padding: 0; list-style: none;}
	
	#header li {display: inline;}
	
	#header li a {color: #DEE3E4; text-decoration: none; text-align: right; width: 222px; line-height:17px; display: block;}
	
	#header li a:hover {text-decoration: underline;}
	
	#mainContent {padding-left: 258px;}
	
	#footer h1 {margin: 0; font-size: 1px; width: 258px; height: 0; padding-top: 64px; overflow: hidden; background: 0 17px;}

	/* The Magic min-height fix happens here */
	*>#header {padding-top: 230px; min-height: 1px;}
	*>#header .wrapper {margin-top: -230px;}
	* html #header {
		/* IE5Mac filter \*/
		height: 230px;
		/* end filter */
	}