* { margin: 0; padding: 0; }
img { border: none; }
html, body { background: url(bg.jpg) #2f2f2f; color: #222; font-family: Arial, Helvetica; font-size: 14px; height: 100%;}
#wrap { width: 970px; margin: 0 auto; background: url(bgwrap.gif) top repeat-y; min-height: 100%; #height: auto !important; #height: 100%; }
#head { width: 950px; margin: 0 auto; }
#main, #foot { width: 940px; margin: 0 auto; }
#foot { padding-top: 30px; }
#foot a { color: #333;}
#main { min-height: 600px;}
h1.ttl { text-align: center; font-size: 36px; color: #e9008f; padding: 15px 0; margin-bottom: 10px; }
#main p { line-height: 1.4em; padding: 2px 10px; margin-bottom: 6px;}
#main a { color: #ff6c00; }
#foot p { text-align: center; }
ul#nav { list-style: none; height: 36px;  background: url(bgnav.gif) no-repeat; }
ul#nav li { float: left; display: inline; font-size: 16px; font-weight: bold; height: 36px; line-height: 36px; padding: 0 15px; }
ul#nav li a { color: #fff; }
.recips td { padding: 5px; }

table { margin: 0 auto; }

.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cleared { display: inline-block; }
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
.cleared {display: block;}
/* End hide from IE-mac */