body { background-color: /* #330000; */ #ffffff; 
       width: /* 990px */ 90%; }
h1 { color: #000000;
     background-color: none;
     font-family: Candara, papyrus, palatino, fantasy;
     font-size: 3em; 
     margin-bottom: 1px;
     padding-bottom: 5px; }
h2 { color: /* #FFCC00 */ #000000;
     margin: 15px 0 -12px 0;
     font-family: Candara, papyrus, palatino, fantasy; }
h3 { color: /* #ffcc00 */ #000000;
     font-style: italic;
     font-family: Candara, Times, serif;
     margin-right: 10px;
     margin-bottom: -1px;
     }
h4 { margin-top: 3px;
     margin-bottom: 3px;
     color:/* #ffff99 */#000000;
     font-family: Candara, Arial, Verdana, Tempus Sans, sans-serif;
     font-size: 12pt; }
h5 { color: /* #ffff66 */ #000000;
     font-family: Candara, Tempus Sans, Geneva, Verdana, sans-serif;
     text-indent: 10px;
     margin-top: -10px; }
p  { color: /* #ffff99 */ #000000;
     font-family: Candara, Geneva, Verdana, sans-serif;
     font-size: 13pt; }
td { color: /*#ffff99 */ #000000;
    font-family: Candara, Geneva, Verdana, sans-serif; }
img { border: none; }
.nav { margin: 10px;
       color: /* #ff3399 */ #000000;
	   font-family: Candara, Geneva, Verdana, sans-serif; }
.mainnav { margin: -10px 0 0 0; }
/*
.button { border: 2px inset #990000;
          width: 95px;
          padding: 3px 5px;
          margin: -6px 0 -6px 0;
          color: #ffcc00;
          background-color: #00cc66;
          font-family: Candara, geneva, sans-serif;
          font-size: 13px;
          /* font-weight: bold; */
          text-align: left;
          text-decoration: none;
	  display: block; }
          */

a.button:link { color: #ba0101; text-decoration: none; }
a.button:visited { color: #000000; }
a.button:hover { color: #ba0101;
                 /* border: 2px outset #990000; */ }
a:link { color: #ba0101; text-decoration: none; }
a:hover { color: #ba0101; }
		
a:visited { color: #000000; }
#link { color: #ba0101; }
a.event:link { color: /* #ffcc00 */ #ba0101;
               text-decoration: none; }
a.event:visited { color: /* #ffcc00 */ #000000;
                  text-decoration: none; }
a.event:hover { color: #ba0101; }
.lookinside { color: #ffff99;
              text-decoration: none; }


/* RED BUTTON CODE */
.button { background: #ba0101;
	      border: 1px solid #556699;
	      border-radius: 1px;
              padding: 20px 45px;
	      color: #ffffff;
	      display: inline-block;
	      font: normal bold 26px/1 "Overlock", cursive;
	      text-align: center; }


#wrapper { background-color: /* #330000 */ #ffffff; 
           margin: 0 auto;
           padding: 0 10px 2px 10px;
           /*border: 5px solid #330000;*/
           width: /* 900px */ 100%;}
.narrow { width: 80%; }
#leftcolumn { width: /* 110px */ 11%;
              float: left; 
              padding-top: 10px;
              /*border: 5px solid #ff0000;*/ }
#middlecolumn { width: /* 750px */ 80%;
                align: center;
                margin-top: 10px;
                margin-left: 20%;
    		margin-right: 20%;
		float: right;
		display: block;
		/*border: 5px solid #00ff00;*/ }
#midcolumn { width: /* 415px */ 40%;
             float: left;
             /*border: 5px solid #00ff00;*/ }
#column1 { width: 303px;
           float: left;
           padding-left: 10px; 
           margin-top: -10px;
           /*background-color: #222222;*/
           /*border: 5px solid #ffaaaa;*/ }
#column2 { width: 303px;
           float: right;
           padding-left: 10px; 
           margin-top: -10px;
           /*border: 5px solid #ffaaaa;*/ }
#rightcolumn { float: right;
               margin-right: -10px;
               /*border: 5px solid #0000ff;*/ 
               width: 210px; }
#leo { float: right;
       margin: 5px 5px 5px 10px;
       align: bottom; }
#leo2 { float: left;
       margin: 5px 15px 10px 5px;
       align: bottom; }
#skinnyleo { float: right; 
             margin: 3px 0px 0px 0px; }
#lucid { float: left;
         margin: -5px 10px 5px 0; }
#classtitle { font-weight: bold; 
              color: #ffcccc;
              margin-bottom: -13px; }

.bss-slides figure { position: absolute;
			padding: 40px; 
			top: 0;
			margin-left: auto;
			margin-right: auto;
			width: 100%; }
	#buttonsize { min-width: 60%;
				 margin-left: auto;
			     margin-right: auto;	} 
	#buttonsize2 { min-width: 40%;
				 margin-top: -50px;
				 margin-bottom: 50px;
				 margin-left: auto;
			     margin-right: auto;	} 
	#buttonsize3 { min-width: 40%;
				 margin-top: -80px;
				 margin-bottom: -20px;
				 margin-left: auto;
			     margin-right: auto;	} 
	#buttonsize4 { min-width: 40%;
				 margin-left: auto;
			     margin-right: auto;	} 
}

/* SLIDESHOW Dec 2022 CSS */
.bss-slides {
var opts = {
            //auto-advancing slides? accepts boolean (true/false) or object
            auto : { 
                // speed to advance slides at. accepts number of milliseconds
                speed : 2500, 
                // pause advancing on mouseover? accepts boolean
                pauseOnHover : true 
            },
            // show fullscreen toggle? accepts boolean
            fullScreen : true, 
            // support swiping on touch devices? accepts boolean, requires hammer.js
            swipe : true 
        };

makeBSS('.bss-slides', opts);
}


            
#footer { font-size: .75em; font-style: italic; text-align: right; margin-right: 10px; color: #000000; float: right; clear: right; }
#footer1 { align: bottom; }
#altnav { font-size: .80em;  
          font-family: Candara, Geneva, Verdana, sans-serif;
          padding-left: 10px;
          clear: left; 
          /*border: 5px solid #ff00ff;*/ }