body {
font-family: "Comic Sans MS", Arial, sans-serif;
font-size: 100%;
color: #006000;
background: #fff4bb; 
/* #f0f0ff; url("cnvbkgnd.jpg") repeat;*/
margin:0px;
padding:10px;
text-align:center;
}
h1 {
font-size: 125%;
}
h2 {
font-size: 115%;
text-align:left;
}
h3 {
font-size: 105%;
text-align:left;
}
hr {
color:#800080;
background-color:#800070;
height:2px;
width:85%;
}
.para {
text-align:left;
margin: 0em 0em 0em 2em;
}
.para:first-letter {
margin: 0em 0em 0em 0em;
font-size:100%;
}
.para li {
list-style:none;
}
.forumbox {
text-align:center;
float:right;
width:29%;
margin: 0em;
color: #900090;
/*border: solid #aa8800;
border-width: 0px 0px 0px 2px;*/
}
.topbox {
float:left;
text-align:center;
width:70%;
margin: 0em;
color: #900090;
/*border: solid #aa8800;
border-width: 0px 0px 0px 2px;*/
}
.bbox {
max-width:40em;
border-color: #111111;
border-width: 3px;
border-style:double;
padding: 0em 1em;
line-height:150%;
margin-left:auto;
margin-right:auto;
}
.sbox {
max-width:40em;
border-color: #550055;
border-width: 2px;
border-style:dotted;
padding: 0em 1em;
line-height:100%;
margin-left:auto;
margin-right:auto;
}
.obit {
color: #000000;
border-color: #000000;
border-width: 5px;
border-style:double;
padding: 9px 4px 4px 4px;
line-height:100%;
margin-left:auto;
margin-right:auto;
}
ul {
text-align:left;
}
p {
text-align:left;
margin-left:1em;
margin-right:1em;
}
.address {
margin-left:3.5em;
font-weight: bold;
}
.address:first-letter {
margin: 0em 0em 0em 0em;
font-size:100%;
}
.center {
padding:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.title {
text-align:center;
font-size: 135%;
font-weight:bold;
font-style: italic;
color:#800080;
}
.subtitle {
text-align:center;
font-size: 120%;
font-weight:bold;
font-style: italic;
color:#800080;
}
.attrib {
text-align:right;
font-style:italic;
}
.centrequote {
text-align:center;
font-weight:bold;
font-style:italic;
}
.centreheading {
text-align:center;
font-weight:normal;
font-size: 105%;
}
.verse {
font-family: Arial, sans-serif;
text-align:center;
font-weight:normal;
font-size: 110%;
line-height:150%;
}
a {
font-size: 95%;
color: #dd7700;
background-color:transparent;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#ff8800;
background-color:transparent;
text-decoration:underline;
font-weight:bold;
}
img {
border:none;
margin:0px;
}
a img {
border: none;
margin:0px;
}
.bodytext {
font-family: "Comic Sans MS", Arial, sans-serif;
color: #9900FF;
font-weight: normal;
text-decoration: none;
}
.boldtext {
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
color: #9900FF;
}
.bigtext {
font-family: "Comic Sans MS", Arial, sans-serif;
font-size: 130%;
font-weight: normal;
color: #9900FF;
}
.brk {
clear:both;
}
.brkL {
clear:left;
}
.brkR {
clear:right;
}
.boxL {
float:left;
margin: 0em 1em 0em 0em;
}
.boxR {
float:right;
margin: 0em 0em 0em 1em;
}

.main {
/* position:absolute;
top:150px; */
clear:both;
text-align:center;
padding-top:3px;
margin-left:auto;
margin-right:auto;
}
.foot {
/* position:relative; */
text-align:center;
font-weight:normal;
font-size: 80%;
margin: 1em 0em 1em 0em;
}
.pageheader {
/* position:fixed;
top:0px; */
text-align:center;
}
.menu {
/* position:fixed;
left:0px;
top:110px; */
text-align:center;
font-size: 100%;
font-family:monospace;
font-weight:bold;
}
.menu ul {
margin: 0px auto 2px auto;
border:#ee8800 solid;
border-width: 1px 0px 0px 0px;
max-height:2em;
text-align:center;
vertical-align:middle;
}
.menu ul li {
list-style-type: none;
/*width:16%;*/
width:19%;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.menu ul li .nota {
margin:0px;
padding:5px;
border:#ff9900 solid;
border-width: 0px 1px 1px 1px;
display: block; 
height:2em;
font-size:110%;
color:#ff8844;
background-color:#ffffdd;
text-decoration:none;
}
.menu ul li a {
margin:0px;
padding:5px;
border:transparent solid;
border-width: 0px 1px 1px 1px;
display: block;
height:2em;
color:#dd9900;
background-color:#ffffee;
}
.menu ul li a:hover {
border:#ff9900 solid;
border-width: 0px 1px 1px 1px;
color:#ff9900;
background-color:#ffffee;
text-decoration:underline;
}

.logo a img{
border:5px;
background:transparent;
float:right;
}
.bpic {
font-family:cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
padding:0em 2em;
/*  background:#554433; */
color:#ffffff;
margin:0px;
border-width:0px;
border-style:solid;
border-color:#888888 #666666 #222222 #444444;
}
.bpic img{
position:relative;
/* display:block; */
/* margin:2em auto 3em auto; */
border-width:3px;
border-style:solid;
border-color:#888888 #666666 #222222 #444444;
}
.bpic span{
/* width:100%; */
font-family:ms-sans, cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:150%;
position:fixed;
right:70px;
top:120px;
/* position:relative; */
text-align:right;
/* float:right; */
color:#116611;
/* display:block; */
/* margin-left:auto; */
margin-right:3px;
/* border-width:0px; */
/* border-style:solid; */
/* border-color:#555566 #aaaaaa #ccccbb #999999; */
}
.gbox {
width:15%;
}
.gpic2 {/*for text list, no image*/
/* position:relative; */
/* width:90%; */
z-index:0;
background:#fdfdfd;
/* color:#ffffff; */
font-family:ms-sans, cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:80%;
/* text-align:right; */
border:0px #888888 double;
padding:1px;
margin:2px 2px;
}
.gpic {
/* position:relative; */
/* width:90%; */
float:left;
display:inline;
z-index:0;
background:transparent;
text-align:center;
/* color:#ffffff; */
font-family:ms-sans, cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:80%;
/* text-align:right; */
border:0px #888888 double;
padding:1.5em 2px;
margin:2px 2px;
}
.gpic img{
/* float:right; */
margin:0px 0px 0px 3px;
border-width:3px;
border-style:none;
border-color:#555566 #aaaaaa #ccccbb #999999;
}
.gpic:hover{
/* background:transparent; */
z-index:50;
}
.gpic:hover img{
/* margin:0px 0px 0px 7px; */
border-width:3px;
border-style:none;
border-color:#555566 #aaaaaa #ccccbb #999999;
}
.gpic p{
width:auto;
margin:0px;
padding:0px;
text-align:center;
border-width:0px;
border-style:solid;
border-color:#555566 #aaaaaa #ccccbb #999999;
}
.gpic p:hover{
background-color:#ffddaa;
}
.gpic a:link{
/* width:90%; */
color:#004400;
background-color:inherit;
text-decoration:none;
}
.gpic a:visited{
color:#004400;
background-color:inherit;
text-decoration:none;
}
.gpic a:hover{
color:#006600;
background-color:inherit;
text-decoration:none;
}
.gpic a{
color:#ffaa88;
background-color:inherit;
}
.gpic2 p{
width:auto;
margin:0px;
padding:0px;
text-align:center;
border-width:0px;
border-style:solid;
border-color:#555566 #aaaaaa #ccccbb #999999;
}
.gpic2 p:hover{
background-color:#ffddaa;
}
.gpic2 a:link{
/* width:90%; */
color:#004400;
background-color:inherit;
text-decoration:none;
}
.gpic2 a:visited{
color:#004400;
background-color:inherit;
text-decoration:none;
}
.gpic2 a:hover{
color:#006600;
background-color:inherit;
text-decoration:none;
}
.gpic2 a{
color:#ffaa88;
background-color:inherit;
}
.gpic2 span{ /*CSS for enlarged image*/
/* text-align:center; */
visibility:hidden;
/* display:none; */
/* position:fixed; */
position:fixed;
right:20px;
top:20px;
/* right:10px; */
z-index:50;
/* left:-1000px; */
border-style:double;
border-width:10px;
border-color:#555566 #aaaaaa #ccccbb #999999;
background-color:#f8f8f8;
color:black;
padding:2px;
text-decoration:none;
}
.gpic2:hover span{
visibility:visible;
}
.gpic2:hover span img{ /*CSS for enlarged image*/
border-width:5px;
float:left;
/* position:fixed; */
/* left:120px; */
/* top:30px; */
border:0px double #bb9966;
padding:20px 20px 20px 20px;
/* background-color:#f0f0f0; */
margin:1px;
}
.gpic2:hover span p{
/* background-color:#ffff88; */
clear:left;
text-align:center;
/* float:left; */
padding:3px;
margin:1px;
}
.linkp {
position:fixed;
right:20px;
top:160px;
}
.linkc {
position:fixed;
right:20px;
top:195px;
}
.linkn {
position:fixed;
right:20px;
top:230px;
}