body { background: black; color: white; }

#pagename { float: left; font-family: 'Courier New', Courier, monospace; font-size: 45px; font-weight: normal; text-transform: lowercase; width: 70%; margin-top: 2em; }
#subtitle { display: block; float: right; font-family: 'Times New Roman', Times, serif; font-size: 24px; color: silver; }
#funpic { display: block; float: right; margin-bottom: 1em; }

/* switch to simple requires changing hover & nav-state colors to black */
/* switch to 2stage requires changing hover & nav-state colors to white */

#nav { font-family: Arial, Helvetica, sans-serif; font-size: 13px; clear: both; }
#nav a { display: block; color: black; width: 100px; height: 24px; padding-top: 9px; background: url(../img/nav_2stage.gif) no-repeat; text-decoration: none; text-align: center; text-transform: lowercase; font-weight: bold; }
#nav a:visited { color: black; }
#nav a:hover { color: white; background-position: right top; }

.body_about #nav a.nav_about { background-position: right top; color: white; }
.body_schedule #nav a.nav_schedule { background-position: right top; color: white; }
.body_register #nav a.nav_register { background-position: right top; color: white; }
.body_campers #nav a.nav_campers { background-position: right top; color: white; }
.body_parents #nav a.nav_parents { background-position: right top; color: white; }
.body_staff #nav a.nav_staff { background-position: right top; color: white; }
.body_getinvolved #nav a.nav_getinvolved { background-position: right top; color: white; }
.body_scholarships #nav a.nav_scholarships { background-position: right top; color: white; }
.body_contact #nav a.nav_contact { background-position: right top; color: white; }
.body_home #nav a.nav_home { background-position: right top; color: white; }

#photogalleries { list-style: none; float: left; width: 150px; margin: 80px 0 0 20px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#photogalleries li { margin: 0; padding: 0; }
#photogalleries a { text-decoration: none; border-bottom: 2px solid green; border-top: 2px solid black; border-right: 2px solid black; border-left: 2px solid black; display: block; padding: 0.5em 0; margin-bottom: 2em; color: white; width: 100%; text-align: center; }
#photogalleries a:visited { color: white; }
#photogalleries a:hover { border-color: lime; color: green; }

.content { margin-top: 2em; line-height: 1.3em; }
.content p { margin-top: 0; margin-bottom: 1.5em; }
.content a { color: white; }
.content a:visited { color: silver; }
.content a:hover { color: green; }

#content { margin-left: 200px; }

#wide_content { margin-left: 5%; }

.content h1 { font-size: 18px; color: green; margin-bottom: .25em; }
.content h2 { font-size: 15px; color: green; margin-bottom: .25em; }
.content ul {  }
.content li {  }
.content th { text-align: left; }
.content table { width: 80%; }
.content address { font-style: normal; white-space: pre; margin-left: 5em; margin-bottom: 1em; }