/* BG image of white stripe across page with a BG color set to fill out the bottom of the page */
body {
	margin: 0;
	background: url('images/bg_pink_white.gif') repeat-x top left;
	background-color: #F08A9F;
	color: #9F4B55;
}

body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

/* Top of box including top left and right corners*/
td.top {
	background: url('images/bg_top.gif') repeat-y top left;
	height: 17px;
	font-size: 2px;
	line-height: 2px;
}

/* White stripe on the left with transparent BG */
td.left-column {
	background: url('images/bg_left.gif') repeat-y top left;
	width: 263px;
}

/* White stripe on the right with transparent BG*/
td.right-column {
	background: url('images/bg_right.gif') repeat-y top right;
	width: 487px;
}

/* Bottom of box with bottom left and right corners  */
td.bottom {
	background: url('images/bg_bottom.jpg') no-repeat bottom left;
	height: 18px;
}

/* Teddy bear background that fills back of main table and aligns to bottom */
.main {
	background: url('images/bg_teddy_bear.jpg') no-repeat bottom left;
}

/* Header BG that goes in a div and is placed in the top of the right column */
.headerbg {
	background: url('images/header.gif') no-repeat top left;
	height: 137px;
	width: 487px;
}

/* White stripe div that goes in left and right columns in case table is very short height to preserve illusion of white stripe running across page */
.tablestripe {
	background: url('images/bg_pink_white_for_table.gif') top left repeat-x;
	height: 247px;
	width: 100%;
	height: 100%;
}


/* Featured image */
img.feature-pic {
	margin-left: 20px;
	margin-top: 20px;
	border: solid white 3px;
}

.info-box {
	border: solid 3px #DC6875;
	padding: 5px;
	background-color: #FFF;
	margin-right: 20px;
	margin-top: 20px;
	clear: both;
}

/* Text */

h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, Times, serif;
	border-bottom: solid 1px #DC6875;
}

h2, h3 {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
}

a {
	color: #DC6875;
}

a:hover {
	color: #fff;
	background-color: #DC6875;
}

.footer {
	text-align: center;
}
.footer a {
	color: #fff;
}

span.relation, span.fact {
	font-style: italic;
}

/* Image gallery */

#imagegallery {
	background-color: #F08A9F;
}

#imagegallery td {
	text-align: center;
}

#imagegallery a {
	color: #fff;
}

/* Guestbook */

#guestbookdata {
	padding: 5px;
	background-color: #fff;
}

.guestfooter {
	color: #FFF;
	background-color: #F08A9F;
	padding: 5px;
	text-align: center;
}

#name {
	font-weight: bold;
}

#date {
	font-style: italic;
	text-align: right;
}

.guestfooter a {
	color: #fff;
}

#signguestbook {
	padding: 5px;
	background-color: #fff;
}


div.body {
	background-color: #fff;
	padding: 5px;
}