body
{
	margin: 0px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: small;
	background-color: white;
	color: black;
  text-align: center;
}

div.pageContent
{
  margin:0 auto 0 auto;
  text-align: left;
  width: 900px;
}

a:link,a:visited
{
	color: #7A2E72;
}

a:hover,a:active
{
	color: #FF3366;
}

H1,H2,H3
{
	color: #7A2E72;
}

H1
{
  font-size: large;
}

H2
{
  font-size: medium;
}

H3
{
  font-size: small;
}

table.purple
{
	border: 1px solid #7A2E72;
	margin: 1em 0em 1em 0em;
	padding: 2em 1em 1em 1em;
}

.purple
{
	background-color: #d3abcd;
}

floating
{
	float: left;
}

table.rowHeadings TH
{
  text-align: left;
  vertical-align:top;
}

td
{
	padding: 6px;
}

.headerLogo
{
}

.mainMenu,.subMenu,.loggedInMenu
{
  margin: 1em;
	padding: 4px;
  width: 100%;
}

.mainMenu,.subMenu
{
	background-color: #eeeeee;
}

.loggedInMenu
{
	background-color: #d3abcd;
}

.searchBox
{
	margin: 1em;
	text-align: right;
	float: right;
}

.langSelect
{
	margin: 1em;
	background-color: #eeeeee;
	padding: 4px;
	text-align: left;
	float: left;
}

.login
{
	margin: 1em;
	background-color: #eeeeee;
	padding: 4px;
	text-align: left;
	float: left;
}

a img
{
  border: none;
}

.imgfloatleft {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.sideBar
{
	border: solid 1px #7b2f73;
	background-color: #d3abcd;
	padding: 1em;
	width: 200px;
	float: right;
	margin: 0% 25% 2% 0%;
}


.sideBarWide
{
	border: solid 1px #7b2f73;
	background-color: #d3abcd;
	padding: 1em;
	width: 370px;
	float: right;
	margin: 0% 7% 2% 0%;
}

.sideBar UL
{
  margin-left: 1em;
}

.footer
{
  clear: both;
  margin-top: 2ex;
  border-top: solid 1px #7b2f73;
  padding: 2ex;
}

.credits
{
  float: left;
}

.medals
{
  float: right;
}

.error
{
  color: Red;
  font-weight: bold;
  padding: 4px;
}

div.error
{
  border: solid 1px Red;
}

.success
{
  color: Green;
  font-weight: bold;
  padding: 4px;
}

div.success
{
  border: solid 1px Green;
}

.editComment
{
  font-size: small;
  font-style: italic;
}

.leftColumn
{
  width: 48%;
  margin-right: 1em;
  float: left;
}

.rightColumn
{
  width: 48%;
  margin-left: 1em;
  float: right;
}

.clear
{
  clear: both;
}

table.regForm th, table.regForm td
{
  border-top: solid 1px white;
}

table.regForm table th, table.regForm table td
{
  border-top: none
}

.faq-entry
{
  border: solid 1px #7A2E72;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.faq-q
{
  font-weight: bold;
  margin-bottom: 1em;
}

.faq-a
{
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
}

.tandc-clause
{
  margin-top: 1em;
  margin-bottom: 1em;
}

.roomListings
{
  background-color: #F0F0F0;
  padding: 1em;
}

.roomEntry
{
  background-color: White;
  padding: 1em;
  margin: 1em;
}

.roomLocation
{
	color: #7A2E72;
  font-size: larger;
  margin: 4px 0 4px 0;
}

.hostDetails
{
  font-style: italic;
  margin: 4px 0 4px 0;
}

.roomDesc
{
  margin: 4px 0 4px 0;
}

.eventListings
{
  background-color: #E8E8E8;
  padding: 1em;
}

.eventInfo
{
  border: solid 2px #7A2E72;
  background-color: white;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  page-break-inside: avoid;
}

.eventName
{
  float: left;
  color: #7A2E72;
  font-size: large;
  display: inline;
}

.eventCategory
{
  float: right;
  display: inline;
  text-align: right;
  padding: 2px 1em 2px 1em;
}

.choirBlock
{
  background-color: #ffcc00;
}

.choirTech
{
  background-color: #ffee22;
}

.performance
{
  background-color: #6ef76e;
}

.perfPrep
{
  background-color: #d0ff88;
}
.cabaret
{
  background-color: #00ccff;
}

.choirRehearsal
{
  background-color: #b4b4b4;
}

.vvRehearsal
{
  background-color: #d0b4d0;
}

.social
{
  background-color: #84d7a9;
}

.workshop
{
  background-color: #ffcc99;
}

.briefing
{
  background-color: #ddcc77;
}

.otherCategory
{
  background-color: #eedd99;
}

.eventTime
{
  margin-top: 1em;
  font-weight: bold;
  font-size: small;
  text-align: right;
}

.eventLocation
{
  font-style: italic;
  font-size: small;
  text-align: right;
}

.eventPricing
{
  font-size: small;
  text-align: right;
}

.choirName
{
  font-style: italic;
}

TABLE.dailyPlanner
{
  border: solid 1px black;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: #F0F0F0;
}

TABLE.dailyPlanner TH
{
  border: solid 1px black;
  text-align: left;
}

TABLE.dailyPlanner .roomHeading
{
  width: 10em;
}


TABLE.dailyPlanner COL
{
  width: 0.5em;
}

TABLE.dailyPlanner TD
{
}

TABLE.dailyPlanner TD.gap
{
}

TABLE.dailyPlanner TD.event
{
  border: solid 1px black;
}

.choirNames
{
  font-size: x-small;
}

.highlight
{
  background-color: Yellow;
}

.deleteButton
{
  color: Red;
}

.nowrap
{
  white-space: nowrap;
}

@media screen
{
  .translationBanner
  {
    margin: 1em;
    border: solid 2px #7b2f73;
    background-color: #d3abcd;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.countdown
{
  font-weight: bold;
  font-size: larger;
}

UL.spaced LI, OL.spaced LI
{
  margin: 1ex 0 1ex 0;
}

@media print
{
  div.pageContent
  {
    width: 100%;
  }

  .headerLogo img
  {
    width: 600px;
    height: 100px;
  }

  .screenOnly, .langSelect, .login, .translationBanner, .mainMenu, .loggedInMenu, .medals, .searchBox
  {
    display: none;
    visibility: hidden;
  }

  a:link, a:visited, a:hover, a:active
  {
	  color: Black;
	  text-decoration: none;
  }
}


