/* CSS Document */

/************** Old CSS *************/

a{
	color: #009900;
  font-weight: bold;
}

a:link{
	color:  #009900;
  font-weight: bold;
}

a:visited{
	color:  #009900;
  font-weight: bold;
}

a:hover{
	color: #cc0033;
}

a.a_menu {
	color: #fce68c;
	text-decoration: none;
}

a:link.a_menu {
	color: #fce68c;
	text-decoration: none;
}

a:visited.a_menu {
	color: #fce68c;
	text-decoration: none;
}

a:hover.a_menu {
	color: white;
	text-decoration: underline;
}


.top_line {
background-color: #a80729;
color: #a80729; 
font-size:18px; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

.black_line {
background-color: black;
font-size:6px; 
}

.page_title {
background-color: white;
color: #a80729; 
font-size:14px; 
font-weight: bold;
font-family: verdana, arial, Helvetica, impact, sans-serif; 
text-align: right;
padding-right: 20px;
}

.td_menus {
background-color: #a80729;
}

.td_menu {
background-color: #a80729;
border-color: #ffcc99;
border-width: 1px;
border-style: solid;
color: black; 
text-align: center;
font-size:12px; 
font-weight: bold; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

.div_contact {
background-color: #a80729;
border-style: solid;
border-width: 1px;
/*align: center;*/
text-align: center;
color: #ffcc99; 
font-size:12px; 
font-style: normal;
font-weight: bold;
font-family: arial, Helvetica, impact, sans-serif;
padding: 3px;
margin: 5px;
}

.td_main {
background-color: #ffffff;
}

.div_main {
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
padding-bottom: 5px;
}

.div_main_event {
text-align: left;
padding-top: 5px;
padding-left: 3px;
}

.td_main2 {
background-color: #FDFCE4;
}

.td_bottom { 
background-color: #ffffff;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
text-align: center;
}

h1 { 
color: black; 
font-size:40px; 
font-style:italic; 
font-family: harrington, bernhardmod BT, arial; 
}

h2 { 
color: #999999; 
font-size:18px;
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

h3 { 
color: #cc0033; 
font-size: 14px; 
font-style:italic;
font-family: Georgia, arial, Helvetica, impact, sans-serif; 

}

h4 { 
color: black; 
font-size: 12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

p.regular { 
color: black; 
font-size:12px;
font-weight: normal;
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

p.lunch { 
color: black; 
font-size:12px;
font-weight: normal;
font-style: italic;
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

.h_line {
color: #999999;
width: 200px;
text-align: center;
}

/* Home */

p.h_lecture { 
color: black; 
font-size:12px;
font-family: verdana, arial, Helvetica, impact, sans-serif; 
text-align: center;
}

.h_lecture { 
color: black; 
font-size:12px;
font-family: verdana, arial, Helvetica, impact, sans-serif;
text-align: center;
}

/* Events */

.e_head {
background-color: #99cc99;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
text-align: center;
}

.e_sjog { 
background-color: #ffcccc;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

.e_opera { 
background-color: #ffffcc;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

.e_special { 
background-color: #e0e085;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

.e_other { 
background-color: cc9999;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

.e_ref { 
color: black; 
font-size:12px;
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

span.e_sjog { 
background-color: #ffcccc;
}
span.e_opera { 
background-color: #ffffcc;
}

span.e_special { 
background-color: #e0e085;
}

span.e_other { 
background-color: #ffffcc;
}

/* Membership */

p.form { 
color: black; 
font-size:12px; 
line-height:24px; 
font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

p.p_address {
margin-left: 30px;
}

p.p_fees {
margin-left: 30px;
}

/* Season  & Lecture */
.tr_title { 
background-color: #ffffff;
color: black; 
font-size:14px; 
font-weight:bold;
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

.tr_contents { 
background-color: #cccc99;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

.tr_info { 
background-color: #ffffff;
color: black; 
font-size:12px; 
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

/* Common */

span.first { 
font-weight: bold; 
font-size:20px; 
font-family: verdana, arial, Helvetica, impact, sans-serif;  
}

/************** New CSS *************/

body {
  font-family: verdana, arial, Helvetica, impact, sans-serif;
}

.menu-button {
  color: #fce68c; /* change? */
}

.header-top-bar {
  display:block;
  align-content:center;
  background-color: #a80729;
  color: #fce68c; 
  font-size:18px; 
  font-family: verdana, arial, Helvetica, impact, sans-serif; 
  margin:0;
  text-align: center;
}

/*
.header-top-bar .w3-bar-item {
  align-content:center;
  margin:0;
}
*/

.header-bar {
  display:block;
  height: 16px;
  background-color: black;
  margin:0;
}
/*
.header-bar .w3-bar-item {
  padding:0;
  margin:0;
}
*/

.header-image {
  max-height: 120px; /* change? */
}
  
/* Add additional height for proper scrolling of menu */
.nav-extra {
  height: 172px; /* 2 * .header-bar[height] + .header-top-bar[height] + .header-image[] */
}
  
.page-background {
  background-color: #003366; /* change? */
}

.w3-sidebar {
  margin:0;
  padding:0;
}

.w3-bar-block {
  margin:0;
  padding:0;
}

.w3-bar-item {
  margin:0;
  padding:0;
}
  
.nav-content{
  background-color: #003366; /* change? */
  width: 210px; /* change? */
  color: #fce68c!important; /* change? */
  font-weight: bold;
  margin-left: 16px;
  margin-right: 16px;
  border-style:none;
  /*
  border-style: solid;
  border-width: thin;
  border-color: black;
  */
  padding: 0;
  /*
  padding-left: 0px;
  padding-right: 0px;
  */
}
  /*
.nav-content {
  width: 210px; 
  color: #fce68c!important;
  font-weight: bold;
  margin-left: 16px;
  margin-right: 16px;
  border-style: solid;
  border-width: 1;
  border-color: black;
}
  */
.w3-main {
  margin-left: 226px; /* change? */
}

#mySidebar-item {
  margin: 0px;
  padding: 0;
}

#myNavMenu {
  background-color: #a80729;
  border-style: solid;
  border-width:2px;
  border-color: black;
  /*
  margin-left: 4px;
  margin-right: 4px;
  */
  margin: 0;
  padding: 6px;
}

#menu-items>a {
  color: #fce68c!important;
  border-style: solid;
  border-width: 2px;
  border-color: #ffcc99;
  text-align: center;
  font-size:12px; 
  font-weight: bold; 
  font-family: verdana, arial, Helvetica, impact, sans-serif; 
  margin-top: 4px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
}

.page-content {
  background-color: white; /* change? */
}

.section-area {   
  border-color: black;
}

.section-title {
  color:#a80729; /* change? */
  font-style:italic;
  font-size:22px;
  font-family: verdana, arial, Helvetica, impact, sans-serif; 
}

section>h3 {
  text-align:right;
}
  
.article-title {
  color:#999999; /* change? */
}

.aside-area {
  display:table-cell;
  width: 25%; /* change? */
  color: black!important; /* change? */
  border-color: black;
  background-color: #FDFCE4; /* change? */
}

.aside-area-title{
  color:black; /* change? */
}

.aside-article-title {
  color:black; /* change? */
}
  
.footer-area {
  color: black; /* change? */
  background-color: white; /* change? */
  border-color: black;
}