/* ===================================== */

/* Link Properties */
a:hover   { color:red;text-decoration:none;}
a:link    { color:blue; }
a:action  { color:maroon;}
a:visited { color:purple; }

/* Text Properties */
body {font-size: 12pt; }
h1 { font-family: arial, helvetica, sans-serif; }
h2 { font-family: arial, helvetica, sans-serif; }
h3 { font-family: arial, helvetica, sans-serif; }
h5 { }

h1, h2 { color: blue; }
h4     { color: royalblue }

h1     { text-align: center }

/* Special Properties */
/* TOC header -- apply to an H3 */
.TOC { font-family: arial, helvetica, sans-serif; color: royalblue; }

.callout {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}

.fixed {
   font-family: "Courier New", Courier, mono;
   font-size: smaller;
}

.ref {
    font-size: smaller;
    color: #CC0000;
    vertical-align: super;
}
.Ref {
	font-size: smaller;
	color: #CC0000;
	vertical-align: super;
}


/* List styling */				
ol  li { list-style-type: decimal; }
ol  ol  li { list-style-type: lower-alpha; }

.alpha_list { list-style-type: lower-alpha; }

/*
   Purple Numbers. To use, code:
       a name="TextTitle"></a>
         <h2>Text of the Title <a class="purpleLink" href="#TextTitle">#</a></h2>
*/
a.purpleLink {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
    color: #c8a8ff;
}

.TBD {
     font-style: italic;
     color: #FF0000;
     font-weight: bold;
}

.PageBreakBefore {
	page-break-before: always;
}
.pgBrk-before {
     page-break-before: always;
     border-top-style: solid;
     border-top-width: medium;
     border-top-color: #3366FF;
}

.pgBrk-after {
     page-break-after: always;
     border-bottom-style: solid;
     border-bottom-width: medium;
     border-bottom-color: #3366FF;
}

.tagline {
     font-size: 9;
     font-family:Arial, Helvetica, sans-serif;
     font-weight: bold;
}
.byline {
     font-size: smaller;
     font-family:Arial, Helvetica, sans-serif;
     font-weight: bold;
}


/* float: none; border: thin ridge #00EEFF; */
.sidebar {
     text-indent: 1pc;
     border: medium ridge #3366FF;
     background-color: #CCFFFF;
     position: absolute;
     width: 90%;
     left: 5%;
     top: auto
    }
/********************************
Creating Notes and Sidebars in DreamWeaver
1. Open the history pane:
     Window -> History

2. Create a Note or Sidebar
   <blockquote><b>Note:</b><br />
       text
   </blockquote>
           
   <blockquote>
            <table width="90%" border="1" cellspacing="6" bgcolor=aqua>
       <tr><td>
                  <h3 align="center">Title</h3>
               <p>text</p>
             </td></tr>
     </table>
        </blockquote>

3. Select the steps in the history, right click.
   Choose Save As Command and give the command a name:
               Note (or Sidebar)
    
     Tip: Start the command sequence from the end of a paragraph.
     Then:
       * Selecting the command from the end of a paragraph
            creates a note
          * Selecting it from anywhere in a paragraph turns the
            remainder of the paragraph into a note.

4. For sidebars, two steps are needed: One to create the table,
   one to create the H3 heading, center it, and start the text
      --because commands (reasonably) don't save mouseclicks --
        BUT THERE IS NO KEYSTROKE TO GET INTO THE TABLE

5. The name appears in the Command menu. Use it there.
   (shortcut keys are specified with Edit -> Keyboard Shortcuts,
      but they can't be applied to added commands)

   Note:
      It *may* be possible to modify a copy of the default menus
            to specify a shortcut for the added command.
      Dir:
        Macromedia/DreamweaverMX/Configuration/Menus/Custom Sets/
   File:
        Macromedia Standard.xml
**********************************/