/* global font specs */
body, .ibody, .logo, .date, .page, .nav, .mnav, .snav, .amnav, .asnav, .mnavon, .snavon, .footer, form, .input_text, .input_password, .input_radio, .input_checkbox, .input_submit, .input_reset, .input_file, .input_image, .input_button, select, option, textarea
{
  color: #993300;
  font-family: Verdana, verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* body */
html, body
{
  margin: 0;
  padding: 0;
  border: none;
  background-color: #990000; /* #FF9900; */
}

/* top, right, bottom, left */

/* total width 712px, for each row, keep lt column at 135px and adjust rt
 * column to match at right border. border, padding and margin widths count
 * when calculating total width or height of a div **IF** div is parent with
 * nested child div where b,p,m are set, otherwise don't count but display w/h
 * will show with b,p,m amount included, better to set b,p,m in child. */

#c1
{
  width: 922px;
  overflow: hidden;
  margin: 0px auto 15px auto;
  padding: 0px;
  background-color: transparent;
}

#c2
{
  width: 922px;
  height: 16px;
  margin: 0px auto;
  padding: 0px 0px 10px 0px;
  background-color: transparent;
}

#c3
{
  width: 922px;
  min-width: 922px;
  height: 403px;
  margin: 0px auto;
  padding: 0px;
  background-color: transparent;
}

#c4
{
  width: 922px;
  height: 30px;
  text-align: right;
  vertical-align: top;
  margin: 5px auto;
  background-color: transparent;
}

.logo
{
  float: left;
  padding-left: 50px;
}

.tag
{
  float: right;
  padding-top: 20px;
  padding-right: 50px;
}

#mnav
{
  float: left;
  text-align: left;
  padding: 0px 15px 0px 95px;
}

#date
{
  float: right;
  text-align: right;
  font-size: 11px;
  color: #FFFFCC;
  padding-right: 75px;
}

.copyright
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFCC99;
}

#col1
{
  float: left;
  width: 82px;
  height: 403px;
  background-color: transparent;
}

#col2
{
  float: left;
  width: 529px;
  height: 403px;
  background: #FFFFCC url('../img/col2bg.gif') no-repeat;
}

#col2i
{
  max-width: 502px; /* keeps content column narrow */
  width: expression(document.body.clientWidth > 502 ? "502px" : "auto");
  height: 374px;
  overflow: auto; /* creates scrolling div */
  margin-top: 8px;
  margin-left: 10px; /* margin not padding so firefox is happy */
  padding-top: 8px;
  padding-right: 17px; /* needed to prevent horz scroll */
  padding-bottom: 5px;
  text-align: left;
  vertical-align: top;
  background-color: transparent;
}

#col3
{
  float: left;
  width: 311px;
  height: 403px;
  padding: 0px;
  background-color: transparent;
}

.sep { color: #FF3300; }

.flts { float: left; padding: 3px 15px 5px 0px; }
.frts { float: right; padding: 3px 0px 5px 15px; }

.mnavon { font-size: 12px; font-weight: normal; color: #FFCC00; }
.snavon { font-size: 10px; color: #FF00FF; }

/* nav a href */
.amnav { font-size: 12px; font-weight: normal; color: #FFFFCC; }
.amnav:hover { color: #FFCC00; text-decoration: underline; }
.amnav:active { color: #FFCC00; text-decoration: underline; }

/* sub nav a href */
.asnav { font-size: 10px; color: #CC33CC; }
.asnav:hover { color: #FF99FF; text-decoration: underline; }
.asnav:active { color: #66066; text-decoration: underline; }

/* forms */
form { margin: 0px; padding: 0; }

.input_text, .input_password
{
  padding-top: 0.4mm;
  padding-bottom: 0.4mm;
}

.input_text, .input_file, .input_password, .select, .textarea
{
  border-style: solid;
  border-width: 1px;
  border-color: #7F9DB9;
}
.input_radio, .input_checkbox { margin: 0px; padding: 0px; }

.input_submit, .input_reset, .input_button
{
  padding-top: 0.2mm;
  border-style: solid;
  border-width: 1px;
  border-color: #7F9DB9;
  background-color: #F8F8F6;
}

/* generic font format */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

/* pre and code tags */
pre, code
{
  font-size: 12px;
  font-family: Courier New, Courier, Fixed, monospace;
  padding: 0px;
  margin: 0px;
}

/* lists */
ul { list-style-type: disc; }
li { margin-top: 8px; margin-bottom: 8px; }

/* headers */
h1
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  line-height: 100%;
  font-weight: normal;
  color: #CC9900;
  display: inline;
}

h2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  line-height: 100%;
  font-weight: normal;
  color: #663300;
  display: inline;
}

/* hr lines */
hr
{
  text-align: left;
  color: #3366CC;
  width: 100%;
  height: 1px;
  border-style: solid;
  border-width: 0;
  border-color: #3366CC;
  background-color: #3366CC;
}

/* image format */
img { border: none; padding: 0px; margin: 0px; }

/* a href format */
a { background-color: transparent; text-decoration: none; }

.a { color: #FF3300; text-decoration: underline; }
.a:hover { color: #FFCC00; }
.a:active { color: #FFCC00; }