body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; background-color: #242460;
		background-image: url(../pics/bodyback.jpg); background-repeat: repeat-y;}
#buttons {position: absolute; height: 300px; width: 144px; left: 212px; top: 322px;}
.accredit {position: absolute; display:block; height: 222px; width: 200px; left: 122px; top: 650px; z-index:0;}
.accredit img {border:none}
.mainvideo {position: absolute; display:block; height: 587; width: 1042; left: 0px; top: 0px; z-index:0; border-color:black; border-width: 2px; border-style: solid;} /* 922 */

#mainbg {background-image: url(../pics/mainback.jpg); margin: 0px; padding: 0px; height: 876px; width: 1044px; position: absolute; left: 0px; top: 591px;}
#bg {background-image: url(../pics/mainback.jpg); margin: 0px; padding: 0px; height: 876px; width: 1044px; position: absolute; left: 0px; top: 0px;}

#text {position: absolute; left: 410px; top: 190px; width: 500px; text-align: justify; }
#text p {padding: 0px; margin: 0px; text-indent: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; line-height: 16pt;
		text-align:justify; }
#text h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large; font-weight: bold; text-align: center; }
#text h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; font-weight: bold; text-align: left; font-variant: small-caps;
		margin-bottom: 5px;}
#text p a:link {color: #5757A6;font-weight: bold; }
#text p a:visited {color: #5757A6; }
#text .parapic {text-align: center; text-indent: 0px;}
#text li { list-style-type: circle;}
#text p strong { text-align: center; }
#text h3 {font-size: small; font-weight: bold; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#text span.booktitle {font-style:italic}
#text span.bold {font-weight:bold;}
#text span.italic {font-style:italic;}
#text li a:link {color: #5757A6;font-weight: bold; }
#text li a:visited {color: #5757A6; }
.recall {color: red;}


/* menu */
#menu {width: 144px; height: 275px; left: 0px; margin: 0; padding: 0; position: absolute; background-image: url(../pics/buttons.gif); 
		background-repeat: no-repeat; background-position: -145px 0px;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu li, #menu a {height: 33px; display: block;}
#menu ul {position:absolute; left:-9999px;}
#menu li ul li, #menu li ul li a {background-color:#E8A36A; display:block; width:250px; float:left; position:relative; height:27px;}
#menu li ul li a {color:white; text-decoration:none; padding-left:5px; font-family:Arial, Helvetica, sans-serif;}
#aa {left: 0px; width: 144px; top: 0px;}
#bb {left: 0px; width: 144px; top: 40px;}
#cc {left: 0px; width: 144px; top: 80px;}
#dd {left: 0px; width: 144px; top: 120px;}
#ee {left: 0px; width: 144px; top: 160px;}
#ff {left: 0px; width: 144px; top: 200px;}
#gg {left: 0px; width: 144px; top: 240px;}

/* menu hover */
#menu li:hover {background-color: transparent; background-image: url(../pics/buttons.gif);	background-repeat: no-repeat;}
#menu li:hover ul {left:104px; margin-top:-25px; margin-left:0px}
#menu li ul li:hover, #menu li ul a:hover {background-color: #35337C;}
#aa:hover {background-position: 5px 0px;}
#bb:hover {background-position: 5px -40px;}
#cc:hover {background-position: 5px -80px;}
#dd:hover {background-position: 5px -120px;}
#ee:hover {background-position: 5px -160px;}
#ff:hover {background-position: 5px -200px;}
#gg:hover {background-position: 5px -240px;}

/* picture gallery */
#gallery {
	/*visibility: hidden;
	display: none;
	text-indent: 3em;*/
	border: .5em solid black;
	background: black;
}
.slide img {
	width: 100%;
}

/* #maingrid {
	display: grid;
	grid-template-areas: "menu" "text";
}
@media (min-width: 500px) {
	grid-template-areas: "text" "menu";
}	
*/