body.index { color: #009 ; background-color: #ffc }
body.pananix { color: #009 ; background-color: #fff ; text-align: left ; background-image: url(http://www.pananix.com/images/chiricano2.gif) ; background-position: top right ; background-repeat: no-repeat ; background-attachment: fixed }

table.indexleft { color: #009 ; text-align: center ; width: 40% }
table.indexright { color: #FFF ; text-align: center ; width: 60% }
table.index { color: #009 ; text-align: center ; width: 100% }
td.index { color: #009 ; text-align: center }
td.linkdex { color: #009 ; text-align: center }
tr.index { color: #009 ; text-align: center }

h1.index { color: #00008b ; text-align: center }
h2.index { color: #00008b ; text-align: center }
h2.rtext { color: red ; text-align: center }
.index { color: #009; text-align: center }
.book { text-align: left ; color: #009 }
.center { text-align: center }
p.copyright { text-align: center; color: #009 ; font-size: small }
p.copyright:before { content: "Copyright" }
p.copyright:after { content: "1999-2012 Pananix, SA, All Rights Reserved" }
p.copyrightes { text-align: center; font-size: small }
p.copyrightes:before { content: "Derecho de autor" }
p.copyrightes:after { content: "1999-2012 Pananix, SA, Todos Derechos Reservados" }
p.copyrightda { text-align: center; font-size: small }
p.copyrightda:after { content: "Copyright© 2002-2012 David A. Bandel, All Rights Reserved" }

A:link { color: #0000EF }
A:visited { color: #51188E }
A:active { color: #36f }

A:hover { color: white;
  background-color: #bbbbbb;
  text-decoration: none;
}

body {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  background-color: white;
  color: black
}

td {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

th {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

/* login and admin */
.login {
  font-family: Verdana, Arial, Helvetica;
}
body.login {
  background: #5a7d9b;
  color: black;
}
h1.login {
  font-size: 18pt;
}
table.login {
  background-color: #FBFFE7;
  padding: 20px;
}
td.login {
  text-align: center;
}
th.login {
  text-align: right;
}

body.admin {
  background-color: #FBFFE7;
  color: black;
}

body.menu {
  background-color: #FBFFE7;
  font-family: Verdana, Arial, Helvetica;
  font-size: 14pt;
  color: black;
}

.menuOut {
  cursor: pointer;
  font-size: 14px;
  color: #000084;
  padding: 2px;
  text-align: left;
  font-weight: bold;
}

.menuOver {
  cursor: pointer;
  background-color: #5a7d9b;
  font-size: 14px;
  color: #ffffff;
  border: 1px solid #FBFFE7;
  padding: 2px;
  text-align: left;
  font-weight: bold;
}

.submenu {
  font-family: Verdana, Arial, Helvetica;
  font-size: 14px;
  padding-left: 5px;
}

.menuOut a {
  cursor: pointer;
  margin: 0px;
  background-color: #FBFFE7;
  font-size: 14px;
  color: #000084;
  border: 0px solid #000000;
  padding: 0px;
  text-align: left;
  font-weight: bold;
}

.menuOver a {
  cursor: pointer;
  margin: 0px;
  background-color: #5a7d9b;
  font-size: 14px;
  color: #ffffff;
  border: 0px solid #000000;
  padding: 0px;
  text-align: left;
  font-weight: bold;
}

.submenu a {
  color: #a0522d;
  text-decoration: none;
}

.submenu a:hover {
  color: #a0522d;
  text-decoration: none;
}

.listtop { font-size: 10pt; background-color: black; color: white; }
.listheading { font-size: 10pt; background-color: #336666; color: white; }
A.listheading:link, A.listheading:active, A.listheading:visited {
  color: white;
  text-decoration: none; }
.listrow1 { font-size: 10pt; background-color: #e6e6fa; color: black; vertical-align: top; }
.listrow0 { font-size: 10pt; background-color: #ffe4e1; color: black; vertical-align: top; }
.listsubtotal { font-size: 10pt; background-color: #5a7d9b; color: white; }
.listtotal { font-size: 10pt; background-color: black; color: white; }

textarea {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

input {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

select {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

.submit {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: #000080;
}

.checkbox, .radio {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

.plus0 {    /* font color for negative numbers */
  color: red;
}

.plus1 {
  color: green;
}

h2.confirm {
  color: blue;
  font-size: 14pt;
}

h2.error {
  color: red;
  font-size: 14pt;
}

#header {
    position : fixed;
    width : 100%;
    height : 10%;
    top : 0;
    right : 0;
    bottom : auto;
    left : 0;
    border-bottom : 2px solid #cccccc;
}
#leftnav {
    position : fixed;
    height : auto;
    top : 30px;
    left : 0;
    width : 165px;
    margin : 0px 0px 0px 10px;
    color : #000000;
    padding : 0px;
    overflow : auto;
}
									        #content {
    position : absolute;
    top : 0%;
    bottom : 185px;
    left : 165px;
    margin : 0px 0px 0px 0px;
    width : 84%;
    height : auto;
    padding-left : 0px;
    padding-right : 0px;
    color : #000000;
    overflow : auto;
}
#content h1, #content h2 {
    color : #cc0000;
}
#footer {
    position: fixed;
    width: 100%;
    height: 185px;
    top: auto;
    right: 0;
    bottom: 0;
    margin-left : 10px;
}




/* media stuff */

@media screen {
  .noscreen {   /* items with this class won't display */
    display: none;
  }
}

@media print {
  .noprint {   /* items with this class won't print */
    display: none;
  }
}