<style type="text/css">
	body {
          margin:20px 20px 0px 20px;
          background: url(dragonbg.jpg);
         }
	
	#main {
		border:1px solid #000; 
		background:#fff;
        margin: 10px 10px 10px 10px;
		}

/* Looks like you have to specify the width of #menu or IE5 Mac stretches it all the way across the div, and Opera streches it half way. */

	    #left {
                border:1px solid #000; 
                float:left;
                width:201px;
                background:white;
                margin:10px 0px 10px 5px;  /* top, right, bottom, left - outside box */
                padding: 5px 5px 5px 5px;
              }
        #left p { font-size:12px}
        #left em { font-size:12px;
                   text-decoration:none; 
                   font-style:normal;
                   font-family: Courier New, Verdana, sans-serif;    
                   padding: 2px 0px 2px 25px;         }

        #right {
                background: white;
                margin: 10px 5px 0px 220px;
                background: url(dragonbg.jpg);
                padding: 5px 5px 5px 10px;
                }

        #poem { 
                background-color: black;
                padding: 2px 0px 0px 15px;
                width: 40%;
               }                
        #poem p {
                 color=white;
                 font-family: "Monotype Corsiva", Garamond, fantasy;
                }

        #drkblue {
                  background: #282C70;
                  border:5px groove gray;
                  margin: 0px 5px 0px 15px;
                  padding: 5px 5px 0px 5px;
                 } 
        #drkblue p { color: white; 
                   }
        #drkblue h1 {color: white;
                     weight: bold; 
                     margin:2px 0px 0px 0px;  /* top, right, bottom, left - outside box */
                    }

        #medblue {
                  background: #484CA0;
                  padding: 5px 5px 0px 5px;
                  height: 151px;
                  }
        #medblue p {
                    color:#B0B8F8;
                    font-family: Courier New, Verdana, sans-serif;    
                   }
        #medblue em {
                     color:white;
                     font-family: Courier New, Verdana, sans-serif;
                     }

        #ltblue {
                 background: #B0B8F8;
                 padding: 5px 5px 0px 5px;
                 height: 151px;
                 }
        #ltblue p {
                   color:#484CA0;
                   font-family: Courier New, Verdana, sans-serif;    
                  }
        #ltblue em {
                    color:white;
                    font-family: Courier New, Verdana, sans-serif;  
                   }

        A:link { color: #484CA0; 
                 TEXT-DECORATION: none;
                 background: transparent       }  /* for unvisited links */
        A:visited { color: #282C70;
                    TEXT-DECORATION: none;
                    background: transparent;  
                    font-weight: bold;         } /* for visited links */
        A:active { color: #484CA0;
                   background: transparent;
                   TEXT-DECORATION: none;      } /* when link is clicked */
        A:hover { color: #484CA0; 
                  background: #B0B8F8; 
                  TEXT-DECORATION: none;       } /* when mouse is over link */		
        
        p {
            margin:0px 10px 10px 10px;
            font-family: Courier New, serif;
            }

        li {
            font-family: Courier New, Verdana, sans-serif; 
            font-size:10px
            margin: 0px 0px 5px 0px;
           }
        h1 {
            font-family: Courier New, Verdana, sans-serif; 
            font-size:16px;
            padding-top:10px;
            }

</style>