html, body {
	height: auto;   /* required only for IE5 mac */
}

body {
border-color:#CCCCCC;


}
html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}
div#distance { 
	margin-bottom: -20em; /* half of content height */
	background:white;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 20em;         /* required - desired height */
	width: 50em;          /* required - desired width */
	/* width: 50%; */
	/* background: #cccccc;     cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	
}
/* main site design */
div#websitehold {
    width: 800px;
    
    background-color: #ffffff;
    border:1px solid #cccccc;
    }
div#pages {
	width:800px;
	height:130px;
	background-color:#ffffff;
	}
h1
	{
	font-size:14px;
	}
div#pagescontent {
	width:790px;
	/*height: 356px; */
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#BF00BF;
	font-size:12px;
	padding:2px 2px 2px 5px;
	}
.treat
{
    color:#BF00BF;
	font-size:12px;
}
div#leftside {
    width: 370px;
    height: 486px;
    vertical-align: bottom;
    float: left;
    }
div#toprightside {
    width:419px;
    height:52px;
    position: top;
    float: right;
    }
div#bottomrightside {
    width: 419px;
    height: 244px;
    float:right;
    }
div#navigation {
    width: 800px;
    height: 169px;
    float:left;
    background-image: url(images/bottom.jpg);
    background-repeat: no-repeat;
    background-color: #C965D8;
    }