/*--- Anchors --------------------------------------------------------------*/

A:link    { text-decoration: none; color: blue; }
A:visited { text-decoration: none; color: blue; }
A:hover   { text-decoration: none; color: blue; }
A:active  { text-decoration: none; color: gray; }

.shinylink:hover  { background-color: lightgrey; border-width: 1px; border-style: solid; border-color: gray; margin: -1px; }
.shinylink:active { background-color: white; border-width: 1px; border-style: solid; border-color: gray; margin: -1px; }

/*--- Overall body ---------------------------------------------------------*/

BODY {
  background-color:  silver;
  background-image:  url(images/bg/stone.jpeg);
  background-repeat: repeat;
  color:       black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   10pt;
  font-style:  normal;
}

/*--- Standard tags --------------------------------------------------------*/

TT, CODE, KBD, SAMP, PRE {
  font-family: monospace;
  font-size:   9pt;
  font-style:  normal;
}

PRE { white-space: pre; }

HR {
  border-width:     0px;
  height:           2px;
  background-color: #909090;
}

LI { margin: 2px; }

TH {
  font-weight:    bold;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   10pt;
  font-style:  normal;
}

TD {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   10pt;
  font-style:  normal;
}

/*--- Header sizes ---------------------------------------------------------*/

H1 { font-size: 200%; }
H2 { font-size: 133%; }
H3 { font-size: 120%; }
H4 { font-size: 110%; }
H5 { font-size: 100%; }
H6 { font-size: 100%; }

/*--- 3D shadow effects ----------------------------------------------------*/

.myShadowNone {
  background-color:  silver;
  background-image:  url(images/bg/stone.jpeg);
  background-repeat: repeat;
  font-size: 0px;
  width:  8px;
  height: 8px;
}

.myShadowDark {
  font-size: 0px;
  background-color: #404060;
  vertical-align:   top;
}

.myShadowIcon {
  width:  8px;
  height: 8px;
  border: 0px;
  margin: 0px;
}

.myShadowBlock {
  border-width:        3px;
  border-style:        outset;
  border-color:        #909090;
  background-image:    url(images/bg/wallpaper.jpeg);
  background-repeat:   repeat;
  background-color:    #a0a0a0;
}

.myShadowInlay {
  border-width: 3px;
  border-style: inset;
  border-color: #909090;
  background-color: black;
}

/*--- Title area styles (coloring and placement) ---------------------------*/

.myTitleHeadL {
  font-size:        0px;
  background-color: #909090;
  text-align:       left;
}

.myTitleHeadR {
  font-size:        0px;
  background-color: #909090;
  text-align:       right;
}

.myAstroHeader {
  font-size:        0px;
  background-color: black;
  vertical-align:   middle;
  text-align:       center;
  border-width:     3px;
  border-style:     solid;
  border-color:     black;
}

.myTitleLogo {
  font-size: 0px;
  padding:   3px;
}

.myTitleBody {
  font-size:  20pt;
  text-align: center;
  padding:    2px;
}

.myTitleFooter {
  vertical-align: bottom;
  text-align:     right;
}

/*--- Content area styles (coloring and placement) -------------------------*/

.myContentBody {
  vertical-align: top;
  text-align:     left;
  padding:        2px;
}

.myContentFooter {
  background-color: #909090;
  vertical-align:   middle;
  white-space:      nowrap;
}

.myContentMargin { margin: 4px; }

/*--- Astronomy pages styles (coloring and placement) ----------------------*/

.myAstroHeadline {
  font-size:      14pt;
  background-color: #909090;
  vertical-align: baseline;
  padding:        2px;
  margin-top:     2px;
  margin-bottom:  2px;
}

.myAstroText {
  text-align:     left;
  vertical-align: baseline;
  padding:        2px;
  width:          100%;
}

.myAstroData {
  text-align:     right;
  vertical-align: baseline;
  padding:        2px;
  white-space:    nowrap;
}

.myAstroUnit {
  text-align:     left;
  vertical-align: baseline;
  padding:        2px;
  white-space:    nowrap;
}

.myAstroFormat {
  text-align:     right;
  vertical-align: baseline;
  padding:        2px;
  padding-left:   20px;
  white-space:    nowrap;
}

/*--- Java applet games styles (coloring and placement) --------------------*/

.myGameTopic {
  font-weight:      bold;
  background-color: #666666;
  color:            #ffffcc;
  text-align:       center;
  padding:          6px;
}

.myGameAction {
  color:      #606060;
  text-align: left;
  padding:    6px;
}

.myGameKey {
  color:      maroon;
  text-align: left;
  padding:    6px;
}

/*--- Stories formats (formatting and colors) ------------------------------*/

.myStoryHeader {
  padding:    10px;
  text-align: center;
  background-color:  #b0eeb0;
  background-image:  url(images/bg/greenmarble.jpeg);
  background-repeat: repeat;
}

.myStorySmallTable {
  padding:    3px;
  padding:    3px;
}
.myStorySmallTable TH {
  font-weight:    bold;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   8pt;
  font-style:  normal;
}

.myStorySmallTable TD {
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   8pt;
  font-style:  normal;
  white-space:    nowrap;
}

/*--- Miscellaneous formats (formatting and colors) ------------------------*/

.myListHead {
  color:       navy;
  font-weight: bold;
  text-align:  center;
  background-color:  #b0eeb0;
  background-image:  url(images/bg/greenmarble.jpeg);
  background-repeat: repeat;
}

.myListData {
  white-space: nowrap;
  background-color:  #e0e0e0;
  background-image:  url(images/bg/lightpaper.jpeg);
  background-repeat: repeat;
}

.myListStyle {
  list-style-image: url(images/dots/blue.gif);
}

.myGrayStyle { color: gray; }
.myBlueStyle { color: navy; }
.mySmallerStyle { color: gray; font-size: smaller; }
.myCursiveStyle { font-style: italic; }
.myDontShow { visibility: hidden; display: none; }

.myReminder {
  background:    red;
  color:         #000040;
  padding-left:  4px;
  padding-right: 4px;
}

/*--- Icon configuration (size and borders) --------------------------------*/

.myLogoIcon {
  width:  75px;
  height: 75px;
  border: 0px;
  margin: 0px;
}

.myNavIcon {
  width:  29px;
  height: 18px;
  border: 0px;
  margin: 1px;
}

.myFileIcon {
  width:  20px;
  height: 22px;
  border: 0px;
  margin: 1px;
}

.myAstroNavIcon {
  width:  46px;
  height: 46px;
  border: 0px;
  margin: 0px;
}

.myInfoIcon {
  width:  50px;
  height: 47px;
  border: 0px;
  margin: 0px;
}

/*--- EOF ------------------------------------------------------------------*/