BODY {margin-top:10px; margin-left:15px; margin-right:30%; 
   background: url(http://www.stjudesburbank.org/stjudes_bgGreen.jpg); 
   background-repeat: repeat-y;
   width: 100%;
   height: 100%; 
   background-color: #fff8dc; }



A:link {color: #006600; } 
A:visited { color:#009900; }
A:active { background: #99cc99; text-decoration: none; color: black; }
A:hover { background: #99cc99; color: black; }


<!--	WITHIN SIDEHOLDER!!

	LENT/ADVENT - background-color: #993399;  - active/hover: #cc99cc;
	GREEN - background-color: #006633;       #cccc99;
	EASTER - background-color: #ffcc33;  active/hover: #ffff99;  (gold - change type color to black) add'l color: #ff00cc; & link color within sideholder = #660000;
		PALM SUNDAY: - background-color: #cc0000;  - active/hover: #ff6666;
		MAUNDY THURSDAY: - background-color: #ffffff; *text link: #000000; - active/hover: #cc6633;
		GOOD FRIDAY:  - background-color: #000000; link: #cc6633; - active/hover: #660000;
		HOLY SATURDAY: - background-color: #ffcc33; link: #000000; - active/hover: #999933;
		
	PENTECOST - background-color: #cc0000;  - active/hover: #ff6666;
  -->





#header { position:absolute; left:16px; top:2px; }


#h1 { line-height: 150%;
	color: #663300; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
	font-size: 18pt; font-weight: bold; }



#leftside {
   background: url(http://www.stjudesburbank.org/stjudes_bgGreen.jpg);
   background-repeat: repeat-y;
   width: 100%;
   height: 100%; }



#h2 { margin-left:20; margin-top: 80;
     line-height:140%;
     color: #663300; 
     font-family: Georgia, Baskerville, serif; font-size: 16pt; font-weight:bold; }



#h2b {line-height:140%;
     color: #663300;  
     font-family: Georgia, Baskerville, serif; font-size: 14pt; font-weight:bold; }



.h3 {line-height:140%;
     color: #663300;  
     font-family: Georgia, Baskerville, serif; font-size: 14pt; font-weight:bold; }



.h4 { margin-right:30%;
     line-height:140%;
     color: #663300;  
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
     font-size: 12pt; font-weight:bold; }



#h4a {margin-left:40px; margin-right:20%;
     line-height:130%;
     color: #ccffff;  
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-size: 18pt; font-weight:bold; }



#h5 {align=center;
     line-height: 150%;
     color: #333333; 
     font-family: Georgia, Baskerville, serif; font-size: 14pt; }


#button {position:absolute; right:6%; top:30%;" /
   color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
   font-size: 20pt; font-weight: bold; }


#button2 {position:relative; right:3%; top:10%;" /
   color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
   font-size: 20pt; font-weight: bold; }


#center {float:left;
	margin=top:300px; left:175px; }



#container  { width:700px; margin:0 auto; }




#infotext { line-height:120%;
   color: #663300; font-family: Georgia, Baskerville, serif; 
   font-size: 16pt; font-weight: bold;  }



#map    { margin=top:300; left:25;
 float:left;
 line-height: 150%;
 display: inline;
 color: #006600; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 16pt; }


#navbar  { margin=top:300; left:25;
 float:left; width:700px; 
 line-height: 110%;
 display: inline;
 color: #663300; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 16pt; }


#navbar ul { list-style-type:none; text-align:center; }


#navbar ul li { display:inline; }


#navbar ul li a{ display:block; float:left; 
   width:98px; 
   line-height:25px; }


#microspace { color: #993300; font-family: Georgia, Baskerville, serif; 
   font-size: 12pt;  }





#sideholder { margin top: 0px; left: 0px; width: 140px;  


 color: #FFFF00;
 font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 14pt; font-weight: bold; }




#subhead1 {margin-left:100; line-height:120%;
   color: #660000; font-family: Georgia, Baskerville, serif; 
   font-size: 16pt; font-weight: bold;  }


.links { line-height: 180%;
   color: #333300; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
   font-size: 16pt; font-weight: bold;  }


.subhead2 {line-height: 150%;
 color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 18pt; font-weight: bold; }



.subhead3
{margin-left:100;
color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 18pt; font-weight: bold; }


.h6 {line-height: 150%;
     color: #333300; 
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-size: 32; font-weight: bold; }



#foot { margin-left:40px; margin-right:20%;
      text-align:center; 
      line-height: 145%; 
      color: #663300; 
      font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 14pt; font-weight: bold; }



.foot2 {position:absolute; left:400px; bottom:120px;
     color: #993300; 
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-size: 14pt;  } 

 
<!--alt="whatever instead of IMG"  style="position:absolute;left:50%; top:100%;" /> -->