/*Elements*/
body 		{text-align: center; margin: 0px; font-family: Verdana, Helvetica, Sans-Serif; font-size: 0.75em; line-height: 1.75em; color: #a9ab96; background-color: #ffffff;}
img 		{border: 0px;}
form		{margin: 0px;}
h1		{font-size: 1.2em; font-weight: bold; margin: 0px;}
h2		{font-size: 1em; font-weight: bold; margin: 0px;}
hr		{color: #a9ab96; height: 1px; background-color: #a9ab96; border: solid 1px #a9ab96;}

a, a:active, a:visited	{text-decoration: underline; color: #a9ab96;}
a:hover, a:active:hover, a:visited:hover	{text-decoration: none;}


/*Layout*/	
#container	{background-image: url(/happynappy/images/base/nav.gif); background-repeat: repeat-y; background-color: #ffffff; width:750px; margin-right:auto; margin-left:auto; text-align:left; position: relative;}
#containernonav	{background-color: #ffffff; width:750px; margin-right:auto; margin-left:auto; text-align:left; position: relative;}
#nonav		{margin: 20px 45px 20px 45px;}
#nav		{float: left; width: 220px; margin-left: 45px; color: #747665;}
#nav div	{padding: 5px;}
#content	{float: right; width: 465px; padding: 10px;}
#content a, #content a:active, #content a:visited	{color: #888888;}
#contact	{clear: both; color: #ffffff; padding:4px; background-color: #a9ab96; text-align: right;}
#contact a, #content a:active, #content a:visited	{color: #888888;}
#date		{position: absolute; left: 654px; top: 28px; z-index: 1; color: #ffffff;}

/*Useful*/
#clearboth	{clear:both;}
.item		{min-height: 150px;}