/* The header */
.header { 
  background: #E0E0FF url(images/headerbg.png); 
  background-position: center center;
//  background-repeat: no-repeat;
}


/* The menu */
.menu { 
  background:   #000080;
  color:        #FFFFFF;
  font-weight:  bold;
  font-family:  sans-serif;
  text-align:   center;
  margin: 0px;
}

.menu A { 
  text-decoration: none;
  color:           #FFFFFF;
}

.menu A:hover { 
  text-decoration: none;
  color:           #E0E0FF;
}

.menu A:active { 
  text-decoration: none;
  color:           #8080FF;
}


/* Main page body and text attributes */
BODY { 
  background:   #E0E0FF;
  margin: 0px;
}

BODY.main { 
  background:   #E0E0FF;
  font-family:  sans-serif;
  margin: 10px;
}

BODY.main P { 
  margin-left:     10px;
}

BODY.main A { 
  text-decoration: none;
  font-weight:     bold;
}

DIV.code { 
  margin-left:     20px;
  font-family:     monospace;
  color:           #000080;
}

A.downloadlink { 
  font-weight:     bold;
  margin-left:     20px;
}

IMG { 
  border: 0px;
}

/* The link tables */
TABLE.linktable { 
  margin-left:      20px;
}

TABLE.linktable TD { 
  text-align:       left;
  vertical-align:   top;
  padding:          10px;
}


/* The FAQs */
DIV.faq { 
  margin-left:     20px;
  margin-right:    50px;
  margin-top:      5px;
  margin-bottom:   5px;
}

DIV.faq H1 { 
  margin:      0px;
  font-size:   100%;
  font-weight: bold;
  padding:     3px;
}

DIV.faq DIV { 
  padding:     3px;
  margin:      0px;
}

/* The news items */
DIV.news { 
  margin-left:     20px;
  margin-right:    50px;
  margin-top:      5px;
  margin-bottom:   5px;
  border:          solid #A0A0FF;
  border-width:    1px;
}

DIV.news H1 { 
  background:  #D0D0FF url(images/bluehorizontalgradient.jpg) repeat-y;
  margin:      0px;
  font-size:   100%;
  font-weight: bold;
  padding:     3px;
}

DIV.news DIV { 
  padding:     3px;
  margin:      0px;
  background:  #D0D0FF;
}

DIV.importantnews DIV.news { 
  border:          solid #0000FF;
  border-width:    1px;
}

DIV.importantnews H1 { 
  background:  #0000FF;
  color:       #FFFFFF;
}

DIV.importantnews DIV { 

}

.latestversion { 
  font-weight: bold;
}


/* Screenshots */
DIV.screenshotframe { 
  margin-left:     20px;
  margin-right:    50px;
  margin-top:      5px;
  margin-bottom:   5px;
  border:          solid #A0A0FF;
  border-width:    1px; 
}

DIV.screenshotframe H1 { 
  background:  #D0D0FF url(images/bluehorizontalgradient.jpg) repeat-y;
  margin:      0px;
  font-size:   100%;
  font-weight: bold;
  padding:     3px;
}

DIV.screenshotframe DIV { 
  padding:     3px;
  margin:      0px;
  background:  #D0D0FF;
}

DIV.screenshotframe TABLE { 
  font-size:  80%;
  font-style: italic;
  margin:     10px;
  display:    inline;
}

