body {font-family: arial;
   /* background-color: #CCFFFF; */
   /* background-color: #99CCB3; */
   /* background-color: #CCB399; */
   /* background-color: #DDCCBB; */
   /* background-color: #C5E2C5; */
   /* background: #E4D6C9;  */ 
   /* background: #cad0f2; */ 
   background: #b6ecf2; 

   margin: .2cm .5cm .5cm .5cm;
}

table, tr, td {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

th,td {font-family: arial}


tr {
   vertical-align: top;
}

p.margin {
   margin: 0cm 0cm 0cm 0cm;
}

th.tabhead {
   border-bottom: thin ridge gray;
}

td.border-right {
   border-right: thin ridge gray
}

td.border-left {
   border-left: thin ridge gray
}

td.label {
   font-weight: bold;
   white-space: nowrap;
}

.navlink a:link, .navlink a:visited {
   background-color: transparent;
   text-decoration: none;
   color: black; 
   white-space: nowrap;
}
.navlink a:hover,  .navlink a:active {
   background-color: transparent;
   text-decoration: underline;
   /* color: #0000FF; */
   color: #332244; 
}

.smaller {
   font-size: 90%;
}

.box {
   margin-left: 1cm;
   margin-right: 1cm;
   padding: .5cm;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px; 
}

.margin-lr {
   margin-left: 1cm;
   margin-right: 1cm;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px; 
}

.bggray {
   background-color: E0E0E0;
}

.bgwhite {
   background-color: white;
}

.quicklist {
   margin-left: .50cm;
   white-space: nowrap;
}