.menu{
  color:white;
  background-color:black;
}
.submenu
{
  color:black;
  background-repeat:no-repeat;
  background-position:0 100%;
  background-image:url('../images/nav.gif');
  /*border-radius:0 0 5px 5px;*/
}
.submenu .nav-item,.submenu .nav-link
{
  color:blue;
}
.submenu .nav-item:hover
{
  background-color:lightskyblue;
  border-radius:5px;
}
.submenu .nav-item:hover .nav-link
{
  color:red;
}
.logoContent .pageHeaderTitle
{
  color:blue;
}
.pageHeaderTitle a:hover
{
  color:red;
}
.pageHeaderCollapse
{
  color:red;
}
.logoImage
{
  max-height:72px;
}
.pageFooter
{
  background-color:black;
  color:white;
  text-align:center;
  min-height:8vh;
  display: flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:20px;
}
.wrapper
{
  width:100%;
  background-color:white;
  min-height:100vh;
  height:100%;
}
.sidebar_card,.mainbar_card
{
  margin-top: 5vh;
}
.sidebar_card .card-header, .mainbar_card .card-header
{
  background-color:black;
  color:white;
}
.sidebar_card .card-body,.mainbar_card .card-body
{
  padding:20px;
}
.sidebar_cloud
{
  max-height:300px;
  min-height:100px;
  width:90%;
  margin:10px auto;
  border-radius:10px;
  border: solid 1px black;
  background-color:#eeeeee;
}
.sidebar_cloud .cloud_title
{
  border-bottom-color:blue;
  border-bottom-style:solid;
  width:100%;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:18px;
  background: url('../images/ico-list.gif') 5px 15px no-repeat;
}
.cloud_content_date
{
  font-style:italic;
  font-family:"Lucida Handwriting", monospace;
  margin-right:5px;
}
.person
{
  width:25%;
  float:left;
  margin-left:5%;
}
.person .card-body
{
  padding:15px;  
}
.clear
{
  clear:both;
}
@media all and (max-width:640px)
{
  .person
  {
    float:none;
    margin-left:0;
    margin-top:5%;
    width:100%;
  }
}