/*****************************************
 * orangeSpheric Monster template stylesheet copyright 2005 by DataSpheric.com
 * VERSION 1.2 4/13/05 adds compliance elements to table style
 * notes: nav button 159 x 23, image width 794
 * optimized for 1024 res
 * tested in IE6 and FF
 ****************************************/
 
 /*** begin layout styles ***/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .7em;
  line-height: 1.4em;
  text-decoration: none;
  background-color: #fff;
  text-align: center;
  border: 0px;
  padding: 10px;
}

#header_blip {
  min-width: 600px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

#logo_blip {
  float: left;
  width: 425px;
  height: 15px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  padding: 0px;
  margin: 0px;
  background: #fff url(../images/barcode_grey.png) top left repeat;
}
  
#quotes_blip {
  height: 15px;
  border-right: 1px solid #666;
  padding: 0px;
  margin: 0px;
  background-color: #fc0;
  font-size: .4em; color: #fc0 /* added for blind user skip navigation */
}

#header {
  min-width: 600px;
  border-top: 3px double #999;
  border-bottom: 3px double #999;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

#logo {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  padding: 0px;
  margin: 0px;
  background-color: #f60;
  text-align: left;
}

#quotes {
  float: right;
  width: 145px;
  height: 120px;
  background-color: #fff;
  text-align: center;
  font-size: 10px; /* this is set absolute to keep copy from breaking the box */
  font-style: italic;
  line-height: 14px;
  text-decoration: none;
  color: #333;
  border: 1px solid #666;
  padding: 10px;
  margin: 5px;
}

#main {
  clear: both;
  margin: 0px;
}

#container {
  background: #fff;
  text-align: left;
}

#container table {
  border-left: 1px solid #999;
  padding: 0px 0px 0px 5px;
}

#copyright {
  clear: both;
  font-size: .8em;
  color: #666;
  background-color: #fff;
  text-align: center;
  border-top: 3px double #999;
}

/*** begin nav menu style ***/

#navlist {
  float: left;
  width: 172px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: .8em;
}

#navlist ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}

#navlist li {
  min-height: 22px;
  padding: 0px;
  margin: 0px;
}

#navlist li a {
  display: block;
  padding: 2px 0px 2px 12px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background:  url(../images/menu_bg.png);
  background-position: 0% 50%;
  text-decoration: none;
  width: 160px;
}

html>body>main #navlist li a {
  width: auto;
}

#navlist li a:link, #navlist li a:visited {
  background-position: 0px 50%;
  color: #eee;
  text-decoration: none;
  font-weight: normal;
}

#navlist li a:hover, #navlist li a:active {
  background-repeat: no-repeat;
  background-position: -175px 50%;
  color: #2d1e2d;
  font-weight: normal;
}

#navlist p {
  text-align: left;
  padding: 2px 5px 2px 5px;
}

/*** begin normal data table style ***/
table {
empty-cells: show;
}
caption {
font-size: 1em;
font-weight: bold;
color: #000;
}

/*** begin zebra table style ***/
#tablestyle tbody tr.even td {
  background-color: #e7f3ff;
}
#tablestyle tbody tr.odd  td {
  background-color: #fff;
}    

/*** begin colored background for worksheets ***/
#worksheet {
  margin: 10px 30px 10px 30px;
  padding: .8em 1.5em .8em 1.5em;
  background-color: #e7f3ff;
}

/*** begin font treatments ***/

h1{
  font-size: 1.4em;
  text-align: left;
  font-weight: bold;
  color: #000;
}

h2{
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  color: #000;
}

h3{
  font-size: 1em;
  text-align: left;
  font-weight: bold;
  color: #000;
}

p {
  text-align: left;
  color: #000; 
  text-indent: .2em;
}

p:first-letter {
  font-weight: bold;
  color: #DF5900; 
  font-size: 1.1em;
}

a:link, a:visited {
  font-weight: bold;
  color: #DF5900;
  text-decoration: none;
}

a:hover {
  color: #f60;
  text-decoration: underline;
  font-weight: bold;
}

/* image treatment */

img { 
  padding: 0px; 
  border: none; 
}