body {
	background-color:#9370db; 
	text-align:center;
	}
	
#wrapper {
	max-width:800px;
	margin-right:auto;
	margin-left:auto
	
	}
	
.link {
	cursor:pointer;
	margin:0;
	background-color:#ECECFF;
	color:#000000;
	width:120px;
	padding:2px;
	text-align:center;
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
	}

.link a {
	display:block;
	text-decoration:none;
	}

#dropmenudiv {
	position:absolute;
	margin-left:100px;
	margin-top:-20px;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	}
	
#dropmenudiv a:hover { /*hover background color*/
	background-color: yellow;
	}
	
.submenu {
	margin-bottom: 0.5em;
	text-align:left;
	}

.hleft {
	float:left;
	width:150px;
	height:126px;
	background-color: #9370db;
	background-image: url(purpleangell.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

.hcenter {
	width:100%;
	height:126px;
	background-color: #9370db;
	color:gold;
	font-size:38pt;
	text-align:center;
	font-family:"Edwardian Script ITC",serif;
	font-weight:500;
	}

h3 {
	font-family:serif;
	font-size:18pt;
	text-align:center;
	text-decoration:underline;
	}

.hright {
	float:right;
	width:150px;
	height:126px;
	background-color: #9370db;
	background-image: url(purpleangel.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

.mleft {
	float:left;
	width:135px;
	height:auto;
	color:rgb(255, 238, 85);
	background-color: #9370db;
	font-weight:900;
	padding:10px;
	margin-left:-20px;
	margin-right:15px;
	}

.mcenter {
	background-color: #aaffee;
	color:#9300DB;
	font-weight:900;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	}

ul {
	text-align:left;
	}

li {
	margin-left:127px;
	}

#mright {
	float:right;
	width:120px;
	height:auto;
	color:rgb(255, 238, 85);
	background-image: url(btlt.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #9370db;
	background-color: #9370db;
	font-weight:900;
	padding:10px;
	margin-right:-20px;
	}

#mright a:link {
	text-decoration: underline;
	color:#000000;
	}

.mleft a:link {
	text-decoration: none;
	color:#0000cc;
	}

#mright a:visited{
	text-decoration:none;
	color:#0000cc;
	}
.mleft a:visited{
	text-decoration:none;
	color:#0000cc;
	}
#mright a:hover{
	text-decoration:none;
	color:#ffffff;
			}
.mleft a:hover{
	text-decoration:none;
	color:#7CDA54;
			}


#mright a:active{
	text-decoration:none;
	color:#0000cc;
	}
.mleft a:active{
	text-decoration:none;
	color:#0000cc;
	}

.fcenter	{
	width:100%;
	height:auto;
	margin-top:0px;
	padding:0px;
	font-size:9pt;
	text-align:center;
	background:#ECECFF;
        /*/*/border:1px solid #000000;/* */		}

img {
	margin:5px;
	}

#title {
	font-weight:bold;
	position:relative;
	top:5px;
	left:5px;}

#text {
	color:#930093;
	position:relative;
	z-index:2;
	top:0;
	left:0;
	}

#shadow {
	color:#999999;
	position:absolute;
	z-index:1;
	top:4px;
	left:4px;
	}

.content{
	margin: 15px;
	}

.box {
	text-align:center;
	margin: 5px auto;
	background-color:#ECECFF;
	color:#000000;
	width:350px;
	padding:2px;
	
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */}

#retreat {
	text-align:center;
	color:#D684E1;
	}

#retreat, h1, h2, h3 {
	text-decoration:none;
	color:#C553D5; 
	font-family: "Baskerville Old Face", Times, Serif;
	}

#informationbar {
	position: fixed;
	left: 0;
	width: 100%;
	text-indent: 5px;
	padding: 1px 0;
	background-color: lightyellow;
	border-bottom: 1px solid black;
	font: bold 12px Verdana;
	}

* html #informationbar { /*IE6 hack*/
	position: absolute;
	width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
table img {
	margin:0;
	padding:0;
	}
	
.clear {
	clear: both;
	}
	
#leftimg {
	position:relative;
	float:left;
	}
	
#rightimg {
	position:relative;
	float:right
	}