
body {
	margin : 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : medium;
	background : #fff;
	color: #000;
	text-align: center;
}

h1 {
	font-size: x-large;
}

em {
	font-style: italic;
}



/* ------------------------------------------------------------ */
.bodyBox {
	margin: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 740px;

	/* For testing */
/*	border:1px solid #0f0;*/
}
	

/* ------------------------------------------------------------ */
/* Logo at very top of page */
.header {
	margin: 0.7em 0 0.2em 0;
	padding: 0;

	color: #333;
	background-color: #fff;
	
	text-align: right;
	font-weight: bold;
	/* For testing */
/*	border:1px solid #F00;*/
}

.header h1 {
	margin: 1px;
	text-transform: lowercase;
	letter-spacing: 0.2em
}

/* ------------------------------------------------------------ */
#menu {
	margin: 0;
	padding: 2px;

/*  	border: 1px solid #000; */

	text-transform: lowercase;

	color: #fff;
	background-color: #000;

	font-size : small;
	text-align: center
}

#menu ul {
	margin: 0;
	padding: 0;
	/* For testing */
/*border: 1px solid #00f;*/
}


#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding-left: 1ex;
	padding-right: 1ex;
	/* For testing */
/*border: 1px solid #00f;*/
}

#menu a {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

#menu a:link {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
#menu a:visited {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
#menu a:hover {
	color: #fff;
	background-color: #111;
	text-decoration : underline;
}
#menu a:active {
	color: #fff;
	background-color: #111;
	text-decoration : underline;
}

.thumbnailBox a {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

.thumbnailBox a:link {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
.thumbnailBox a:visited {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
.thumbnailBox a:hover {
	color: #fff;
	background-color: #111;
	text-decoration : underline;
}
.thumbnailBox a:active {
	color: #fff;
	background-color: #111;
	text-decoration : underline;
}


/* ------------------------------------------------------------ */
.mainContent {
	margin: 10px 10px 30px 10px;

	text-decoration : none;
/* For testing */
/* 	border: 1px solid #FF0000; */
}

/* ------------------------------------------------------------ */
.frontPageContent {
	margin: 10px 10px 10px 10px;
	padding: 1em;
	
	text-decoration : none;
	font-weight : normal;
 	text-align : center;
/* For testing */
/* 	border: 1px solid #00f; */
}


/* ------------------------------------------------------------ */
.thumbnailBox {
	width: 685px;	/* 5 * (.thumbnail width + 2*padding + margin width) */
	height: 280px;
 	margin-top: 1em;
 	margin-left: auto;
 	margin-right: auto;
	/* For testing */
 	/*border: 1px solid #0ff;*/
 	text-align: center;
}

/*
.thumbnail {
	float: left;
	width: 95px;
	height: 250px;
	background-color: #000;
	color: #fff;

	margin: 0 9px 0 0;
	padding: 4px;

	text-transform: lowercase;
	font-size: 15px;
}


.thumbnail img {
	border: none;
}

.thumbnail a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
.thumbnail a:hover, a:active {
	color: #fff;
	text-decoration : underline;
}
*/

.thumbnailTable {
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #0ff;*/
}

.thumbnailTable td {
	padding: 5px;
	/*border: 1px solid #f00;*/
}

.thumbnail {
	/*float: left;*/
	width: 95px;
	height: 250px;
	background-color: #000;
	color: #fff;

	margin: 0;
	padding: 4px;

	text-transform: lowercase;
	text-align: center;
	font-size: 15px;
}


.thumbnail img {
	border: none;
}

.thumbnail a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
.thumbnail a:hover, a:active {
	color: #fff;
	text-decoration : underline;
}


/* ------------------------------------------------------------ */
.eventsBox {
	margin: 1em;
	
/* For testing */
/* 	border: 1px solid #00f; */
}
.eventsBox p {
	margin-bottom: 2em;
}

p.narrow {
	margin-bottom: 0.5em;
}

/* ------------------------------------------------------------ */
#credits {
	margin: 3em 5px 5px 5px;
	padding: 2px;

	color: #333;
	background-color: #fff;

	font-size : x-small;
	
	text-align: right;
}

#credits a {
	color: #333;
}

a {
	color : #000099;
	background-color: transparent;
	text-decoration : none;
}

a:visited {
	color : #000099;
	background-color: transparent;
	text-decoration : none;
}

a:active {
	color : #0000CC;
	background-color: transparent;
	text-decoration : underline;
}

a:hover {
	color : #0000CC;
	background-color: transparent;
	text-decoration : underline;
}

