html, body, ol, ul, li, dl, dt, dd, img {
	margin: 0; 
	padding: 0;
	border: 0;
	list-style: none;
	color: #610C56;
	background: #F4F4D8;
}

/* Jello */
body {
	padding: 0 370px 0 370px; /* these side paddings together determine the natural min-width */
	font-family: palatino, "times new roman", times, serif;
	font-size: 90.02%;
	text-align: center; /* this centers the wrappers in older IEwin versions */
	background: #F4F4D8;
}
		
#sizer {
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
	padding: 0;
	width: 65%; /* here is the critical value for customizing the Jello behavior */
	max-width: 370px;  /* version for IE is at the bottom of this style block */
}

#expander {
	margin: 0 -370px 0 -370px; /* these side margins should be the same or slightly less than body paddings */
	min-width: 740px; /* This prevents Safari from losing the negative margins in narrow windows */
	position: relative;
	min-height: 1px;
	border: 0; 
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 

#sidebar {
	width: 22%;
	float: left;
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	margin-left: 5%;
	color: #610C56;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	background: #F4F4D8;
}

#content {
	width: 66%;
	margin-right: 5%;
	text-align: left;
	float: right;
	display: inline; /* IEwin doubled margin bug fix */
	padding-bottom: 2.5em;
	padding-top: 2.5em;
}

#footer { 
	background: #F4F4D8;
	clear: both; 
	width: 100%;
	border-top: 0; 
	font-size: 70%;
	color: #610C56;
}
#center {
	text-align: center;
}
#algrt {
	text-align: right;
}
#alglf {
	text-align: left;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.alignleft2 {
	float: left;
	text-align: center;
	width: 30%;
}
.aligncenter {
	float: left;
	text-align: center;
	width: 45%;
}
.aligncenter2 {
	float: left;
	text-align: center;
	width: 35%;
}
.alignright2 {
	float: left;
	text-align: center;
	width: 35%;
}

.textpadder {
	padding: 8px;
}
.textpadder2 {
	padding: 72px;
}
.textpadder3 {
	padding: 0 30px 8px 30px;
	font-size: x-small;
}
/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* \*/
* html #wrapper,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */

h1, h2, h3, h4, h5, h6	{
	font-family: palatino, "times new roman", times, serif;
}
a:link { 
	color: #610C56;
	text-decoration: none; 
}
a:visited { 
	color: #610C56; 
	text-decoration: none; 
}
a:hover { 
	color: #C5C6B7; 
}
a:hover { 
	color: #C5C6B7; 
}
.numb {
	text-align: left;
	line-height: 140%;
	margin-top: 18px;
	margin-bottom: 0;
}
.dkteal {
	color: #306E5E;
}
.lteal {
	color: #CEE9E2;
}
.blue {
	color: #214074;
}
.red {
	color: #753E59;
}
.tan {
	color: #62645E;
}
.offwht { 
	color: #f4f4d8; 
}
.u {
	text-decoration: underline;
}
.b {
	font-weight: bold;
}
.lg {
	font-size: 180%;
	font-stretch: condensed;
}
.med {
	font-size: 140%;
	font-stretch: condensed;
}
.sm {
	font-size: 70%;
	font-stretch: condensed;
}
.min {
	font-size: 110%;
	font-stretch: condensed;
}
.hidden {
	display: none;
}