body {
   font-family: Arial, sans-serif;
   font-size: 75%;
   color: #000;
   background-color: #ccc;
}
.smaller {
   font-size: 0.8em;
}
* {
   color: inherit;
   font-family: inherit;
   margin: 0;
   padding: 0;   
}
div {
   margin: 5px;
}
div#page {
   background-color: white;
   border: 1px solid white;
   padding: 5px;
}
td div {
   background-color: inherit;
   border: none;
   padding: 0;
   padding-top: 5px;
   margin: 0;
}
td { 
   border: 1px solid #000;
   background-color: #ccc;
   color: #000;
   padding: 2px;
   padding-left: 8px;
   padding-right: 8px;
   font-weight: normal;
}

td.today {
   text-align: center;
   border: 1px solid #000;
   color: black;
   background-color: #ccc;
   font-weight: bold;
}
td.select {
   text-align: center;
   border: 1px solid #000;
   color: black;
   background-color: #ccc;
   font-weight: bold;
}
td.day {
   text-align: center;
   border: 1px solid #000;
   color: white;
   background-color: #999;
}

div.layout {
   border: 1px solid white;
   position: relative;
   background-image: url('./images/leaves_brightRL.gif');
   background-position: top right;
   background-color: #fff;
   padding: 0px;
   padding-top: 10px;
   margin: 25px;
   margin-bottom: 0;
   color: black;
}
div.progress_section {
   height: 100px;
   clear: both;
}
div.progress_label {
   float: left;
   padding: 2px;
   margin: 1px;
   width: 160px;
   text-align: center;
   background-color: white;
   text-transform: uppercase;
}
div.content {
   border: 1px solid #999;
   padding: 0;
   margin: 25px;
   margin-top: 0;
   background-color: #999;
}
div.rightnav {
   float: right;
   clear: right;
   width: 20%;
   overflow: auto;
}
div.photo {
   background-color: #fff;
   margin: 5px;
   padding: 5px;
   border: 1px solid #999;
   float: left;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;  
}
h1.page {
   text-transform: uppercase;
   color: #666;
   margin: 5px;
   padding: 0;
}
h1.pageheading {
   float: left;
   margin: 0;
   margin-left: 10px;
   margin-top: 15px;
   padding: 5px;
   color: #333;
   text-transform: uppercase;
}
h1.title {
clear:left;
   color: #333;
   padding: 5px;
   padding-top: 10px;
   padding-bottom: 5px;
   font-size: 1.5em;
}
h2.subheading {
   color: #fff;
   font-weight: normal;
   padding: 5px;
}
/* restyle image and histogram captions */
h3.caption {
   color: #333;
}
p {
   padding: 5px;
}
/* restyle paragraph here */
p.common {
   color: #000;
   text-transform: uppercase;
   margin: 1px;
   padding: 0;
   margin-left: 5px;
   margin-top: 10px;
   
}
p.paragraph {
   padding: 5px;
}
p.nbnkey {
/*   display: none;*/
}
p.credit {
   color: #003;
   font-style: italic;
}
/* restyle latin text here */
.latin {
   font-style: italic;
   font-weight: bold;
   color: #666;
   margin: 1px;
   padding: 0;
   padding-left: 5px;
}
p.latin:before {
   content: "\005B";
}
p.latin:after {
   content: "\005D";
}
p.quote {
   font-weight: bold;
}
p.quote:before {
   content: "\0022";
}
p.quote:after {
   content: "\0022";
}
p.warning {
   text-transform: uppercase;
   color: #666;
   font-weight: bold;
}
img.photo {
   /* height: 200px;*/
   width: 300px;
}
a { 
   color: #fff;
   font-weight:bold;
   text-transform: uppercase;
}
a:link      {text-decoration:none;}
a:visited   {text-decoration:none;}
a:hover     {color: #fcf;text-decoration:underline;}
a:active    {color: #fcf;text-decoration:underline;}
a.path:after {
   content: "\0020 \00bb \0097 \009b";
}
ul {
   margin-left: 25px;
   margin-bottom: 10px;
}
.tm {
   position: fixed;
   bottom: 0px;
   right: 0px;
   border: 1px solid #ccc;
   background-color: white;
}
* html .tm {position: absolute;}
.nbn {
   border: 1px solid #999;
   background-color: white;
   margin: 2px;
}
a { 
   text-decoration: none;
   border: none;
   color: #666;
}
a:hover {
   color: #333;
   text-decoration: underline;
}
img {
   border: none;
}
em {
   font-style: normal;
   font-weight: bold;   
}
h2 {
   margin: 5px;
   font-size: 1.2em;
   color: #333;
}
h3 {
   padding: 5px;
   font-weight: normal;
}
h4 {
   padding: 2px;
   margin-top: 10px;
   text-transform: uppercase;
}
table {
   width: 100%;
   /*border-collapse: collapse;*/
   empty-cells: show;
}
tr.marked, tr.marked th, tr.marked td {
   background-color: #f96;
   border: 1px solid #600;
   color: #000;
}
th {
   border: 1px solid #333;
   background-color: #fff;
   font-weight: bold;
   padding: 2px;
   text-transform: uppercase;
   text-align: left;
   vertical-align: top;
}
td { 
   border: 1px solid #000;
   /*background-image: url('./images/leaves_bright.jpg');*/
   background-position: bottom center;
   color: #666;
   background-color: #fff;
   padding: 2px;
   padding-left: 8px;
   padding-right: 8px;
}
button.exp {
   border: 1px solid #999;
   padding: 0px;
   margin: 0px;
   width: 20px;
   height: 20px;
   font-weight: normal;
   background-color: #fff;
   color: #999;
}
button {
   border: 1px solid #999;
   padding: 2px;
   margin: 5px;
   font-weight: normal;
   background-color: #fff;
   color: #999;
   text-transform: uppercase;
}
textarea {
   border: 1px solid black;
   margin: 5px;
   width: 300px;
   padding: 5px; 
   background-color: #fff;
   color: #333;
   text-transform: uppercase;
   font-family: Arial, sans-serif;
}
div.explanation,div.textbox {
   margin: 5px;
   padding: 5px;
   background-color: white;
   border: 1px solid #333;
}
div.textbox {
   height:300px;
   overflow:auto;
   line-height: 1.5em;
}
input.text {
   text-transform: uppercase;
   border: 1px solid black;
   margin: 5px;
   padding: 5px;
   background-color: #fff;
   color: #333;
   width: 300px;
}
select.text {
   text-transform: uppercase;
   width: 312px;
   padding: 5px;
   margin: 5px;
   border: 1px solid #000;
   background-color: #fff;
   color: #333;
}
option.text {
   text-transform: uppercase;
   width: 300px;
   padding-left: 5px;
   color: #333
}
button, input.button {
   border: 1px solid #000;
   margin: 5px;
   padding: 2px;
   background-color: #666;
   color: #ccc;
   text-transform: uppercase;
}
button:hover, input.button:hover {
   background-color: #ccc;
   color: #666;
}

div.page {
   position: relative;
   margin-left: 12%;
   width: 75%;
   height: auto;
   padding: 0;
   border: 1px solid #ccc;
}
div.etop {
    background-image: url('images/rbrc_top.gif');
    background-repeat: repeat-x;
    position: absolute;
    top:0;
    left:20px;
    right:20px;
    height:20px;
    width:auto;
}
div.ebtm {
    background-image: url('images/rbrc_bottom.gif');
    background-repeat: repeat-x;
    position: absolute;
    bottom:0px;
    left:20px;
    right:20px;
    height:20px;
    width:auto;
}
div.elft {
    background-image: url('images/rbrc_left.gif');
    background-repeat: repeat-y;
    position: absolute;
    left:0px;
    top:20px;
    bottom:20px;
    width:20px;
}
div.ergt {
    background-image: url('images/rbrc_right.gif');
    background-repeat: repeat-y;
    position: absolute;
    right:0px;
    top:20px;
    bottom:20px;
    width:20px;
}
div.xtl {
    background-image: url('images/rbrc_topleft.gif');
    background-repeat: no-repeat;
    position: absolute;
    left:0px;
    top:0px;
    height:20px;
    width:20px;
}
div.xtr {
    background-image: url('images/rbrc_topright.gif');
    background-repeat: no-repeat;
    position: absolute;
    right:0px;
    top:0px;
    height:20px;
    width:20px;
}
div.xbl {
    background-image: url('images/rbrc_bottomleft.gif');
    background-repeat: no-repeat;
    position: absolute;
    left:0px;
    bottom:0px;
    height:20px;
    width:20px;
}
div.xbr {
    background-image: url('images/rbrc_bottomright.gif');
    background-repeat: no-repeat;
    position: absolute;
    right:0px;
    bottom:0px;
    height:20px;
    width:20px;
}
div.ctnt {
    position: absolute;
    left:20px;
    top:20px;
    right:20px;
    bottom:20px;
    background-color: #999;
    overflow: auto;
}
div.scrollgap {
   position: absolute;
   left: 0;
   right: 20px;
   top: 0;
   bottom: 0;
}