body {
	/* Rough overall values */
	font-family: sans-serif;
	font-size: 0.75em;
	height: 100%;
}

/* Images on left of page. */

#borderimages {
	float: left ;
	margin-left: 1.0%;
	width: 24% ;
	position: relative;
	top: 0em;
}

#performA,
#performB, 
#logo {
 	width: 100%; 
 	height: auto;
 	margin-top: 0.5em ;
 	position: relative;
 	top: 0em ;
 	left: 0em ;
}


#performB{
	/* Ensure second image starts faded out */
	opacity: 0.0 ;
	filter: alpha(opacity=0.0) ;
}

/* Right content panel */

#pagecontent {
	
	position: absolute;
	right: 0.5em;
	/*float: right;*/
	margin-top: 0%;
	margin-left: 1.5%;
	width: 72.5% ;
	height: 97%;
}

#bkg {
	height: 100%;
	width: 100%;
	z-index: -1 ;
}

#pageheader {
	text-align: center;
}

.pagetitle {
	font-size: 7em ;
	font-family: sans-serif;
	color: gray ;
}


div.pagelinks {
	font-family: sans-serif;
	font-size: 1.5em ;
}

div.pagelinkssecondlevel {
	font-family: sans-serif;
	font-size: 1em ;
	margin-bottom: 1em;
	background-color: LightGray;
}

a.headerlinks:link,
a.headerlinks:visited {
	color: black ;
	text-decoration: none ;
	margin-left: 0.5em;
	margin-right: 0.5em;	
}

a.headerlinkcurrent:link,
a.headerlinkcurrent:visited  {
	color: red ;
	text-decoration: none ;
	font-weight: bolder ;	
	margin-left: 0.5em;
	margin-right: 0.5em;	
}

a.headerlinks:link:hover,
a.headerlinks:visited:hover {
	color: blue ;
}

a.headerlinkcurrent:link:hover,
a.headerlinkcurrent:visited:hover  {
	color: blue ;
}

.headerlinksmock {
	color: black ;
	text-decoration: none ;
	margin-left: 0.5em;
	margin-right: 0.5em;	
}

.headerlinkcurrentmock  {
	color: red ;
	text-decoration: none ;
	font-weight: bolder ;	
	margin-left: 0.5em;
	margin-right: 0.5em;	
}

.headerlinksmock:hover {
	color: blue ;
}

.headerlinkcurrentmock:hover  {
	color: blue ;
}


div.contentpayload {
	text-align: left;
	margin-top: 3%;
	font-size: 1.25em;	
	height: 60%;
	overflow-y: auto;
}

/* Main page content */

/*h2, h3 { 
	font-family: cursive ;
	font-style: italic ;
	text-decoration: underline ;
	color: red ;
}
h2 { font-size: 1.25em; }
h3 { font-size: 1.1em; }
*/

.yearlinks {
	font-family: Arial, sans-serif ;
	font-size: 1em;
	margin-left: 1%;
	margin-right: 1%;		
}

.yearlinks a:link,
.yearlinks a:visited {
	color: white ;
	text-decoration: none ;
	background-color: lime; 
}


.yearlinks a:link:hover,
.yearlinks a:visited:hover {
	color: blue ;
	background-color: lime; 
}


.yearlinkcur a:link,
.yearlinkcur a:visited {
	text-decoration: none ;
}

.yearlinkcur a:link,
.yearlinkcur a:visited, 
.yearlinkcur a:link:hover,
.yearlinkcur a:visited:hover {
	color: blue ;
	background-color: yellow; 
}

.yearlinks, .yearlinkcur { 
	border: solid;
	border-bottom: none;
	border-width: thin;	
}


.following {
	clear: both;
	float: left ;
	margin-top: 2em;
	text-align: center;
}


/* Executive staf images */

/*
.execspan {
	color: #0080c0 ;
	font-size: 1em;
}

.postnominals {
	font-size: 0.75em;
}
*/

/* Columns */

/*div.leftcolumncentered,
div.rightcolumncentered {
	text-align: center;
}

div.leftcolumn,
div.rightcolumn {
	text-align: justify;
}

div.leftcolumn,
div.rightcolumn,
div.leftcolumncentered,
div.rightcolumncentered {
	float: left ;
	width: 44% ;
	margin-top: 0em ;
	margin-left: 3% ;
	margin-right: 3% ;
	margin-bottom: 0em ;
}
*/

div.signupleftcolumn,
div.signuprightcolumn {
	text-align: justify;
}

div.signupleftcolumn,
div.signuprightcolumn {
	float: left ;
	width: 44% ;
	margin-top: 0em ;
	margin-left: 3% ;
	margin-right: 3% ;
	margin-bottom: 0em ;
}

/* HTML forms */

label {
	float: left;
	width: 12em;
	text-align: left;
}

input, textarea {
	float: left;
	text-align: left;
	width: 18em;
	margin-bottom: 1.5em;
	margin-left: 0em;
}

textarea {
	height: 3.5em;
}

br.clearLeft {
	clear: left;
}


#submitbutton {
	clear:left ;
	margin-left: 0em;
	margin-top: 0em;
	width: 6em;
}

.nofloat {
	
	clear: both;
}

#ragged {
	text-align: left;	
}

/*Ensure email image baseline is lined-up correctly*/
#emailImg {

	position: relative;
	bottom: -0.52em;
}

#ltcorner, #lbcorner {

	position: absolute;
	left: 0em;
	/*float: left ;*/
	clear: left;
}

#rtcorner, #rbcorner {

	position: absolute;
	right: 0em;
	/*float: right ;
	clear: right;*/
}

#ltcorner, #rtcorner {
	top: 0em;
}

#lbcorner, #rbcorner {
	bottom: 0em;
}
#ltcorner, #rtcorner,
#lbcorner, #rbcorner {
	width: 10% ;
	height: 10% ;
}

#calendarcenter table {
	border: solid;
	border-width: thin;	
	font-size: 0.75em;	
		
	margin-left: auto;
    margin-right: auto;
}

#calendarcenter td {
	border: solid;
	border-width: thin;	
}

#imageshidden {
	display: none;
}

#imageshidden img {
	display: none;
}