.body { background:#000000; margin:0px; padding:0px; }
.flash-body { background:#FFFFFF; margin:0px; padding:0px; overflow-x: hidden; overflow-y: hidden; }
.text-body { background:#FFFFFF; margin:20px; padding:0px; }

#photo { background:url(http://www.ruan.com/images/johnruan-main.jpg) no-repeat top center; height:520px; }

#proceed-to-ruan { margin:auto; width:960px; padding:0px; }
#proceed-to-ruan a#proceed-to-ruan { float:right; display:block; width:305px; height:10px; background: url(http://www.ruan.com/images/johnruannav/proceed-to-ruan-transport.gif) no-repeat; }
#proceed-to-ruan a#proceed-to-ruan:hover { background: url(http://www.ruan.com/images/johnruannav/proceed-to-ruan-transport.gif) 0 -10px no-repeat; }

/* MAIN NAVIGATION */
a .alt { display: none; }

#nav { margin: auto; padding: 30px 0px 30px 0px; height:27px; width:960px; display:block; }
#nav ul { margin: 0px; padding:0px; display:inline; }

#nav ul li{ margin: 0px 0px 0px 24px; padding: 0px; display:inline; float: left; }
#nav ul li a{ display: block; text-decoration: none; margin: 0px; }

#nav ul li a#funeral-details { width:57px; height:27px; background: url(http://www.ruan.com/images/johnruannav/funeral-details.gif) no-repeat; }
#nav ul li a#funeral-details:hover { background: url(http://www.ruan.com/images/johnruannav/funeral-details.gif) 0 -27px no-repeat; }
#nav ul li a#photo-gallery { width:57px; height:27px; background: url(http://www.ruan.com/images/johnruannav/photo-gallery.gif) no-repeat; }
#nav ul li a#photo-gallery:hover { background: url(http://www.ruan.com/images/johnruannav/photo-gallery.gif) 0 -27px no-repeat; }
#nav ul li a#memorial-information { width:93px; height:27px; background: url(http://www.ruan.com/images/johnruannav/memorial-information.gif) no-repeat; }
#nav ul li a#memorial-information:hover { background: url(http://www.ruan.com/images/johnruannav/memorial-information.gif) 0 -27px no-repeat; }
#nav ul li a#press-release { width:51px; height:27px; background: url(http://www.ruan.com/images/johnruannav/press-release.gif) no-repeat; }
#nav ul li a#press-release:hover { background: url(http://www.ruan.com/images/johnruannav/press-release.gif) 0 -27px no-repeat; }
#nav ul li a#john-ruan-bio { width:78px; height:27px; background: url(http://www.ruan.com/images/johnruannav/john-ruan-bio.gif) no-repeat; }
#nav ul li a#john-ruan-bio:hover { background: url(http://www.ruan.com/images/johnruannav/john-ruan-bio.gif) 0 -27px no-repeat; }
#nav ul li a#the-world-food-prize { width:164px; height:27px; background: url(http://www.ruan.com/images/johnruannav/the-world-food-prize.gif) no-repeat; }
#nav ul li a#the-world-food-prize:hover { background: url(http://www.ruan.com/images/johnruannav/the-world-food-prize.gif) 0 -27px no-repeat; }
#nav ul li a#the-story-of-ruan { width:73px; height:27px; background: url(http://www.ruan.com/images/johnruannav/the-story-of-ruan.gif) no-repeat; }
#nav ul li a#the-story-of-ruan:hover { background: url(http://www.ruan.com/images/johnruannav/the-story-of-ruan.gif) 0 -27px no-repeat; }
#nav ul li a#the-history-of-ruan { width:89px; height:27px; background: url(http://www.ruan.com/images/johnruannav/the-history-of-ruan.gif) no-repeat; }
#nav ul li a#the-history-of-ruan:hover { background: url(http://www.ruan.com/images/johnruannav/the-history-of-ruan.gif) 0 -27px no-repeat; }
#nav ul li a#the-life-of-john-ruan { width:78px; height:27px; background: url(http://www.ruan.com/images/johnruannav/the-life-of-john-ruan.gif) no-repeat; }
#nav ul li a#the-life-of-john-ruan:hover { background: url(http://www.ruan.com/images/johnruannav/the-life-of-john-ruan.gif) 0 -27px no-repeat; }


/* OVERALL CONTENT PARAGRAPH STYLES */
P { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; }
P A:link    { COLOR: #CC0000; }
P A:visited { COLOR: #CC0000; }
P A:active  { COLOR: #CC0000; }
P A:hover   { COLOR: #333333; }

/* BULLETED LISTING STYLES */
UL { margin-left: 0px 0px 0px 25px; }
LI { list-style: square; font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; }

/* HEADING STYLES */
H1 { font: normal 19px 'Trebuchet MS', Helvetica, sans-serif; COLOR: #CC0000; text-align:left; margin:0px 0px 8px 0px; text-transform: capitalize; }
H1 A:link    { COLOR: #CC0000; text-decoration:none; }
H1 A:visited { COLOR: #CC0000; text-decoration:none; }
H1 A:active  { COLOR: #CC0000; text-decoration:none; }
H1 A:hover   { COLOR: #333333; text-decoration:none; }