
body {
	background-image: url("md-page-border.gif");
	margin-top: 0px;
	border-collapse: collapse;
}

#wrap {
	border-left: 0px solid #960709; /* changed 1px to 0px and below too */
	border-right: 0px solid #960709;
	/*border-bottom: 1px solid #960709;*/
	/* background-color: #ffffff; */
	width: 759px;
}

#header {
	width: 759px;
	background-image: url("md-header-bg.jpg");
	background-repeat: repeat-x;
	/* margin-bottom: 0px; remove, unnecessary */
}

#topNav {
	position: relative;
	width: 759px;
	height: 20px; /* This was set to 24px and was causing your spacing issue */
	/* background-image: url("md-nav-bg.jpg"); */
	background-repeat: repeat-x;
	/* margin-top: 0px;  remove, unnecessary */
	/* margin-left: 0px;  remove, unnecessary */
	/* margin-bottom: 0px;  remove, unnecessary */
	/* padding-bottom: 0px;  remove, unnecessary */
}

td.topNavOff {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-image: url("md-nav-bg.jpg");
}

td.topNavOff a {
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
}

td.topNavOn {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #870006;
}

td.topNavOn a {
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	text-decoration: none;
}

#main {
	width: 759px;
	background-color: #ffffff;
	margin-top: 0px;
	position: relative;
	text-align: left;
	border-collapse: collapse;
}


#main td.left {
	border-right: 1px solid #960709;
	border-left: 1px solid #960709;
	border-bottom: 1px solid #960709;
	background-color: #F0CDA5;
	/* background-image: url("md-hearts.gif"); */
	/* background-repeat: no-repeat; */
	
}

#main td.right {
	border-bottom: 1px solid #960709;
	border-right: 1px solid #960709; /* Jeff */
}

#mainLeft {
	width: 171px;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
}

#mainLeft ul.level0 {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	border-collapse: collapse;
}

#mainLeft ul.level0 li.level0Off {
	background-color: #F7E6D2;
	padding: 5px;
	margin-top: 0px;
	/* padding-top: 0px; */
	border-bottom: 1px solid #960709;
	border-collapse: collapse;
}

#mainLeft ul.level0 li.level0Off a {
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
	color: #870006;
	font-weight: bold;
	font-family: arial;
	font-size: 10pt;
}

#mainLeft ul.level0 li.level0On {
	margin-top: 0px;
	background-color: #870006;
	padding: 5px;
	/* padding-top: 0px; */
	border-bottom: 1px solid #960709;
	border-collapse: collapse;
}

#mainLeft ul.level0 li.level0On a {
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-family: arial;
	font-size: 10pt;
}

#mainLeft ul.level1 {
	background-color: #ff9999;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 1.5em;
	border-bottom: 1px solid #960709;
	list-style-type: disc;
	border-collapse: collapse;
}

#mainLeft ul.level1 li.level1Off {
	background-color: #ff9999;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border-collapse: collapse;
	color: #960709; /* this setting changes the color of the bullet point when the bullet text NOT moused over */
}

#mainLeft ul.level1 li.level1Off a {
	color: #870006;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

#mainLeft ul.level1 li.level1On {
	background-color: #ff9999;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border-collapse: collapse;
	color: white; /* this setting changes the color of the bullet point when the bullet IS moused over - they are different so you can see */
}

#mainLeft ul.level1 li.level1On a {
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

#mainRight {
	/*width: 588px;*/
	padding: 15px;
	font-family: arial;
	font-size: 10pt; /* Here's where the font size for the content area was changed, it was simply set to 12pt instead of 10 */
	text-align: left;
	margin-top: 0px;
	border-collapse: collapse;
}

/* Jeff's Gradient CSS Technique */

div.grad1	{
	height: 36px;
	width: 171px;
	background-color: rgb(250,242,231);
}

div.grad2	{
	height: 36px;
	width: 171px;
	background-color: rgb(250,240,230);
}

div.grad3	{
	height: 36px;
	width: 171px;
	background-color: rgb(249,239,227);
}

div.grad4	{
	height: 36px;
	width: 171px;
	background-color: rgb(250,238,226);
}

div.grad5	{
	height: 36px;
	width: 171px;
	background-color: rgb(249,237,223);
}

div.grad6	{
	height: 36px;
	width: 171px;
	background-color: rgb(248,236,222);
}

div.grad7	{
	height: 36px;
	width: 171px;
	background-color: rgb(248,235,219);
}

div.grad8	{
	height: 36px;
	width: 171px;
	background-color: rgb(247,234,218);
}

div.grad9	{
	height: 36px;
	width: 171px;
	background-color: rgb(248,232,216);
}

div.grad10	{
	height: 36px;
	width: 171px;
	background-color: rgb(247,231,215);
}

div.grad11	{
	height: 36px;
	width: 171px;
	background-color: rgb(246,231,215);
}

div.grad12	{
	height: 36px;
	width: 171px;
	background-color: rgb(245,231,208);
}

div.grad13	{
	height: 36px;
	width: 171px;
	background-color: rgb(245,230,205);
}

div.grad14	{
	height: 36px;
	width: 171px;
	background-color: rgb(245,228,203);
}

div.grad15	{
	height: 36px;
	width: 171px;
	background-color: rgb(244,223,200);
}

div.grad16	{
	height: 36px;
	width: 171px;
	background-color: rgb(245,220,198);
}

div.grad17	{
	height: 36px;
	width: 171px;
	background-color: rgb(243,216,186);
}

div.grad18	{
	height: 36px;
	width: 171px;
	background-color: rgb(242,215,185);
}

div.grad19	{
	height: 36px;
	width: 171px;
	background-color: rgb(243,214,184);
}

div.grad20	{
	height: 36px;
	width: 171px;
	background-color: rgb(242,213,181);
}

div.grad21	{
	height: 36px;
	width: 171px;
	background-color: rgb(242,212,178);
}

div.grad22	{
	height: 36px;
	width: 171px;
	background-color: rgb(241,211,177);
}

div.grad23	{
	height: 36px;
	width: 171px;
	background-color: rgb(240,210,176);
}

div.grad24	{
	height: 50px;
	width: 171px;
	background-color: rgb(239,207,169);
}
