/* WHOLE PAGE
 * There are some style elements common to the whole page, including title
 * bar, main content, and footer
 */
body { 
       font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
       background-color: white;
       margin: 0px;
}

table.overall{
  width: 800px;
  padding: 0px;
}

.overall td{
  padding: 15px;
}

/* HEADER
 * This area contains the styles used in the Jazz education header 
 * and navigation menu.
 */

td.sidebar{
  width: 150px;
  background-color: black; 
  color: #ffff00;
  font-weight: bolder;
  font-size: 16px;
  vertical-align: top;
  text-align: center;
}
.sidebar td {
  vertical-align: top;
}

.nav { 
  color: #00ff00;
  font-weight: lighter;
  font-size: 13px;
  padding-left: 30px;
  text-indent: -30px;
  text-align: left;
}

.nav a { 
  color: #00ff00;
}

.nav a:visited { 
  color: #ccccff; 
}


.copyright {
  color: #919191; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 14px; 
  text-align: center;
}




/* FOOTER
 * Style for the footer.
 */
.footer {
  color: #919191; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 14px; 
  text-align: center;
}

a.nextpage { 
  color: #00d000;
}

a.nextpage:visited { 
  color: #919191; 
}


/* CONTENT
 * This is the styling for any content within the page.
 */

h1 {font-size:24px;}
h2 {font-size:20px;}


/* For the comments page */
.name {
  text-align: right;
  font-weight: bolder;
}

.event {
  text-align: right;
  border-bottom: 50px;
}

.filesize {
  font-size: smaller;
}