/*Index Banner Style*/

#banner{
	display:block;
	margin-left:auto;
	margin-right:auto;
	box-shadow:5px 10px 8px #cdb7a1;
	opacity:0.95;
	border-radius:5px;
	height:300px;
	width:1000px;
}

body{
	background-color: #dbccbc;
	width:1400px;
	margin:auto;
	font-family: 'Macondo', cursive;
	background-image:url("https://www.worldhistory.org/img/c/p/1200x627/6883.jpg");
	background-position:center center;
	background-attachment:fixed;
	background-size:100% 100%;
	background-color:#999;
	font-size:22px;
}

.main{
	background-color: #dbccbc;
	opacity:0.95;
	border:3px solid #503d2a;
	padding:15px;
	width:1400px;
}

#head{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}

/*Navigation Bar Styles*/

.topnav{
overflow:hidden;
background-color:#c8af96;
font-size:60px;
}

.topnav a{
	float:left;
	display:block;
	color:black;
	text-align:center;
	padding:14px 16px;
	text-decoration:none;
	font-size:17px;
}

.topnav a:hover{
background-color:#75593d;
color:#e7dcd1;
}

.topnav a:active{
background-color:#906e4b;
color:white;
}
a{
	
	font-size:25px;
}
/*Different Border Styles*/

#border{
	margin-left:450px;
	text-align:center;
	border:2px solid #503d2a;
	border-radius:8px;
	content: "";
	display:block;
	width:50%;
}

#border2{
	margin-right:200px;
	text-align:center;
	border:2px solid #503d2a;
	border-radius:8px;
	content: "";
	display:block;
	width:50%;
}

#normal{
text-align:center;
border:2px solid #503d2a;
border-radius:8px;
content: "";
margin:0 auto;
display:block;
width:50%;
}

/*Conclusion Page*/

.collapsible{
	background-color: #bc9f81;
	color: white;
	cursor:pointer;
	padding:18px;
	width:100%;
	border:none;
	text-align:center;
	outline:none;
	font-size:15px;
}

.active, .collapsible:hover{
	background-color:#906e4b ;
}

.content{
	padding:0 18px;
	display:none;
overflow:hidden;
background-color:#e1d4c6;
}

/*Photo Page and more*/

ul{
list-style-position:inside;
}

h2{
text-decoration:underline #503d2a;
}

#credit{
font-style:italic;
text-decoration:underline;
text-align:right;
}

div.gallery{
margin:8.5px;
border:1px solid #ccc;
float:left;
width:260px;
height:200px;
padding-bottom:55px;
}

div.gallery:hover{
border:1px solid #777;
}

div.gallery img{
width:100%;
height:100%;
}

div.desc{
padding:10px;
text-align:center;
}