/* Came with bootstrap index.hml */
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Add a Forest green ( previously gray) background color and some padding to the footer */
    footer {
      background-color: #004442; /*#f2f2f2;*/
      padding: 25px;
	position: relative;      
        height:75px;
        width: 100%;     
 }
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }


  /*Agari overrides */

  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 2em;
}

#mainContainer{
    padding-right: 15px;
    padding-left: 15px;
    /* margin-right: auto; */
    margin-left: 26px;
    max-width: 1600px;
}

  .text-center {
    text-align: left;
}

.navbar-inverse {
    background-color: #006A56;
    border-color: #006A56;
    height: 8em;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
    margin-top: 6.7em;
 }
}


#navUl
{
  margin-left: -0.7em;
}
.navbar-nav {
    float: left;
    margin: 0;
    margin-top: 6.7em;
}

  .navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #006A56;
}

  #agariHead {
    font-size: 40pt;
    letter-spacing: 5.7pt;
    color: #006A56;
}

  #subhead {
    font-size: 23pt;
    margin-top: -0.6em;
    color: #8FE5F2;
}

#apd-text {
    font-size: 11.5pt;
    font-family: sans-serif;
    letter-spacing: 0.6pt;
}
#bp-text {
      font-size: 11.5pt;
      font-family: sans-serif;
      letter-spacing: 0.6pt;
}
#apr-text {
      font-size: 11.5pt;
      font-family: sans-serif;
      letter-spacing: 0.6pt;
}

#bp-head {
  letter-spacing: 0.7pt;
	color: #006A56;
}
#pd-head {
  letter-spacing: 1.7pt;
	color: #006A56;
}
#apr-head {
  letter-spacing: 1.7pt;
	color: #006A56;
}
a:link {
  color: #006A56;
  background-color: transparent;
  text-decoration: underline;
}	
@media only screen and (max-width: 768px) {

  #bp-head {
    margin-top: 2.7em;
	color: #006A56;
  }

   #apr-head {
    margin-top: 2.7em;
	color: #006A56;
  }
}

#developer, #agariHome {
    float: right;
    cursor: pointer;
    margin: 0;
    margin-top: 4.7em;
    color: #ffffff;
    list-style: none;
    margin-right: 2em;
	
}
/* added background color to change to black for mouse hover */
#developer:hover, #agariHome:hover {
   /* color: #0072c6;*/
   background-color: #000000;
   padding: .5em;
 }

img {
	padding-top:3.2em;
	max-height:100%
	max-width:100%
	
}
/* This css is to print the copyright message */
p.copyright {
    position: fixed;
    width: 100%;
    text-align: center;
    color: #70A59A;
      }
	  /* Added this css because otherwise the index.html was not changing from blue to green in some places*/
a {
    color: #006A56;;
    text-decoration: none;
}
a:hover
{
color: #004667;
    text-decoration: none;}