#main { margin: 30px 50px; text-align: center; font-family: Arial, Helvetica, sans-serif;  }
  #classes #main, #events #main, #about #main, #media #main { margin-top: 10px; text-align: left; }
p.title { white-space: nowrap; font-size: 27px; letter-spacing: 3px; margin: 5px 0 30px; font-weight: bold; }
  #classes p.title, #events p.title, #about p.title, #media p.title { font-size: 14px; margin: 5px 0 10px 6px; }

p.topalert { width: 600px; margin: 0 auto 30px; text-align: left; }

table h1, table h2, table h3, table h4, table p, table div { white-space: normal; margin: 0; padding: 0 8px; }
table h1 { font-size: 14px; letter-spacing: 3px; padding: 1px 6px; position: relative; }
  table h1 ul { position: absolute; top: 2px; right: 0; margin: 0; padding: 0; }
    table h1 li { display: inline; padding: 0 5px; border-left: 1px solid #000; font-size: 11px; letter-spacing: 0; }
      #media table h1 li { border-color: #fff; }
    table li.first { border: none; }
    table li a { text-decoration: none; color: #000; }
      #media table li a { color: #fff; }
    table li a:hover { color: #fff; }
table h3 { font-size: 18px; margin-top: 15px; }
  table h3 a { text-decoration: none; }
table h4 { font-size: 15px; margin-top: 15px; }

#classes table, #events table, #about table, #media table { width: 700px; }
  #classes table img { margin: 15px 0 0 15px; }
  #media table img { border: 1px solid #444; }

  
td { text-align: left; }
  td.classes, td.events, td.about, td.media { width: 50%; }

  td.classes h1 { background: #ED008C; }
    .classes h3 a { color: #ED008C; }

  td.events { padding: 0 0 0 3px; }
    #events td.events { padding: 0; }
    td.events h1 { background: #0098CE; color: #fff; }

  td.about { padding: 0 0 0 3px; }
    #about td.about { padding: 0; }
    td.about h1 { background: #F2C323; }

  td.media h1 { background: #5f3812; color: #fff; }
    .media h3 a { color: #5f3812; }

  td.misc { padding: 0 0 0 3px; }
    #misc td.misc { padding: 0; }
    td.misc h1 { background: #333; color: #fff; }


.separator { border-top: 2px solid #bbb; height: 2px; margin: 18px 50px 0; }
.homelink { text-align: left; }


table p, table ul, table ol { font-size: 12px; margin-top: 12px; }
table ul { padding-left: 24px; margin-left: 0; }
table .small { font-size: 11px; }

h3.alert { margin: 0; padding: 15px 5px 0; background: #f6f6ec; font-size: 16px; color: #ED008C; border: 2px solid #ED008C; border-width: 0 0 2px; }
h3.more { margin-top: 24px; }


p.subhead { padding: 10px 0 0 5px; font-style: italic; font-weight: bold; font-size: 13px; }
blockquote { margin: 20px 20% 20px 20px; padding: 0; font-size: 12px; }
  blockquote cite { display: block; margin: 10px 0 0 0; padding: 3px 10px 35px 0; text-align: right; font-size: 12px; color: #808080; border-top: 1px solid #ccc; }
    blockquote.last cite { padding-bottom: 0; }


p.classnotes { margin-right: 15px; padding: 7px 10px; background: #f6f6f6; border: 1px solid #ED008C; }
p.caption { margin-top: 0; margin-bottom: 3px; }
p.seeAll { margin-top: 0; font-size: 11px; font-style: italic; }

.flickr_badge_wrapper { margin: 10px 0 0; width: 450px; }
.flickr_badge_image { display: inline; margin: 0; padding: 0!important; }
.flickr_badge_image img { border: 1px solid #444; margin: 0 7px 7px 0; }
