body {
/*  color: black; background: white url(graphics/WhiteBrickWall.gif) fixed; font-size: large;*/
width:850px;
margin:0px auto;  /* this is used to centre the content in the middle of the selected width */
// margin-left:150px;
color: black;
background: white;
font-size: large
}
// * { border: 1px solid black; }

h1.dont-forget {
	background: red;
}

.ASA-page {
	margin-left:300px;
}

ASA-left {
	display: inline;
	position: relative;
	left: 0; 
	width: 40%;
//	float: left; 
	margin: 0;
	padding: 0;
}

ASA-right {
	display: inline;
	position: relative;
	right: 0; 
	width: 10%;
//	float: right; 
	padding: 0em;
	margin: 0em;
}

.ASA-copyright {
	text-align: center;
	font-style:italic;
}

.homePage {
	text-align: center;
}

.exhibText {
//	display: inline;
	position: relative;
//	right: 0; 
	width: 70%;
	float: right; 
}

.exhibPlace {
	padding-left:2em;
	font-weight: bold;
}


/* Start a paragraph with a large drop capital */
.illum:first-letter {
	font-size: 2em;
	color:maroon;
//	text-align: left
}

.ASAHeaderBar {
	text-align: center;
}

ul.navbar {
	list-style-type: none;
	position: relative; 
	padding: 0;
	margin: 0;
	width: 300px;
//	height: 500px;
	text-align: center;
	float: left;
	border:0px;
	top: 0; 
	left: 0;
}

.navbarItem {
	border: 0px;
	border-color: white;
}

.slideshow {
	width: 300px;
	height: 500px;
	float: left;
}

.slideshowHint {
	font-size: 0.6em;
	font-style:italic;
}

.flashclass{ /*sample CSS class added to image slideshow container*/
	width: 300px; /*a width should be defined for transition to work*/
//	border: 1px solid maroon;
	padding: 5px;
}

.flashclass img{
border-width: 0;
}

.linkText {
	padding-left:50px;
}

.linkAddress {
	font-style:italic;
}

h1 {
  color: black;
  background: transparent;
  font-weight: bold;
  text-align: center;
//  border:1px dashed #333
}

h2 {
  color: black;
  background: transparent;
  font-weight: bold;
  text-align: center
}

h3 {
  color: maroon;
  background: transparent;
  font-weight: bold;
  text-align: left
}

h4 {
  margin-left: 6%;
  margin-right: 6%;
  font-weight: bold
}

h5 {
  margin-left: 6%;
  margin-right: 6%;
  font-weight: bold
}

h6 {
  color: black;
  background: transparent;
  font-size: 100%;
  font-weight: bold
}

ul, ol, dl, p {
  margin-left: 6%;
  margin-right: 6%
}

ul ul, table ol, table ul {
  margin-right: 1%
}

table caption {
  font-size: larger;
  font-weight: bolder
}

a:link {
  color: #00f;
  background: transparent;
}

a:visited {
  color: #800080;
  background: transparent;
}

a:active {
  color: green;
  /*background: #FFD700*/
}

.html {
  color: #000080;
  background: transparent
}

.css {
  color: #800000;
  background: transparent
}

.javascript {
  color: #008000;
  background: transparent
}

.example { margin-left: 10% }

dfn {
  font-style: normal;
  font-weight: bolder
}

.note {
  font-size: 85%;
  margin-left: 10%
}

.oops {
  font-family: Jester, "Comic Sans MS"
}

.error {
  color: #DC143C;
  background: transparent;
  text-decoration: none
}

.warning {
  color: #FF4500;
  background: transparent;
  text-decoration: none
}

.error strong {
  color: #DC143C;
  background: #FFD700;
  text-decoration: none
}

.warning strong {
  color: #FF4500;
  background: #FFD700;
  text-decoration: none
}

.default { text-decoration: underline; font-style: normal }
.required { font-weight: bold }
td li.transitional, .elements li.transitional {
  font-weight: lighter;
  color: #696969;
  background: transparent
}
.footer {
  margin-top: 2em;
  padding-top: 1em;
//  border-top: solid thin black
}

@media print {
  input#toggler, .toolbar { display: none }
}