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

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

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

/*********************************************************************/
/* Sidebar Style                                                     */
/*********************************************************************/
#sidebar {
  float: left;
  font-size: 11px;
  border: 1px dotted #0000dd;
  # border-right: 1px dashed black;
  padding: 5px;
  margin: 5px;
}

#sidebar:hover {
  border-left: 1px solid gray;
}

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

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


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

.content:hover {
  # border: 1px solid purple;
}

/*********************************************************************/
/* Misc Style                                                        */
/*********************************************************************/
.content-title {
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  # font-style: italic;
  # text-decoration: underline;
}