/* amarillobay.css (Amarillo Bay)*/

/* Useful pages: */
/* http://www.htmlhelp.com/reference/css/properties.html */
/* http://www.htmlcenter.com/tutorials/tutorials.cfm/54/CSS/ */



/* -------------------- Elements -------------------- */

BODY {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
  margin: 14px 20px 10px 20px;
}

P {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
}

H1 {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
}

H2 {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
  color: #666699;
}

H3 {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
  color: #666699;
}

xxxH4 {
  color: #000066;
}

xxxH5, H6 {
  color: #000033;
}

TT {
  font-family: Courier, MS Courier New, Prestige, Everson Mono, monospace;
  font-size: small;
}

TD {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
}

UL {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
}

LI {
  font-family: Verdana,Arial,Sans Serif,Helvetica;
}



/* -------------------- DIV -------------------- */

DIV.logo {
  font-size: 24pt;
  padding-top: 9px;
  padding-bottom: 17px;
  color: #000099;
  text-align: center;
  border-bottom: 1.5pt solid #009900;
}

DIV.logoleft {
  font-size: 12pt;
  padding-top: 6px;
  padding-bottom: 3px;
  color: #FF6633;
  border-top: 1px solid #FF6633;
  border-bottom: 1px solid #FF6633;
  font-family: Verdana,Arial,Sans Serif,Helvetica;
  line-height: 90%
}

DIV.navigation {
  font-size: x-small;
  padding-top: 0px;
  padding-bottom: 2px;
  border-top: 1px solid #666699;
  border-bottom: 1px solid #666699;
  font-family: Verdana,Arial,Sans Serif,Helvetica;
  text-align: center;
}

DIV.section {
  float: right;
  font-size: 20pt;
  padding: 10px;
  color: #000099;
}

DIV.hr {
  background: #666699;
  line-height: 1px;
  margin-top: 20px;
  margin-bottom: 0px;
  width: 100%;
  }

DIV.credit {
  float: right;
  font-size: small;
  color: #000099;
  padding: 10px;
}

DIV.snippet {
  font-size: small;
  color: #333333;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

DIV.toplist {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 3px;
  font-family: Verdana,Arial,Sans Serif,Helvetica;
}

DIV.review {
  font-size: small;
  color: #333333;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

DIV.reviewhead1 {
  font-size: medium;
  color: #000099;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 0px;
}

DIV.reviewhead2 {
  font-size: medium;
  color: #000099;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

DIV.hint2 {
  color: #993333;
  font-size: small;
  font-variant: small-caps;
  text-align: center;
}

DIV.by {
  xcolor: #993333;
  font-size: x-small;
  font-weight: bolder;
}

DIV.indent {
  padding-left: 40px;
}



/* -------------------- Colors -------------------- */

/* ----- For .darkgray, etc, use CLASS="darkgray" ----- */

.black {
  color: #000000;
}

.darkgray {
  color: #333333;
}

.mediumgray {
  color: #666666;
}

.lightgray {
  color: #999999;
}

.red {
  color: #990000;
}

.brightred {
  color: #FF0000;
}

.green {
  color: #009900;
}

.blue {
  color: #000099;
}

.yellow {
  color: #999900;
}

.purple {
  color: #666699;
}



/* ----- For #darkgray, etc, use ID="darkgray" ----- */


/* -------------------- Font Sizes -------------------- */

.xx-small {
  font-size: xx-small;
}

.x-small {
  font-size: x-small;
}

.small {
  font-size: small;
}

.medium {
  font-size: medium;
}

.large {
  font-size: large;
}

.x-large {
  font-size: x-large;
}

.xx-large {
  font-size: xx-large;
}



/* -------------------- Alignment -------------------- */

.right {
  text-align: right;
}

.center {
  text-align: center;
}



/* -------------------- Other -------------------- */

.nonavlink {
  color: #000099;
  font-weight: bolder;
  font-size: small;
  height:28px;
}

.debug {
  color: #993333;
  font-size: 11pt;
  margin: 12pt;
  line-height: 105%;
  padding:  4pt;
  border: thin solid #993333;
}

.volume {
  font-size: x-small;
  color: #FFFFFF;
}

.by {
  font-size: small;
  color: #666699;
}



/* -------------------- Table Variations -------------------- */

.copyright {
  border-top-width: thick;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: #000099 #FFFFFF;
}

.mainarea {
  border-bottom:2px solid #009900;
}



/* -------------------- Links -------------------- */

a:link {
  color: #FF0000;
  text-decoration: underline;
}

a:active {
  color: #CC0000;
  text-decoration: underline;
}

a:visited {
  color: #666699;
  text-decoration: underline;
}

a:hover {
  color: #CC3333;
  text-decoration: underline;
}