body {background-color: #aa00aa; background-image: url(images/jbg24.png);background-position:0px 0px;background-repeat: repeat-y;background-attachment: fixed; font-family: "Times New Roman", Times, serif; font-size: 12pt; font-style: normal; color: #000000;}
div#misc{background-color: #ffffff;}
.center,h1{ text-align: center }
.flem{text-align:right}
.flem div{text-align:left}
h4{font-size:1.2em;font-weight:bold}
h5{font-size:1.1em;font-weight:bold;margin:5px 0px 5px 30px;}
#misc{padding-bottom:50px;margin:0 auto 0 190px;border:4px groove #0000ff;min-height:500px;max-width:700px;background-image:url(images/jbg22.png);background-repeat:repeat-x;background-position:center bottom}
.abs{position:absolute}
.fxd{position:fixed}

#preloader{top:0px;left:-300px;}
#sitemenu, .sidebox{padding:3px;margin-bottom:5px;}


#menu{width:155px;margin:0 0 0 10px;border:4px groove #555;background-image:url(images/ghost1.png);min-height:300px;}

#menu h3{color:#500;margin:0;padding:0;font-weight:bold;font-size:1.5em;text-align:center;background-image:url(images/jbgflowers2.png);background-repeat:repeat-x;}
#menu div:hover h3{color:#ff0;background-image:url(images/jbgflowers1.png);background-repeat:repeat-x;}
#menu div{border:1px solid transparent;}
#menu div:hover{border-right:1px solid #ff0;border-left:1px solid #ff0;border-bottom:1px solid #ff0;background-image:url(images/ghost2.png);}
#menu a{color:#ff0;}
#menu a:hover{color:#0f0;}
#title{height:auto;}
#sitemenu ul li ul{display:none;}
#sitemenu ul li:hover{background-image:url(images/ghost2.png);}
#sitemenu ul li:hover ul{display:block;padding:5px;margin:-30px -154px 0 0;position:relative;float:right;width:145px;background-color:#ff8800;border:1px solid #ff0;}

a:link {color: blue;background-color:transparent}
a:visited {color: black;background-color:transparent} 
a:hover {color: red;background-color:transparent}

p{padding-left:30px;padding-right:15px}
h4{margin:0 6px 0 6px;padding:10px 15px 0 0;float:left;border-right:2px dotted red;width:160px;background-image:url(images/squares1.png);background-repeat:no-repeat;}



#misc h4:first-child{width:auto;float:none;border:none;margin:0 15px 0 0;font-size:2em;padding:20px 0 40px 30px;color:#77f;background-image:url(images/jbggrad4.png);background-repeat:no-repeat;}
#misc h4:first-child:first-letter{margin:0 0 0 0;padding:0 0 0 0;color:#f00;}


h1{font-size:22pt;font-weight:bold;font-family:"lucida calligraphy", "times new roman", serif;}
ul, li{margin:0; padding:0; list-style:none}
#theprogramming #misc li{margin-left:60px;list-style:square}
#guestbook hr{width:80%;height:5px;background-image:url(images/comph4bg1.png);border:none;}
#guestbook #misc p:first-letter{font-size:2em;text-transform:uppercase;}
.fright{float:right;}
.fleft{float:left;}
.flem{float:right;margin:-200px -10px 0 0;width:130px;font-size:.8em}
.flem div{border:1px solid black;background-color:#fff;padding:2px}
div#misc div.fright p{margin:0;padding:0;}
div#misc div.fright{font-size:.8em;width:200px;margin-left:20px}
#misc h4 + p:first-line, #misc h4 + div + p:first-line{font-variant:small-caps;}
img.fright{margin-left:10px}
body{margin:0 20px 20px 0; padding:0;}
code{font-family:monospace;font-size:10pt;}
.flem div:hover{outline:1px solid red;}
#misc ol li{margin:0 10px 0 12px; padding:0;list-style:decimal;}
#misc ol li p{border:1px dotted #fbb;}