/*********************************************************************/
/* Base Style                                                        */
/*********************************************************************/
body {
  background-color: #666666;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
  margin-width: 5;
  margin-height: 5;
  margin-top: 5;
  margin-left: 5;
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  # color: #0000dd;
  color: orange;
  text-decoration: underline;
  # font-weight: bold;
}

/*********************************************************************/
/* Title Style                                                       */
/*********************************************************************/
#titlebar {
  float: top;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px dashed #111111;
}

#tb-name {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 32px;
  color: #111111;
}

#tb-name:hover {
  text-decoration: none;
}

/*********************************************************************/
/* Sidebar Style                                                     */
/*********************************************************************/
#sidebar {
  float: left;
  font-size: 12px;
  border: 1px dotted #dddddd;
  # border-right: 1px dashed black;
  padding: 5px;
  margin: 5px;
  background-color: #dddddd;
}

#sidebar:hover {
  background-color: #eeeeee;
}

#active-item {
  font-weight: bold;
}

#active-item:hover {
  text-decoration: underline;
  # font-weight: bold;
}


/*********************************************************************/
/* Content Style                                                     */
/*********************************************************************/
#content {
  float: left;
  #position: absolute;
  #top: 20px;
  #left: 100px;
}

.item {
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #888888;
  border-right: 1px solid #888888;
  background-color: #aaaaaa;
  # border: 1px solid #444444;
  padding: 5px;
}

.title {
  # background-color: #00cc00;
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  # font-style: italic;
  # text-decoration: underline;
}

.subtitle {
  font-size: 10px;
}

.date {
  text-align: left;
}

.text {
  # border: 1px solid #444444;
  padding: 5px;
}

/*********************************************************************/
/* Misc Style                                                        */
/*********************************************************************/