body {
   font-size: 11pt;
   line-height: 1.8em;
   font-family: sans-serif;
   background: #CCC;
}

a, a:visited, a:link {
   color: #009;
   text-decoration: none;
}

a:hover {
   background: #009;
   color: #FFF;
}

#rap {
   width: 760px;
   margin: 10px auto;
   background: #FFF;
   border: 1px solid #000;
}

h1 {
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #333;
   padding: 10px;
}

#nav {
   background: #999;
   padding: 3px 5px 0 5px;
   margin: 0;
   height: 30px;
}

#nav a {
   color: #000;
   display: block;
   background: #CCC;
   margin: 0 0 0 10px;
   width: 100px;
   float: left;
   height: 30px;
   text-align: center;
}

#nav a:hover {
   background: #EEE;
}

#nav a.current, #nav a.current:hover {
   background: #FFF;
}

#content {
   padding: 10px;
}

#credit {
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #333;
   clear: both;
}

table, td, th {
   border: 1px solid #CCC;
}

.edit, .delete {
   width: 100px;
}

.edit a, .delete a {
   width: 100px;
   display: block;
   text-align: center;
}

#left {
   width: 130px;
   float: left;
   font-size: 10pt;
   line-height: 1.4em;
   padding-left: 10px;
   padding-top: 10px;
}

#left ul{ list-style: none; margin: 0; padding: 0; }
#left ul li{ margin: 0;  padding: 5px 0 0 20px; } 

#right {
   width: 550px;
   float: right;
   padding-top: 10px;
}
label {cursor: hand;}
.myinput  {background: #EEE; border: 1px solid #333;}
.myinput2 {background: #EEE; border: 1px solid #333;}
select.myinput, input.myinput {width: 350px; padding: 2px;}
textarea.myinput {width:450px; height: 250px; font-size: 12pt; padding: 2px;}
table {width: 100%;}