* { font-family: sans-serif; font-size: 12px; }
h1 { font-size: 180%; text-align: center; }
h2 { font-size: 150%; }
body { background-color: #eee; }
img {
	margin: 5px;
	border: solid 1px;
}
img.noborder {
	border: none;
}
a img.menu {
	border: none;
	margin: 3px;
}
a:visited { color: blue; }
a:hover img.menu {
	border-left: solid 1px white;
	border-bottom: solid 1px white;
	border-right: solid 1px black;
	border-top: solid 1px black;
	margin: 2px;
}
table.photos {
	width: 100%;
	border: none;
}
table.photos * td {
	text-align: center;
}

/* highlighted divs and table cells */
.hl {
  border:1px solid black;
  padding:10px;
  margin-bottom:10px;
  background-color:#aaf;
}
.hlc table td {
  vertical-align:top;
  text-align:left;
  /* font-size: 90%; */
}
.hlc table td img {
  border:none;
}

table.big td.bigleft {
  width: 20px;
  background-repeat: repeat-y;
  background-position: left;
  background-image: url(assets/images/template/leftb.png);
}
table.big td.bigright {
  width: 20px;
  background-repeat: repeat-y;
  background-position: right;
  background-image: url(assets/images/template/rightb.png);
}
table.page { width: 100%; }
table.page td.pageleft {
  vertical-align: top; 
  width: 190px; 
  background-image: url(assets/images/bamboo.jpg); 
  background-repeat: no-repeat;
  padding-right: 10px; 
}
table.page td.pageright {
  vertical-align: top;
  width: 190px;
  padding-left: 10px;
  background-image: url(assets/images/jujitsu.jpg);
  background-repeat: no-repeat;
}
table.page td.pagecenter { vertical-align: top; text-align: justify; }
table.page td.pagecenter img { margin: 0 15px; padding: 2px; }
ul.leftMenu { margin: 0 10px; padding: 0; font-family: serif; }
ul.leftMenu li {
  display: block; 
  margin: 0; padding: 0; 
  margin-bottom: 5px;
  border: 1px solid #aaa;
  padding: 2px;
  text-align: left; 
}
ul.leftMenu li a { display: block; text-decoration: none; color: black; padding: 5px; }
ul.leftMenu li a:hover { color: blue; background-color: #ddf; }
ul.leftMenu ul { margin:0; padding:0 }
ul.leftMenu li.active>a { font-weight:bold; }
ul.leftMenu ul li { display: list-item; margin:0; margin-left:20px; padding:0 }

div.info { border:1px solid black; background-color:#ffc; padding:10px }

/* links page */
div.links p { clear: both; padding-top: 10px; margin-top: 10px; }
div.links img { float: left; }

/* photos */
table.photos td { vertical-align: top; }

/* left and right blocks */
div.nextDates h2, div.siteNews h2 { font-size: 130%; }
div.nextDates div.block, div.siteNews div.block { margin-bottom:10px; border-top:1px solid gray; border-bottom:2px solid gray; background-color:#eee; padding-bottom:2px; }
span.date { display: block; font-weight: bold; background-color:#aaf; border-bottom:1px solid gray; padding:0 2px; }
span.desc { display: block; font-size: 80%; }
span.files { display: block; }
span.title { display: block; font-style: italic; }