body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 90%; 
max-height: 100%;
 
}
a {
    	color:lime;
	text-decoration: none;
	}
	a:hover {
		color:red;
		background:yellow;
		text-decoration:none;
	}

	a:visited { color: red;
		    text-decoration: none;
                  }

	caption {
		  font-size: 4em;
                  font-color: blue;
                }
img.Right{
	text-align: right;
	
	}

    img.floatLeft
    { 
      float: left; 
      margin: 4px; 
    }

    img.floatRight 
    { 
     float: right; 
     margin: 4px; 
    }
    img.C 
    { 
     position: center; 
     margin: 4px; 
    }
    h1 {
        margin:.8em 0 .2em 0;
        padding:0;
       }
   
    h2 {
        margin:.8em 0 .2em 0;
        padding:0;
	color: red
        
       }
p.F{
	font-family:"Comic Sans MS";
	font-weigt: bold;
	font-size: 2em;
	color: red;
             text-align: center;
	}   
p.F1{
	font-weigt: bold;
	font-size: 1.5em;
	color: black;
           
	}     
    h3 {
        margin:.8em 0 .2em 0;
        padding:0;
        color: lime

      }

   em {
       font-size: 1em;
       color: blue;
      }
   
   em.Colorblue {color: blue; font-size: 1 em;}
   em.Colorred {color: red; font-size: 1 em;}


   p.L{
          text-indent: 20px;
          font-size: 2em;
	  color: blue;
          text-align: right;
       }


   p   {
        
	margin:.4em 0 .8em 0;
        padding:0;
       }	
  
   p.A  {
          text-indent: 20px;
          font-size: 2em;
	  color: blue;
	}

   p.B  {
         font-size: 3em;
         color: navy;
	 
        }

   p.D  {
         font-size: 3em;
         color: navy;
	 text-align: center;
        }
            

	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
        clear:both;
        
        width:100%;
        overflow: auto;
        background:tan;
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p{
	    
            padding:.4em 15px 0 15px;
            margin:0;
	}
	#header h1
	{
	    font-size: 5em;
            color: blue;
            text-align: center;
            padding:.4em 15px 0 15px;
            margin:0;
	}
	#header h2 {
            font-size: 3em;
	    
	    text-align: center;
            padding:.4em 15px 0 15px;
            margin:0;
	}
        #header em     {color: green; }
 
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:15px 100px !important;
		background-image: url(Pictures/Dog-02-june.gif);
               
                
              	}
#container {
     text-align:center;
     margin-top:2px;
 }

#container img{
     width:150px;
     height:150px;
}
#framecontent{
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 200px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: navy;
color: white;
}

#maincontent{
position: fixed;
top: 0; 
left: 200px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-image: url(Pictures/pawz.gif);
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

</style>

<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>

</head>