body, table, td, tr, img { margin: 0; padding: 0; border: 0; }
#content ul ol { margin: 0; padding: 0; }
#content li { margin: 0 0 1em 0; }

body { background-color: black; }

body#gateway { width: 900px; margin: auto; padding-top: 20px; }
body#gateway td { vertical-align: top; }
body#gateway p { font-family: helvetica, arial; font-size: 150%; color: #cccccc;
                 line-height: 140%; }
body#gateway p#banner { font-family: 'Apple LiGothic'; font-size: 450%;
                        color: #cccccc; padding-top: 55px; }
body#gateway a { text-decoration: none; color: white;
                 background-color: #333333; padding: 3px; }
body#gateway a:hover { background-color: #666666; }


body#night { width: 900px; margin: auto; padding-top: 20px; }
body#night #banner { margin: 10px 0 10px 0; }
body#night #banner span { font-family: 'Apple LiGothic'; font-size: 175%; color: #cccccc;
                          padding-left: 10px; }
body#night #main-menu a { text-decoration: none; color: white; padding: 5px; }
body#night #main-menu a:hover { background-color: #333333; }
body#night #content { clear: both; width: 800px; margin: auto; padding: 2px 0 100px 0; }
body#night #content #moon { float: right; padding: 0 20px 20px 20px; }
body#night #content p,
body#night #content li { font-family: helvetica, arial; color: white;
                         line-height: 150%; width: 500px; }
body#night #content p#title { font-family: 'Apple LiGothic'; font-size: 300%;
                              color: #cccccc; margin: 10px 0 10px 0; }
body#night #content span.subtitle { font-family: helvetica, arial; font-size: 110%; font-weight: bold;
                                    color: #999999; margin: 10px 0 10px 0; }

body#night #content a { text-decoration: none; color: white;
                        background-color: #333333; padding: 3px; }
body#night #content a:hover { background-color: #666666; }


/* Styles for galleries. */

#gallery { clear: both; width: 800px; margin: auto; padding: 2px 0 100px 0; }
#gallery #moon { float: right; padding: 0 20px 20px 20px; }
#gallery p { font-family: helvetica, arial; font-size: 100%; color: #cccccc;
             line-height: 150%; width: 500px; }
#gallery p#title { font-family: 'Apple LiGothic'; font-size: 300%;
                   color: #cccccc; margin: 10px 0 10px 0; }

.galleriescell { font-family: helvetica, arial; font-size: 80%;
                 height: 200px; width: 200px; vertical-align: top;
                 text-align: center; color: #cccccc; padding: 10px; }
.galleriescell a { background-color: black; padding: 0; }
.galleriescell img { border: 8px solid #cccccc; margin-bottom: 5px; }
.galleriescell img:hover { border: 8px solid white; }

#gallerydescription { width: 500px; color: #cccccc; }
#gallerydescription a { color: white; }
#gallerydescription a:hover { border-bottom: 1px solid white; }

#gallerythumbs { margin-top: 15px; }
.gallerycell { font-family: helvetica, arial; font-size: 80%;
               height: 200px; width: 200px; vertical-align: top;
               text-align: center; color: #cccccc; padding: 10px; }
.gallerycell img { border: 8px solid #cccccc; margin-bottom: 5px; }
.gallerycell img:hover { border: 8px solid white; }


/* Styles for application form. */

form label { font-weight: bold; font-size: 90%; }
.missing { color: red; }
form input, form textarea { font-size: 120%; }

p.question { font-weight: bold; font-size: 90%; margin: 0; padding: 0; }
p.answer { font-size: 150%; margin: 0 0 1em 0; padding: 0; }