body {
		background-color: #ffd; 
		padding: 0;
		margin: 0;
		color: black;
		font-family: arial, lucida, sans-serif; 
	  }	  
	  
#side { 
    background-color: #ffd;
    font-family: comic sans ms, fantasy; 
    margin: 1px 0px 0px 0px;
    padding: 0;
    color: black; 
    position: fixed;
    left: 1px;
    top: 1px;
    width: 112px; 
    float: left;
     }
    
#side div.center {
            margin: 0 auto; 
            padding: 4px 0;
		    text-align: center;
		    background-color: #fdb; 
		    }
#side div.front { background-color: #fdb; 
    margin: 1px 0px;
    padding: 6px;
    color: #930;
    font-size: 100%;
    font-weight: bold;
    }
    
#subside { 
    background-color: #ffd; 
    font-family: comic sans ms, fantasy; 
    margin: 0px;
    padding: 0px;
    color: black;        
    position: fixed;
    left: 113px;
    top: 1px;
    width: 110px; 
    float: left;
     }
     
#subside div.head { 
    background-color: #fdb; 
    margin: 1px;    
    padding: 9px 0px 0px 0px;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    }
    
#subside div.head p {margin: 0; padding: 0}
    
#subside div.list { background-color: #fdb; 
    margin: 1px;
    font-weight: bold;
    font-size: 90%;
    padding: 2px;
    }

#main {
    position: relative;
    height: 450px;
    width: 592px;
    margin: 1px 0 0 223px;
    padding: 0;
    overflow: hidden;
    background: url('images/entrance.jpg') no-repeat top left;
}

#leafContainer 
{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#leafContainer > div 
{
    position: absolute;
    width: 100px;
    height: 100px;
    
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
        -moz-animation-iteration-count: infinite, infinite;
    -moz-animation-direction: normal, normal;
    -moz-animation-timing-function: linear, ease-in;

}

#leafContainer > div > img {
     position: absolute;
     width: 100px;
     height: 100px;
   
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
          -moz-animation-iteration-count: infinite;
     -moz-animation-direction: alternate;
     -moz-animation-timing-function: ease-in-out;
     -moz-transform-origin: 50% -100%;
     }

@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(0px, -50px); }
    100% { -webkit-transform: translate(0px, 650px); }
}

@-moz-keyframes drop
{
    0%   { -moz-transform: translate(0px, -50px); }
    100% { -moz-transform: translate(0px, 650px); }
}


@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}

@-moz-keyframes clockwiseSpin
{
    0%   { -moz-transform: rotate(-50deg); }
    100% { -moz-transform: rotate(50deg); }
}

@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}

@-moz-keyframes counterclockwiseSpinAndFlip 
{
    0%   { -moz-transform: scale(-1, 1) rotate(50deg); }
    100% { -moz-transform: scale(-1, 1) rotate(-50deg); }
}

#main p {margin: 10px 4px;
		}
	   
#main div.top  {
          background: #fdb top;
          width: 100%; 
		  text-align: center;
          color: black;
          margin: 0;
          }
          
#main div.top h1 {margin: 0; padding: 0}          
          
hr	{display: none}
#main div.bantop  {
          background: #fdb url("../fannmanor.gif")  no-repeat top right; 
          width: 100%; 
          height: 149px; 
          color: black;
          margin: 0px 0px 0px 1px;
          }
          
#main div.bantop h1 {
            font-size: 44px; 
            margin: 0; 
            padding: 0px 0px 0px 4px; 
            font-weight: normal;
            font-family: impact, sans-serif; 
            } 
#main div.bantop h2 {
            font-size: 16px; 
	        font-family: lucida, sans-serif; 
	        font-weight: normal;
	        margin: 20px 0px 0px 0px;
            padding: 0px 0px 0px 4px;
            } 
div.box {
			font-style: italic;
			border: dotted red;
			margin-left: 10px;
			padding: 5px;
		}
div.bot  {
          background-color: #fdb; 
		  width: 100%; 
		  color: black; 
		  text-align: center;
		  font-style: italic;
		  }
div.center {
            margin-left: auto; 
		    margin-right: auto;
		    text-align: center;
		    }
		   
div.bigcontent {
                background-color: #fdb;
				padding: 2px;
				color: black;
				margin: 10px 0px 0px 0px; 
				}
				
div.subcontent {
                background-color: #fec;
                padding: 3px;
                color: black;
                margin: 0px 4px 4px 0px; 
                }
                
li {margin-top: .5em;
    margin-bottom: .5em;
    }
table {
       background-color: #fdb;
	   color: black;
	   margin: 10px auto;
	   }
		
th, td {
        background-color: #fec;
		color: black;
		padding: 1px 10px;
		}
		
td.number {text-align: right}
p.no {display: none}
p.motion {font-weight: bold;
          background-color: #ffd;
	      color: black;
	      border: thin solid #ffd;
          }
          
p.action {font-weight: bold;
		  font-style: italic;
		  font-size: smaller;
          background-color: #fec;
	      color: black;
	      border: thin solid #ffd;
          }
a:link { 
	text-decoration: none; 
	color: #610;
	}
	
a:visited { 
	text-decoration: none; 
	color: #930;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: red;
	}