.tab-off {
	background-color: #E6DDFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tab-off a:link {
	text-decoration: none;
	color: #000000;
}
.tab-off a:hover {
	color: #000000;
	text-decoration: none;
}
.tab-off a:visited {
	color: #000000;
	text-decoration: none;
}

.tab-off-left {
	background-color: #E6DDFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tab-off-left a:link {
	text-decoration: none;
	color: #000000;
}
.tab-off-left a:hover {
	color: #000000;
	text-decoration: none;
}
.tab-off-left a:visited {
	color: #000000;
	text-decoration: none;
}

.tab-on {
	background-color: #C2AADD;
	border-top: 1px solid #000000;
	border-left: 1px solid #C2AADD;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.tab-on a:link {
	color: #000000;
	text-decoration: none;
}
.tab-on a:visited {
	color: #000000;
	text-decoration: none;
}

.tab-on-left {
	background-color: #C2AADD;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.tab-on-left a:link {
	color: #000000;
	text-decoration: none;
}
.tab-on-left a:visited {
	color: #000000;
	text-decoration: none;
}

.sub-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	vertical-align: middle;
	white-space: nowrap;
	height: 26px;
	padding-right: 7px;
	padding-left: 12px;
	background-color: #C2AADD;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.sub-menu a:link, .sub-menu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}

.headline {
	background-color: #E5EFFE;
	height: 23px;
	border-top: 1px solid #C7CFE0;
	border-bottom: 1px solid #C7CFE0;
	vertical-align: middle;
	padding-left: 7px;


}
H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #4B4E67;
}

.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.topnav a:link,.topnav a:visited {
	color: #000000;
	text-decoration:none;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link,a:visited {
	color: #304166;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.section-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #EEEEEE;
	border-top: 1px solid #304166;
	border-left: 1px solid #304166;
	border-bottom: 1px solid #304166;
	border-right: 1px solid #304166;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 12px;
}

.gb-comment {
	width: 516px;
	background-color: #dddddd;
	border: 1px solid #000000;
}

.gb-comment-jillana {
	width: 516px;
	background-color: #c2aadd;
	border: 1px solid #000000;
}

.gb-header {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.gb-message {
	width: 508px;
	background-color: #dddddd;
	border-top: 1px solid #000000;
	clear: both;
	padding: 4px 4px 12px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.gb-add {
}

.audition-schedule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.school-info {
  background-color: #EEEEEE;
  border: 1px solid #6B78A9;
  padding: 6px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.school-info-header {
  background-color: #D2BBEE;
  border-left: 1px solid #6B78A9;
  border-right: 1px solid #6B78A9;
  border-top: 1px solid #6B78A9;
  padding: 4px;
  color: #000000;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.update-item {
  width: 390px;
  clear: both;
}

.content-item {
  clear: both;
}

.update-img {
	float: left;
}

.update-text {
  margin-left: 138px;
}

.update-text1 {
  margin-left: 78px;
}

.photo-item {
  width: 900px;
  clear: both;
}

.photo-cell {
  background-color: #EEEEEE;
  border: 1px solid #6B78A9;
  padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.photo-div {
  width: 1000px;
}

.photo-list {
  list-style-type: none;
  padding-left: 0px;
}

.photo-list li {
  float: left;
  margin: 10px;
  font-size: 14px;
  width: 128px;
  height: 130px;
}

.photo-year {
  float: left;
  margin: 10px;
  font-size: 22px;
  width: 278px;
  height: 130px;
  background-color: #EEEEEE;
  border: 1px solid #6B78A9;
  padding: 6px 11px 6px 16px;
}