html { height: 100%; margin-bottom: 1px; }

body {margin: 0px; 0px; 0px; 20px; background: #ff3399}

h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 120%;
	color: #ec008c;
	font-weight: bold;
	margin-bottom:0px;
}

td {font: 12px/16px Arial, Helvetica, sans-serif; color: #000000;}

.HeadingChart a {color: #ec008c; text-decoration: none;}
.HeadingChart a:visited {color: #ec008c; text-decoration: none;}
.HeadingChart a:hover {color: #ec008c; text-decoration: none;}
.HeadingChart a:visited:hover {color: #ec008c; text-decoration: none;}

a, a:visited {color: #ec008c; text-decoration: none;}
a:hover, a:visited:hover {color: #6d6e71; text-decoration: underline;}

.HomeText {color: #ec008c;
	   font-size: 15px;
	   line-height: 22px;}

.HomeText a {color: #F6509B; text-decoration: underline;}
.HomeText a:visited {color: #F6509B; text-decoration: underline;}
.HomeText a:hover {color: #F6509B; text-decoration: underline;}
.HomeText a:visited:hover {color: #F6509B; text-decoration: underline;}

li {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: 6d6e71;
	list-style-image:url(../images/reflexology-bullet.gif)
}

/* Main table light pink - will contain 2 columns: main text and navigation*/
.outsideTable {
	background-color: F6ADCD;
	padding: 20px 20px 0px 0px;
	height: 730px;
	width: 960px;
	vertical-align: top;
}

/* Main column: text: free-floating on the right */
div#main {
    float: right;
    width: 707;
}

/* Navigation column */
div#navcol {
    width: 250;
}

/* Footchart: free-floating on the right */
div#footchart {
    float: right;
    width: 765;
}

/* Bookmark column */
div#bookmarks {
    width: 186;
}

/* Encloses the text column */
.whiteSquare {
	padding: 20px;
	vertical-align: top;
	text-align: left;
	height: 100%;
}

.navigation {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-bottom: 5px;
	border-top-width: 1px;
	padding-top: 5px;
	border-bottom-width: 1px;
}

.thankyou {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font size: 12px/18px;   
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	line-height: 16px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-bottom: 5px;
	border-top-width: 1px;
	padding-top: 5px;
	border-bottom-width: 1px;
}

.heading {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #ec008c;
	font-weight: bold;
}
.bodycopy {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: 6d6e71;
}


.bodycopyBold {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: 6d6e71;
	font-weight: bold;
}

.bullet {
	vertical-align: top;
	text-align: left;
	width: 14px;
	padding-top: 10px;
}

.copyrightRight {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FFCCFF;
	text-align: right;
	vertical-align: middle;
	height: 20px;
}