body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: #ff58ff; }

img { border: 0; }

a { color: white; text-decoration: none; }

td { vertical-align: top; }
td p { margin: 0 0 0.7em; }

h1 { font-weight: normal; font-size: 200%; }

h2 { font-weight: normal; font-size: 160%; margin-top: 0; }

form fieldset { border: 0; margin: 0; padding: 0; }
form p { clear: both; }
form label { float: left; width: 100px; }
form td label.qty { width: auto; }
input.text, textarea { width: 200px; }
textarea { height: 80px; }
input.button { margin: 0 0 0 100px; }

p.error { background: red; color: white; padding: 5px 8px; font-size: 120%; font-weight: bold; }

label.error { color: red; font-weight: bold; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

.noflash { position: relative; }
.noflash a { display: block; width: 100%; height: 100%; background: url(../graphics/noflash.gif) no-repeat center center; }
.noflash a span { visibility: hidden; }

#wrapper { width: 900px; margin: 0 auto; }

#header { padding: 2em 0 0; }

#topnav ul { margin: 0; padding: 0; list-style-type: none; font-size: 140%; }
#topnav li { float: left; width: 92px; margin-right: 8px; height: 105px; }
#topnav li.nav1 { background: url(../graphics/navigation/h1.gif) no-repeat; }
#topnav li.nav2 { background: url(../graphics/navigation/h2.gif) no-repeat; }
#topnav li.nav3 { background: url(../graphics/navigation/h3.gif) no-repeat; }
#topnav li.nav4 { background: url(../graphics/navigation/h4.gif) no-repeat; }
#topnav li.nav5 { background: url(../graphics/navigation/h5.gif) no-repeat; }
#topnav li.nav6 { background: url(../graphics/navigation/h6.gif) no-repeat; }
#topnav li.nav7 { background: url(../graphics/navigation/h7.gif) no-repeat; }
#topnav li.nav8 { background: url(../graphics/navigation/h8.gif) no-repeat; }
#topnav li.nav9 { background: url(../graphics/navigation/h9.gif) no-repeat; }
#topnav li a { float: left; height: 105px; width: 92px; text-align: center; font-weight: bold; text-decoration: none; vertical-align: middle; text-align: center; }
#topnav li.nav1 a { background: url(../graphics/navigation/1.gif) no-repeat; }
#topnav li.nav2 a { background: url(../graphics/navigation/2.gif) no-repeat; }
#topnav li.nav3 a { background: url(../graphics/navigation/3.gif) no-repeat; }
#topnav li.nav4 a { background: url(../graphics/navigation/4.gif) no-repeat; }
#topnav li.nav5 a { background: url(../graphics/navigation/5.gif) no-repeat; }
#topnav li.nav6 a { background: url(../graphics/navigation/6.gif) no-repeat; }
#topnav li.nav7 a { background: url(../graphics/navigation/7.gif) no-repeat; }
#topnav li.nav8 a { background: url(../graphics/navigation/8.gif) no-repeat; }
#topnav li.nav9 a { background: url(../graphics/navigation/9.gif) no-repeat; }
#topnav li.nav1 a.nav_active { background: url(../graphics/navigation/a1.gif) no-repeat !important; }
#topnav li.nav2 a.nav_active { background: url(../graphics/navigation/a2.gif) no-repeat !important; }
#topnav li.nav3 a.nav_active { background: url(../graphics/navigation/a3.gif) no-repeat !important; }
#topnav li.nav4 a.nav_active { background: url(../graphics/navigation/a4.gif) no-repeat !important; }
#topnav li.nav5 a.nav_active { background: url(../graphics/navigation/a5.gif) no-repeat !important; }
#topnav li.nav6 a.nav_active { background: url(../graphics/navigation/a6.gif) no-repeat !important; }
#topnav li.nav7 a.nav_active { background: url(../graphics/navigation/a7.gif) no-repeat !important; }
#topnav li.nav8 a.nav_active { background: url(../graphics/navigation/a8.gif) no-repeat !important; }
#topnav li.nav9 a.nav_active { background: url(../graphics/navigation/a9.gif) no-repeat !important; }
#topnav li a:hover { background: none !important; }
#topnav li a span { display: none; }

#storybook { margin-top: -2em; }

#outerContent { background: white url(../graphics/content_top.gif) no-repeat; margin: 1em 0 0; }
#content { background: url(../graphics/content_base.gif) no-repeat bottom left; padding: 1px 20px 5px; min-height: 200px; }
* html #content { height: 200px; }
#content a { color: #ff33ff; }

#body-9 #content td { padding: 0 1em 0 0; }
#body-9 #content h2 { margin: 0; }

#slipslop { background: #ccff00; padding: 0.5em 0.5em 1px; }
#slipslop td strong { font-size: 120%; padding-right: 0.5em; }

#basenav { margin: 1em 0; border-right: 1px solid white; }
#basenav ul { margin: 0; padding: 0; list-style-type: none; }
#basenav li { float: left; border-left: 1px solid white; }
#basenav li a { float: left; width: 98px; text-align: center; font-size: 120%; font-weight: bold; }

#footer { padding: 0 0 2em; }
#cancer_society_logo { float: right; }
#footer p { position: relative; top: 2.3em; text-align: right; padding: 0 1em 0 0; margin: 0 42px 0 0; }
#footer a.email { display: inline-block; width: 221px; height: 52px; background: url(../graphics/email_friend.gif) no-repeat; }

table.order { border-width: 5px 4px 4px 5px !important; border-color: #ff9bff !important; background: #ebebeb; }
table.order th, table.order td { padding: 5px 10px; border-width: 0 1px 1px 0; border-style: solid; border-color: #FF9BFF; }
table.order th { background: #dedede; text-align: left; }
table.order tr.alt td { font-size: 120%; background: #999; color: white; }

#body-8 table { border: 2px solid black; }
#body-8 td { background: #ffff00; padding: 1em 1.5em; white-space: nowrap; }
#body-8 td h3 { margin-top: 0; }
#body-8 td p { margin: 1em 0 0; }