
<html>
<head>
<title>Blossom's CSS File</title>


<STYLE TYPE="text/css">
<!-- body { background-color:000000; } 
table {width: 95%; background-color: 336666; cellpadding: 35} 
H1 { align: center; color: 800000; font-size: 37px; font-family: Trebuchet MS } 
P { margin-left: 35; margin-right: 35; text-indent: 1cm; background: ffffff; color: 000000; font-size: 24px; font-family: Tempus Sans ITC }
B {color: 800000; font-family: Trebuchet MS}
A:hover {color: #FF6600; font-weight: bold}

#menu {
  width:8em; 
  padding:0.5em; 
  background:#800000;
  margin:0 auto;
  }
#menu a, #menu a:visited {
  display:block; 
  width:7em; 
  padding:0.25em 0;
  color:#000; 
  text-indent:0.2em;
  background-color:#fff; 
  text-decoration:none;
  margin:0.5em 0; 
  border-left:0.5em solid #9ab; 
  }
#menu a:visited span {
  display:block; 
  position:absolute; 
  top:0; 
  left:10em; 
  width:5em;
  font-size:0.9em;
  color:#c00; 
  border:1px solid #c00;
  }
#menu a span {
  display:none;
  }
#menu a:hover {
  color:#f00; 
  border-left:0.5em solid #000; 
  }
.box {
  position:relative;
  }
-->
</STYLE> 


</head>
<body>&nbsp;
<table align="center" border="8" bordercolor="#800000">
<tbody>
<tr>
<td align="center"><br>
<H1 align="center">Blossom's CSS Inline Refer Page</H1>
<p align="justify">This is my CSS script referral page.&nbsp; My 
lesson pages will refer back to the codes in the html of this page for any script use 
unless they have embedded script.&nbsp; I have chosen to use Color 
#ffffff for paragraph back grounding.&nbsp; Color #800000 is for H1 directives.&nbsp; 
Color&nbsp; table background-color is #336666 Bold text is #800000 
and reverts to using font Trebuchet MS.&nbsp; Regular text is color #000000.</p>
<br>
<br>
<p align="center"><b>There is a fine line between <br>exasperating and exhilarating ... RSB</b></p><br>
<div align="center"><br><a href="http://ausmacss1.visit.ws">
<img align="center" border="0" src="images/RSBlain_AUSMA.GIF"></a></image></div>
<br><br><div id="menu">
  <div class="box">
    <a href="blossoms-stylesheets-page1.html">
      P #1CSS Embedded
      <span>
        VISITED
      </span>
    </a>
  </div>
  <div class="box">
    <a href="blossoms-stylesheets-page2.html">
      P #2CSS Inline
      <span>
        VISITED
      </span>
    </a>
  </div>
  <div class="box">
    <a href="blossom-lesson3.html">
      menu three
      <span>
        VISITED
      </span>
    </a>
  </div>
  <div class="box">
    <a href="blossom-lesson4.html">
      menu four
      <span>
        VISITED
      </span>
    </a>
  </div>
  <div class="box">
    <a href="blossom-lesson5.html">
      menu five
      <span>
        VISITED
      </span>
    </a>
  </div>
</div>
<p align="center"><b>Time becomes more at a premium with age ... RSB</b></p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

</td></tr></tbody></table></html>