/*    Generated by http://www.cssportal.com    */

@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	line-height: 22.4px;
    color:#333;
	background-color:#ffffff;
	background-image:url(../pix/bg-hg.png);
	background-repeat:repeat-x;
}

p {
    padding: 10px;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

html, body {
	font-family: 'Arial', sans-serif;
	margin: 0;
}

.main-content {
	font-family: 'Arial', serif;
	padding-top: 0%;
	margin: 0 auto;
	max-width: 0 auto;
}

#photos {
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

#photos a {  
  display: inline-block;
}


#photos img {
	position: relative;
	float: left;
	width: 100%;
}

#photos p {  
  font-family: 'Arial', san serif;
  color: #ffffff;
  font-size: 2em;
  font-face: regular;
  position: absolute;
  top: 50%;
  left: 40%;  
  transform: translate(-50%, -50%);
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(240, 240, 240, 1);
    border-width: 1px;
    border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(192, 192, 192, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #cccccc;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #f0f0f0;
}

.navbar-inverse { background-color: #F0F0F0}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #777777}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #CCCCCC}
.dropdown-menu { background-color: #F0F0F0}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #777777}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #CCCCCC}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #999999}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #555555}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #cccccc}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #cccccc}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #000000}

.img-fluid. {
    max-width: 100%;
    height: auto;
}

.sup, sub {
   font-size: 80%; 
   position: relative;
   vertical-align: baseline;
   top: -0.4em;
}
.sub { 
	top: 0.4em; 
}
sup.reference {

    unicode-bidi: -moz-isolate;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: isolate;
    white-space: nowrap;
	}
	
html.thumbcaption {
    border: none;
    line-height: 1.3em;
    font-size: 85%;
    text-align: left;
}
.table1 {
    margin: 1em 0;
	border: 1px solid #aaa;
	border-collapse: collapse;
	color: black;
}
	
}