/* Style Sheet for Use with SSS Model Presentation Documents. */

body
{
  background-image: url(paper.jpg);
  background-color: linen; /*rgb(255,250,245);*/
}

/******************************************************************************
 * INFORMATION TYPE                                                           *
 ******************************************************************************/

.important
{
  color:       darkRed;
  font-weight: bold;
}

.editorial
{
  font-style:  italic;
  font-size:   smaller;
  color:       Gray;
  font-weight: normal;
}

/******************************************************************************
 *                                                                            *
 ******************************************************************************/

p, ol, ul
{
  margin-left:  1em;
  margin-right: 1em;
  text-align:   justify;
}

p.last
{
  margin-left:    1em;
  margin-right:   1em;
  text-align:     justify;
  padding-bottom: 0.5em;
  border-bottom:  2px solid paleVioletRed;
}

dl
{
  margin-left:  2em;
  margin-right: 2em;
  text-align:   justify;
}

dt
{
  text-decoration: underline;
}

dd
{
  font-family: serif;
}

/******************************************************************************
 * MENU                                                                       *
 ******************************************************************************/

div.menuBar
{
  background-image: url('woodgrain.jpg');
  background-color: saddleBrown;
  margin:           0 23%;
}

ul.horizontalMenu
{
  border:        thick groove whiteSmoke;
  padding:       10px 0;
  margin-left:   0;
  margin-right:  0;
  text-align:    center;
}

.menuItem
{
  background-image: url('greenMarble.jpg');
  background-color: rosyBrown;
  font-weight:      bold;
  display:          inline;
}

li.menuItem:hover
{
  border:           0px outset skyBlue;
}

.inactiveMenuItem
{
  color:            gray;
  padding-left:     0.5em;
  padding-right:    0.5em;
  border:           1.5px outset darkGreen;
} 

li.inactiveMenuItem:hover
{
  border:          1.5px outset darkGreen;
}

a.menuLink
{
  text-decoration: none;
  color:           rgb(220,255,220);
  padding-left:    0.5em;
  padding-right:   0.5em;
  border:          1.5px outset darkGreen;
}

a.menuLink:hover
{
  background-image: url('blueGreenMarble.jpg');
  color:    rgb(250,255,255);
  border:   1.5px inset slateGray;
  position: relative;
  left:     0.5px;
  top:      0.5px;
}

/******************************************************************************
 * TOPICS                                                                     *
 ******************************************************************************/

p.topicTitle
{
  margin-left:     0em;
  margin-right:    0em;
  text-decoration: underline;
  font-weight:     bold;
  font-variant:    small-caps;
  font-size:       large;
  color:           teal; /*rgb(50,100,150);*/
}

/******************************************************************************
 * DOCUMENT HEADER                                                            *
 ******************************************************************************/

div.documentHeader
{
  text-align:       center;
  border:           thick ridge;
  background-color: snow;
}

span.seriesTitle
{
  text-align:   center;
  font-size:    x-large;
  font-weight:  bold;
  font-variant: small-caps;
}

span.sessionTitle
{
  color:        indigo;
  text-align:   center;
  font-size:    x-large;
  font-weight:  bold;
  font-variant: small-caps;
}

span.documentDate, span.documentVersion, span.documentAuthor
{
  text-align: center;
}