body { font-family: "Hoefler Text", Garamond, serif; }
img { border: 0; }
a { color: black; text-decoration: none; }
a.copylink { font-weight: bold; }
a.copylink:hover { color: red; }


/* Styles for main menu page. */

#toprow { width: 750px; margin: auto; }
#middlerow { width: 750px; margin: auto; }
#bottomrow { width: 750px; margin: auto; }
#toprow td, #middlerow td, #bottomrow td { text-align: center; vertical-align: middle; }


/* Styles for the contest page. */

#thecontestheader { width: 750px; margin: 2em auto 0 auto; }
#thecontestheader #ssc2007 { text-align: left; vertical-align: top; }
#thecontestheader #banner { text-align: right; vertical-align: top; }

#thecontestcontent { width: 750px; margin: auto; }
#thecontestcontent .section { font-size: 120%; font-weight: bold; }
#thecontestcontent p { width: 500px; font-size: 110%; line-height: 120%; }
#thecontestcontent li { width: 500px; font-size: 110%; line-height: 120%;
                        margin-top: 0.5em; margin-bottom: 0.5em; }


/* Styles for rules page. */

#rulesheader { width: 750px; margin: 2em auto 0 auto; }
#rulesheader #ssc2007 { text-align: left; vertical-align: top; }
#rulesheader #banner { text-align: right; vertical-align: top; }

#rulescontent { width: 750px; margin: auto; }
#rulescontent .section { font-size: 120%; font-weight: bold; }
#rulescontent p { width: 500px; font-size: 110%; line-height: 120%; }
#rulescontent li { width: 500px; font-size: 110%; line-height: 120%;
                   margin-top: 0.5em; margin-bottom: 0.5em; }

#rulescontent .quotation { margin-left: 3em; }
#rulescontent #picturethumbs { width: 500px; }
#rulescontent #picturethumbs td { text-align: center; vertical-align: middle; }
#rulescontent .category { font-weight: bold; }


/* Styles for readers page. */

#readersheader { width: 750px; margin: 2em auto 0 auto; }
#readersheader #ssc2007 { text-align: left; vertical-align: top; }
#readersheader #banner { text-align: right; vertical-align: top; }

#readerscontent { width: 750px; margin: auto; }
#readerscontent p { width: 500px; font-size: 110%; line-height: 120%; }
#readerscontent .reader { margin-bottom: 2em; }


/* Styles for stories page. */

#storiesheader { width: 750px; margin: 2em auto 0 auto; }
#storiesheader #ssc2007 { text-align: left; vertical-align: top; }
#storiesheader #banner { text-align: right; vertical-align: top; }

#storiescontent { width: 750px; margin: auto; }
#storiescontent .section { margin: 0 auto 2em auto; width: 700px; line-height: 140%; }

.subsection { width: 100%; }
.subsection td { padding: 0; }
.subsection .name { width: 150px; text-align: right; vertical-align: middle;
                    font-weight: bold; }
.subsection .scroll { width: 50px; text-align: center; vertical-align: middle; }
.subsection .stories { vertical-align: middle; }
.subsection .stories p { font-size: 110%; margin: 0.15em 1em 0.15em 0em; }
.subsection .stories a { color: black; }
.subsection .stories a:hover { color: red; }