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;
    height: 656px;
    background-color: #ffffff;
    border:1px solid #cccccc;
    }
div#pages {
	width:800px;
	height:130px;
	background-color:#ffffff;
	}
div#pagescontent {
	width:793px;
	height: 356px;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	padding:2px 2px 2px 5px;
	}
div#leftside {
    width: 370px;
    height: 486px;
    vertical-align: bottom;
    float: left;
    }
div#toprightside {
    width:419px;
    height:52px;
    position: top;
    float: right;
    text-align:right;
    background-color:White;
    }
div#bottomrightside {
    width: 419px;
    height: 444px;
    float:right;
    color:#744A9E;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    overflow:scroll;
    }
div#navigation {
    width: 800px;
    height: 169px;
    float:left;
    background-image: url(images/bottom.jpg);
    background-repeat: no-repeat;
    /*background-color: #C965D8;*/
	background-color: #ffffff;
    }
.BottomLink {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	
	font-size:11px;
	padding:5px;
	
	}
a.nav:link {color: #898989; text-decoration: none; }
a.nav:visited {color: #898989; text-decoration: none; }
a.nav:hover {color: #purple; text-decoration: underline; }
a.nav:active {color: #898989; }

a.external:link {color: #0000ff; font-size: 18pt; font-weight: bold; }
a.external:visited {color: #894f7b; font-weight: bold; }
a.external:hover {text-decoration: overline; background-color: #003399; }
a.external:active {color: red; }