body {
background: url(../images/scarlett_bg.gif) top repeat #b20837;
margin: 2px 0 0; padding: 0;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 145%;
color: #322;
}

p { margin: 0 0 1em; }

h1 {
width: 163px;
height: 55px;
margin: 0; padding: 0;
text-indent: -9999px;
float: left;
}

h1 a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
background: url(../images/scarlett_rules.jpg) 0 0 no-repeat transparent;
}
h1 a:hover { background-position: 0 -55px; }

h2 {
font-size: 20px;
margin: 0 0 .75em; padding: 0 0 .75em;
line-height: 120%;
border-bottom: 1px solid #999;
width: 430px;
}

h3 {
font-size: 16px;
margin: 0 0 .75em; padding: .5em 0 0;
line-height: 140%;
}

h4 {
font-size: 14px;
margin: 0 0 1em; padding: .5em 0 0;
}

#container {
width: 761px;
background: white;
margin: 0 auto; padding: 0;
text-align: left;
}

#top, #bottom {
height: 235px;
background: url(../images/sr_top.jpg) top left no-repeat white;
}
#navigation { padding: 160px 95px 0; }

#navigation ul {
margin: 0; padding: 0;
list-style: none;
width: 408px;
height: 60px;
float: left;
}
#navigation li {
display: block;
float: left;
margin: 0; padding: 0;
height: 20px;
}
#navigation li.long { width: 278px; }
#navigation li.short { width: 130px; }
#navigation li a {
display: block;
font-size: 8px;
line-height: 20px;
height: 20px;
text-decoration: none;
}

#navigation span { visibility: hidden; }

#navigation li a.sr { background: url(../images/sr_nav.jpg) 0 0 no-repeat; }
#navigation li a.events { background: url(../images/events_nav.jpg) 0 0 no-repeat; }
#navigation li a.author { background: url(../images/author_nav.jpg) 0 0 no-repeat; }
#navigation li a.reviews { background: url(../images/reviews_nav.jpg) 0 0 no-repeat; }
#navigation li a.share { background: url(../images/share_nav.jpg) 0 0 no-repeat; }
#navigation li a.contact { background: url(../images/contact_nav.jpg) 0 0 no-repeat; }
#navigation li a.home { background: url(../images/home_nav.jpg) 0 0 no-repeat; }
#navigation li a.qanda { background: url(../images/qanda_nav.jpg) 0 0 no-repeat; }

#navigation li a:hover,
#home #navigation li a.home,
#qanda #navigation li a.qanda,
#sr #navigation li a.sr,
#events #navigation li a.events,
#author #navigation li a.author,
#reviews #navigation li a.reviews,
#share #navigation li a.share,
#contact #navigation li a.contact { background-position: 0 -20px; }

#bottom {
clear: both;
background: url(../images/sr_bottom.jpg) top left no-repeat white;
}
#footer {
padding-top: 45px;
text-align: center;
font-size: 11px;
}
#middle {
background: url(../images/sr_bg.jpg) top left repeat-y white;
padding: 1em 60px;
margin-bottom: -2em;
clear: left;
}
#middle img {
float: left;
margin: 0 14px 7px 0;
border: 1px solid #999;
}
#middle a, #footer a {
margin: -2px; padding: 2px;
text-decoration: underline;
color: #b20837;
background: white;
}
#middle a:hover, #footer a:hover {
color: white;
background: #b20837;
text-decoration: none;
}

#book {
float: right;
background: #E7C4DA;
padding: 10px;
margin: 0 0 14px 30px;
}
#book img {
float: none;
margin: 0;
border: 0;
}
#book p {
text-align: center;
font-size: 12px;
width: 144px;
margin: 7px 0 0;
line-height: 125%;
}
#book p.talking {
margin: 0 0 1em;
text-align: left;
}
#book a { background: #E7C4DA; }
#book ul {
margin: 0 0 1em; padding: 0;
list-style: none;
}
#book li span { font-size: 10px; }



dl { margin: 0 0 1em; }
dt {
font-weight: bold;
color: #b20837;
margin-bottom: 2px;
}
dd { margin: 0 0 1em; }