@charset "UTF-8";
/* CSS Document */

body{
	font-family: 'Avenir Next', "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
	font-size:15px; /*14px;*/
	color:#333;
  counter-reset: H1;
}

b, strong{
	font-weight: bold;
	font-family: 'AvenirNext-DemiBold';
}

i, em{font-style:italic;}

.fullname{
	color:#003057;
	font-weight:bold;
	display:block;
	font-size:37px;
	font-family: 'AvenirNext-DemiBold';
}
	
.title{color:#003057; display:block; font-weight: 500; font-size:14px; line-height:17px;}

h1{
	font-size: 26px;
	font-weight:bold;
/*	color:#c15d00; */
	color:#857437; /*#003057;*/
	margin: 25px 0px 5px 0px;
	font-family: 'AvenirNext-DemiBold';
	text-indent: 0em;
}

/*h2{ color: #6a5947; font-size: 18px; font-weight:bold; margin: 15px 0px 5px 0px; font-family: 'AvenirNext-DemiBold';}*/

h2{ color: #003057; font-size: 18px; font-weight:bold; margin: 15px 0px 5px 0px; font-family: 'AvenirNext-DemiBold'; text-indent: 0em}

div.h2new {color: #857437; font-size: 18px; font-weight:bold; margin: 15px 0px 5px 0px; font-family: 'AvenirNext-DemiBold'; text-indent: 0em}

h3{ color: #6a5947; font-size: 15px; font-weight:bold; margin: 10x 0px 5px 0px; font-family: 'AvenirNext-DemiBold';}

ul li{list-style:circle; list-style-position:inside;}

ol li{list-style:decimal}

li{margin-top: 8px; margin-bottom: 12px;}

/*a {color:#06c; text-decoration:none;}*/
a {color:#004F9F; font-weight: 500; text-decoration:none;}

a:hover{color:#1879DB; font-weight: 500; text-decoration:underline;}

#credit{
color: #ccc;
height: 4px;
margin: 8px auto;
position: relative;
width: 700px;
}

#credit a{
	color: #aaa;
}

.navbar {
  padding-top:    0rem; /* 0px does not look good on small screens */
  padding-bottom: 0rem;
  font-size: smaller;      /* Just because I am using big size font */
  line-height: 0em; 
  min-height: 0em;
  height: 2.8em;
}

.navbar-toggle {
     padding: 0 0;
     margin-top: 0px auto;
     margin-bottom: 0;
}

.topnav {
  overflow: hidden;
  background-color: #B3A369;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0px 0px;
  text-decoration: none;
  font-size: 17px; 
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

.nav{
  overflow: hidden;
  background-color: #2B3856;
    list-style:none;
    margin:0;
    padding:0;
    top: 0;
    text-align:center;
}

.nav li{
    display:inline-block;
}
.nav a{
    display:inline-block;
    color: #f2f2f2;
  text-align: center;
  padding: 0px 0px;
  text-decoration: none;
  font-size: 17px;
}
.nav a:hover {
  background-color: #ddd;
  color: black;
}

.nav a.active {
    background-color: #4CAF50;
    color: white;
}


/* Main content */
.main {
    margin-top: 40px; /* Add a top margin to avoid content overlay */
}

#content {
    height: 100%;
  margin-bottom: 50px;

}
#left {
    float: left;
    width: 40%;
    background: white;
    height: 400px;
    overflow: auto;
    box-sizing: border-box;
    padding: 0em;
    margin-bottom: 4em;
}
#right {
    float: left;
    width: 60%;
    background: white;
    height: 400px;
    overflow: auto;
    box-sizing: border-box;
    padding: 0.4em;
    margin-bottom: 4em;

}
#full {
  float:left;
  width:100%;
  height:275px;
  box-sizing: border-box;
  /*line-height:3em;*/
  overflow:auto;
  padding:0.4em;
  margin-bottom:4em;
}
.card {
        position: relative;
        display: inline-block;
	text-align: center; 
    }


.card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
.card:hover .img-top {
        display: inline;
    }

#images{
    text-align:center;
    margin:175px 4px;
}

#images a{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:black;
}

#imgnew {float: left;}