body {
//  background-color: #f0f0f0;
  background-color: white;
  font-family: Verdana;
  color: black;
  text-align: left;
}

#content {
  position: absolute;
  width: 840px;
  margin: 0;
  background-color: white;
  padding: 0;
  text-align: left;
}


#leftbar {
  position: absolute;
  top: 100px;
  left: 0;
  
  margin-top: 0px;
  width: 150px;
  padding-top: 0px;
  padding-left: 3px;
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
}

#leftbar ul {
  list-style: none;
  padding-left: 0;
}

#leftbar li {
  // border: 1px solid black;
  // height: 16px;
  line-height: 16px;
}

#leftbar .title {
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: #800000;
  margin-bottom: -12px;
}

#leftbar a {
  text-decoration: none;
}

#topbar {
  height: 6em;
}

#topbar .left {
  background-color: transparent;
  float: left;
}

#topbar .right {
  float: right;
  background-color: transparent;
}

#main {
  margin-left: 180px;
  width: 610px;
  padding: 2px 0 0 0;
  font-family: Verdana;
  font-size: 12px;
  color: black;
  line-height: 15px;
}

#main h1 {
  font-family: Arial;
  font-size: 24px;
  color: maroon;
  line-height: 30px;
}

#main h2 {
  font-family: Arial;
  font-size: 20px;
  color: maroon;
  line-height: 22px;
}

#main h2.listing {
  background-image:url('/graphics/penguin_head_small.gif');
  background-repeat: no-repeat;
  padding-left: 50px;
  line-height: 32px;
  color: #191970;
  font-size: 18px;
  font-variant: small-caps;
}


#main a {
  text-decoration: none;
  color: #800000;
  font-weight: bold;
}

#main a:hover {
  text-decoration: underline;
}

.powerlinks {
  width: 100%;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: black;
  padding: 0px 0px 0px 0px;
  border-top-width: 1px;
  border-left-width: 5px;
  border-color: black;
  border: 1px solid black;
  border-right: none;
  border-bottom: none;
  float: left;
  line-height: 1.5em;
}

.powerlinks th {
  background-color: #800000;
  font-size: 12px;
  font-weight: bold;
  color: white;
}

.powerlinks td {
}

.powerlinks a {
  color: black;
  text-decoration: none;
}

.powerlinks tr.no:hover {
 background-color: transparent;
}


/* New for 2009 */


ul.powerlinks2009 {
 list-style: square;
 color: red;
 margin-left: 0;
 border: 0;
}


ul.powerlinks2009 li a {
    font-family: Verdana;
    font-size: 11px;
    color:#292929;
    display:block;
    font-weight:bold;
    line-height:1.35;
    text-decoration:none;
    width:150px;
    border-bottom: 1px dotted #800000;
}

ul.powerlinks2009 li a:hover {
  color: #ffd700;
  background-color: #00BFFF;
  background-color: #000080;
  color: white;
}



.date {font-size: 10px}

p { padding: 0 0 0 0; }
p.center_title {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-family: Arial;
}

.ver_table {font-family: Verdana; font-size: 10; font-style: normal; color: black }
.ver12_table {font-family: Verdana; font-size: 12; font-style: normal; color: black }

td.l_table:hover {background: yellow; font-weight: 700 }

.first {font: 10px Verdana; color: blue; background-color: yellow }
.second {font: 12px Verdana; color: yellow; background-color: red }

a.pl:hover {
  font-weight: bold;
}

.drh {
  font-weight: bold;
  background-color: yellow;
}

.drhreg {
  font-weight: normal;
  background-color: white;
}

   .drh {font-weight: bold; background-color: yellow; font-family: Verdana; font-size: 10px; color: black; }
    .drhreg {font-weight: normal; background-color: white; font-family: Verdana; font-size: 10px; color: black; }
    .f_hi {font-weight: normal; background-color: white; color: red }
    .f_hi tr:hover, .f_hi td:hover {font-weight: bold; background-color: yellow }
    a.dra, tr.dra {text-decoration: none; font-family: Verdana; font-size: 10px; color: black; cursor:pointer;}
    a.dra:hover, tr.dra:hover {font-weight: bold }


.ver {font-family: Verdana; font-size: 10px; color: black}
.versmall {font-family: Verdana; font-size: 10px; font-style: normal; color: black }
.order_title_bar {font-family: Verdana; font-size: 10px; font-weight: 700; color: black; text-align: center; background-color: #6495ED }
.order_title_bar2 {font-family: Verdana; font-size: 10px; font-weight: 700; color: black; text-align: center; background-color: #87CEFA }
.order_title_bar3 {font-family: Verdana; font-size: 10px; font-weight: 700; color: black; text-align: center; background-color: #AFEEEE }
.order_title_bar_maroon {font-family: Verdana; font-size: 10px; font-weight: 700; color: white; text-align: center; background-color: #800000 }
A.clickable:hover {color: red}
A.clickable:visited {color: gray}
A.clickable {color: blue}

.order_title_bar2 {font-family: Verdana; font-size: 10px; font-weight: 700; color: white; text-align: center; background-color: #A00020 }
.order_title_bar3 {font-family: Verdana; font-size: 10px; font-weight: 700; color: white; text-align: center; background-color: #B00020 }
.order_title_bar3 {font-family: Verdana; font-size: 10px; font-weight: 700; color: white; text-align: center; background-color: #F00020 }
.order_title_bar {font-family: Verdana; font-size: 10px; font-weight: 700; color: white; text-align: center; background-color: #800000 }

#desc a {
  font-family: Verdana; font-size: 10px; font-weight: normal; color: black; text-decoration: none;
}

#desc a:hover {
  text-decoration: underline;
}

.ct {font-family: Verdana; font-size: 10; font-style: normal; font-weight: 800; color: white; background: #800000 }

.hl {background: #ffd700 }

#sample_table th {
  background-color: #A0B9F1;
  font-weight: bold;
}

a.new_prod {
  color: #002679;
  color: blue;
}

#title_bar_neww {
 position: relative;
 top: -72px;
 margin-left: 180px;
 font-family: Arial, sans-serif;
 font-size: 24px;
 color: #00008b;
}


#title_bar_new { 
 position: absolute;
 top: 48px;
 margin-left: 180px;
 color: #00008b;
 font-family: Helvetica, sans-serif;
 font-size: 24px;
}

#title_bar_new {
 margin-left: 180px;
 color: #00008b;
 font-family: "Copperplate Gothic", Helvetica;
 font-size: 24px;
 text-align: center;
 width: 100%;
}

a.forgot { 
 color: gray;
}

a.forgot:hover {
 color:white;
}


.success { font-weight: 700; background-color: green; height: 50px; margin: 0px; padding-left: 20px; padding-top: 20px; color: white }

.failure { font-weight: 700; background-color: red; height: 50px; margin: 0px; padding-left: 20px; padding-top: 20px; color: white }

ul.powerlinks2009 li {
 border: 0;
}