@charset "utf-8";
/* CSS Document */
html    {
  min-height: 100%;
}

body    {
	font-size: small;
}
.footer {
  /* Set the fixed height of the footer here */
 
  background-color:#000;
  color:#fff;
  padding: 10px;
}
h1 {
	font-size: 150%;
	font-weight: bold;
}
h2  {
	font-size: 130%;
	font-weight: bold;
}
h3  {
	font-size: 110%;
	font-weight: bold;
}
#footerLeft	{
	text-align:left;
}
#footerCenter	{
	text-align:center;
}
#footerRight	{
	text-align: right;
}
footer a {
	color: #eee;
}
.dropdown:hover .dropdown-menu {
   display: block !important;
}
#topnav	{
	margin-bottom:-20px;
}
.tip	{
	font-style:italic;
	border-left: 3px solid #0000aa;
	font-size: 80%;
}
.tooltip-inner {
    white-space:pre;
}
#logo-div {
	float: right;
	margin: 10px;
	margin-right: 26px;
}
#logo-div img {
	
}
/*------------------------------------------------------- Small Screen ------------------------*/
@media only screen and (max-width: 768px) {

  
    #mainContent { display: flex; flex-flow: column; }
    #nav { order: 1; }
    #pages { order: 2;  }
    #galleries { order: 3; }
    #footer { order: 4;}
}