/*
 * Combined style sheet for the index pages and the slide pages, with classes that are common to both styles
 */

html {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
}
.smaller {
	margin: auto;
    text-align: center;
	font-size: 0.8em;
	font-style: italic;
	color: rgb(0, 0, 0);
}
sup {
    vertical-align: super;
    font-size: larger;
}
body {
	margin: auto;
	text-align: center;
	background: url("mandala(lg).jpg");
	background-repeat: repeat; 
	background-position: left top
}
h1 {
    color: black;
    text-align: center;
    font-size: 30px;
}
h2 {
	color: rgb(0, 0, 0); 
	margin-left: 15%;
    text-align: left;
    font-size: 1.1em;
	font-weight: bold;
}
div.center {
	margin: auto;
	text-align: center;
}
table {
	margin: auto;
	text-align: center;
}
div.maintitle {
	font-size: 3.0rem;
	color: red; 
	text-align: center;
}
div.subtitle {
	font-size: 1.8em;
	font-style: oblique;	
	color: black; 
	text-align: center;
}
p {
	font-size: 1.0em;
	color: rgb(0, 0, 0); 
	text-align: left;
	margin-left: 17%;
	margin-right: 12%;
}
p.quote {
	font-size: 25px;
	text-align: center;
	color: rgb(122, 22, 22);
}
p.quote2 {
	width: 95%;
	font-size: 18px;
	text-align: left;
	color: rgb(235, 119, 12);
}
div.a {
	height: 100px;
}
div.b {
	height: 50px;
}
div.c {
	height: 25px;
}
div.d {
	height: 10px;
}
div.e {
	height: 5px;
}
a.pics:hover {
	font-size:125%;
}
#deadlink {
	text-align: left;
	font-size: 1.0em;
	padding: 5px;	
	color: grey;
}
a:link {
	color: blue;
}
a:hover {
	font-size:120%;
	color: rgb(255, 0, 34);
}
a:active {
	color: blue;
}
a:visited {
	color: blue;
}