/* cmsms stylesheet: Tryst modified: Saturday, May 17, 2025 12:21:36 PM */
body {background-color: black; margin-left: 0px; margin-top: 0px}

a:link, a:visited, a:active {color: #880000; font-size: 100%; font-weight: bold; font-family: serif}
nav a:link {color: #000000; text-decoration: none}
nav a:visited {color: #000000; text-decoration: none}
nav a:active {color: #FF0000; text-decoration: none}
nav a:hover {color: #FF0000; text-decoration: none}
.tickets a:link {color: #FFFFFF; text-decoration: none}
.tickets a:visited {color: #FFFFFF; text-decoration: none}
.tickets a:active {color: #FF0000; text-decoration: none}
.tickets a:hover {color: #FF0000; text-decoration: none}

header {display:flex; align-items:center; justify-content: center; text-align: center; font-size: 225%; font-family: sans-serif; font-weight: bold; font-style: italic; color: white}
.subheading {text-align: center; font-size: 50%; font-family: sans-serif; font-weight: bold; font-style: italic;}

.layout {display:flex; justify-content:center; padding: 10px;}
.NewsStory {padding: 10px;}
.NewsStoryLayout {display:flex; padding: 10px; flex-wrap:wrap;}
.NewsSummaryThumb {display:flex; width: 200px; justify-content: center; padding: 10px;}
.NewsSummaryBody {display:flex; flex:2 1 200px; flex-direction:column; padding: 10px;}
.NewsImage {min-width:200px; justify-content: center;}
.NewsDetailThumbs {display:flex; flex-direction: column; flex:1 1 40%; max-width:300px; justify-content: flex-start; align-items: center; padding: 10px;}
.NewsDetailBody {display:flex; flex:2 1 50%; padding: 10px;}



nav {width:300px; text-align: center; font-size: 75%; font-family: sans-serif; font-weight: bolder; color: black; padding: 10px;}
section {width: 800px;
	font-size: 80%;
	font-family: sans-serif;
	padding: 20px;
	text-align: justify;
box-shadow: inset 5px 5px 10px black, inset -5px -5px 10px black;
}
section b {font-family: serif}
section strong {font-family: serif}
section img {
	vertical-align: middle;
	border: 0px none;
}

.navi {padding: 11px;   box-shadow: inset 5px 5px 10px black, inset -5px -5px 10px black;}

.news{background-color: #FFFFFF;}
.forthcoming{background-color: #84FF84;}
.previous{background-color: #8484FF;}
.about{background-color: #FF8484;}
.former{background-color: #FFFF84;}
.archive{background-color: #CE73EF;}
.contact{background-color: #FF9C39;}

.tickets {text-align: center; font-size: 90%; font-family: sans-serif; font-weight: bolder; color: white; padding: 11px;}
.charity, .charity a {text-align: center; font-size: 80%; font-family: sans-serif; font-weight: bold; color: white}

.forthcoming {text-align: center; font-size: 100%}
.forthcoming p {margin: 1em auto; width: 85%;}
.forthcoming h1 {font-size: 160%; font-weight: bold;}

.previous {font-size: 100%;}
.previous h1 {font-size: 160%;}
.previous h2 {font-size: 120%;}
.previous h3 {font-size: 90%;}

img {
	vertical-align: middle;
	border: 0px none;
        max-width:100%;
}

img.white {
	float: left;
	border: 5px solid white;
}
img.green {
	float: left;
	border: 5px solid #7BFF7B;
}
img.yellow {
	float: left;
	border: 5px solid #FFFF80;
}
img.purple {
	float: left;
	border: 5px solid #CE73EF;
}
img.blue {
	float: left;
	border: 5px solid #8080FF;
}

.date {font-size: 75%; font-weight: bold}
.NewsStoryPostdate {font-size: 75%; font-weight: bold}
.title {font-size: 200%; font-weight: bold; font-style: italic}
.NewsStoryTitle {font-size: 200%; font-weight: bold; font-style: italic}
.title2 {font-size: 140%; font-weight: bold}
.title3 {font-size: 110%; font-weight: bold}

.gallerycomment{font-size: 80%; font-family: sans-serif; font-weight: bold; color: white}
.content strong {font-family: serif}
.content td {font-size: 100%; font-family: sans-serif; padding: 10px; text-align: center}
.content td.title{font-size: 200%; font-weight: bold; font-style: italic}
.content td.title2 {font-size: 140%; font-weight: bold}
.content td.title3 {font-size: 110%; font-weight: bold}

.newstable td {
	font-size: 80%;
	font-family: sans-serif;
	padding: 10px;
	text-align: justify;
}

white-right {

	float: left;
	border: 5px solid white;
}
.white-right {
	font-size: 80%;
	font-family: sans-serif;
	padding: 10px;
	text-align: justify;
	float: right;

}

purple-right {

	float: left;
	border: 5px solid #CE73EF;
}
.purple-right {
	font-size: 80%;
	font-family: sans-serif;
	padding: 10px;
	text-align: justify;
	float: right;
}