body {
	  /**background-image: url("purty_wood_edited.png"); **/
	  background-image: url("woodBGs/woodBG7Low.jpg");
      background-attachment: fixed;
	  background-size: contain;
	  font-family: 'Arimo', sans-serif;
	  min-height: 100%;
	}

    #wrap{
	  position: relative;
	  min-height: 100vh;
	}
	  
	#bodyText{
	  padding-top: 60px;
	  padding-bottom: 60px;
	}

	.book img{
      margin: auto;
	}
	
	.title img{
      margin: auto;
    }	  
	
	.title{
      text-align: center;
	  padding: 1% 0% 3% 0%;
	}

	.title > a {
	  color: black;
	  text-decoration: none;
	}
	
    .panel >.panel-heading-inverse{
	  background-color: #222222;
	  color: #fff;
	}

    .panel{
	  background: rgba(255, 255, 255, 0.9);
	}
	
	.panel-body{
	  font-size: 16px;
	}

	.panel-body img{
	   margin: auto;
	}

	.panel-body button{
	  margin-left: 45%;
	}
	
    .well h4{
	  font-weight: bold;
	} 

    .well{
	  font-size: 16px;
      background: rgba(245, 245, 245, 0.9);
      margin: auto;	  
	}
	
	.carousel{
      width: 160px;
	}  

	.btn-responsive {
      white-space: normal !important;
      word-wrap: break-word;
    }

	.content-list{
	  text-align: center;
	}  	
	
    .contentsList {
      height: auto;
	  width: 100%;
      max-height: 200px;
      overflow-x: hidden;
    }	

	.modal-body{
	  margin: 0% 5% 0% 5%;
	}
	
	form > .form-group{
	  margin: 0% 5% 0% 5%;  
	}
	
	form > button {
	  margin: 2% 5% 0% 5%; 
	}
	
	
    .navbar-inverse .navbar-nav > li > a {
      color: #cf9c63;
	  font-size: 20px;
    }
	
	.navbar-inverse .navbar-nav > li > a:hover {
      color: white;
	  /* background-color: #ddbf8d; */
	  font-weight: bold;
    }	
	
	.navbar-inverse{
    background-color: #1b3071;
	}

.navbar-inverse .navbar-toggle {
    border-color: #1b3071;
	background-color: #1b3071;
   }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #1b3071;
   }
   
	#footer {
	  height: 60px;
      position: absolute;
      width: 100%;
      bottom: 0;	
	  background-color: #1b3071;
	  color: white;
	  text-align: center;
	  font-size: 16px;
    }	
	
    @media all and (max-width: 640px){

       .panel-body > h3{
         font-size: 130%; 
        }	

		.navbar-header img {
		  width: 150px;
		}
		
		#footer {
		  height: 90px;
		}

		#bodyText{
	      padding-top: 60px;
	      padding-bottom: 90px;
	    }

	}