body {
	background-color: #00CC00;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #000000;

}
a {color: #004F00; font-weight: bold;}

#wrapper {
width: 763px;
background-color: #FFFFFF;
margin: 0px auto; border: 0px; padding: 0px;}

#header {background-image: url(../images/page-background.jpg);
	background-repeat: repeat-y;}

#menu-bar {
	background-image: url(../images/menu-background.jpg);
	background-repeat: repeat-y;
	font-size: 110%;
	line-height: 250%;
	margin: 0px; border: 0px; padding: 0px;
}
#menu-bar a {color: #000000;}

#rh-menu {
	float: right; 
	padding: 10px 0px 0px 10px;
	width: 170px;
	text-align: center;
}

/* rh-menu buttons */

#rh-menu div.btn {
	float: left;
	width: 152px;
	height: 111px;
	background: 0 0 no-repeat;
}
#rh-menu div.btn1 {background-image: url("../images/side-buttons/infant-massage-guide.jpg"); height: 191px;}
#rh-menu div.btn2 {background-image: url("../images/side-buttons/infant-massage-oil-bottles.jpg");}
#rh-menu div.btn3 {background-image: url("../images/side-buttons/infant-massage-books.jpg");}
#rh-menu div.btn4 {background-image: url("../images/side-buttons/infant-massage-music.jpg");}
#rh-menu div.btn5 {background-image: url("../images/side-buttons/baby-shower-gifts.jpg");}

#rh-menu div.btn:hover {cursor: pointer;}
#rh-menu div.btn1:hover {background-image: url("../images/side-buttons/infant-massage-guide-hvr.jpg"); height: 191px;}
#rh-menu div.btn2:hover {background-image: url("../images/side-buttons/infant-massage-oil-bottles-hvr.jpg");}
#rh-menu div.btn3:hover {background-image: url("../images/side-buttons/infant-massage-books-hvr.jpg");}
#rh-menu div.btn4:hover {background-image: url("../images/side-buttons/infant-massage-music-hvr.jpg");}
#rh-menu div.btn5:hover {background-image: url("../images/side-buttons/baby-shower-gifts-hvr.jpg");}

/* Generic classes */
.hdn {display: none;} /* Hidden, eg to preload images */
.no-border {border: 0;} /* eg remove border from image links */
.floatlt {float:left;} /* float image or other to left */
.floatrt {float:right;} /* float image or other to right */

#content {
	background-image: url(../images/page-background.jpg);
	background-repeat: repeat-y;
	border: 0px; 
	padding: 10px 30px 20px 30px; 
	text-align: left; 
	line-height: 150%;
	}

/* Standards compliant browsers recognise this height setting */
html>body div#content {
  height: auto;
  min-height: 630px;}

#content img {border: 0px; padding: 0px; margin: 10px 10px 0px 0px; }


#foot-stripe {
	background-image: url(../images/menu-background.jpg);
	background-repeat: repeat-y;
	line-height: 160%;
	margin: 0px; border: 0px; padding: 0px;
	font-size: 90%;
}

#footer {
	height: 89px;
	padding: 0px; margin: 0px; border: 0px;
	background-image: url(../images/footer-background.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 95%;
	background-position: center bottom;

}

h1 {color: #009900;
font-size: 175%;
line-height: 120%;
padding: 0px; margin: 20px 0px 5px 0px; border: 0px; 

}
h2 {color: #000000;
font-size: 120%;
padding: 0px; margin: 0px; border: 0px; 
line-height: 120%;
}


.col3 { float: left; width: 30%; padding: 0px; margin: 8px 10px 10px 15px; border: 0px;}
.col3 img {float: left; border: 0px;}
.col4 {float: left; width: 28%; padding: 0px; margin: 8px 15px 10px 10px; border: 0px;}

.imgcentre {float:none; text-align: center;}

.nolh {line-height:0%}

td {font-size: 12px;}

hr {margin: 0px; padding: 0px;}

tr {vertical-align: top;}

td h2 {line-height: 200%;}

.botalign {vertical-align: bottom;}