p{
	margin-top: 0%;
}

a{
	color: white;
}

a:hover {
	background-color: lightblue;
}

body{
	background-color: lightblue;
}

/*background color for the container div*/
#container{
	background-color: lightblue;
}

/*height, background-color, and border for the div box holding the title of the page*/
.titlebox{
	height: 9vh;		
	background-color: #0d7887;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}

/*the size, color, and position of the title text*/
.titletext{
	font-size: 5vw ;
	font-size: 5vh;
	color: white;
	text-align: center;
	padding-top: 0.8%;
}

/*the height, background color, and border of the nav bar holding all the other page links*/
.navbar{
	height: 4vh;
	background-color: #0e255d;
	margin-bottom: 1%;
	
	border-right-style: solid;
	border-right-width: 0.25em;
	border-right-color: goldenrod;

	border-left-style: solid;'
	border-left-width: 0.25em;
	border-left-color: goldenrod;

	border-bottom-style: solid;
	border-bottom-width: 0.25em;
	border-bottom-color: goldenrod;
}

/*the color, poition, and size of the text in a div holding the linked text to different webpages*/
.navbox{
	color: white;
	float: left;
	margin-top: .5%;
	margin-left: 12.5%;
	font-size: 2vw ;
	font-size: 2vh;
}

/*the size, background-color, and border of the content box div*/
.contentbox{
	width: 99%;
	background-color: #0d7887;
	margin-bottom: 1%;
	margin-left: .25%;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
	/*added overflow auto inorder to stop the floating divs in the content box from causing the contentbox div to have no height */
	overflow: auto;
}

/*font-size, color, and position of the text summarizing the history of kendo*/
#content{
	color: white;
	font-size: 1.5vh;
	font-size: 1.5vw;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: 5%;
}

/*the size and position of the div holding all the text about the history of kendo*/
#textbox{
	width: 60%;
	float: left;
	margin-left: 4%;
}

/*the size and position of the samurai image*/
#samurai{
	width: 80%;
	margin-left: 10%;
}

/*the size and position of the early kendo image*/
#oldkendo{
	width: 80%;
	margin-left: 10%;
}

/*the position, size, and color of the link to a more detailed history of kendo*/
#link{
	color: white;
	text-align: center;
	font-size: 0.8vh;
	font-size: 0.8vw;
}

#link: hover{
	background-color: lightblue;
}

/*text position, size, and position of the div holding the link to a more detailed history of kendo */
#linkbox{
	text-align: center;
	width: 12%;
	float: right;
	margin-right: 4%;
}



/*the size and position of the div holding the early kendo image*/
.imagebox{
	width: 12%;
	height: 16vh;
	margin-top: 12%;
	margin-right: 4%;
	float: right;
	clear: all;
}

/*the size and position of the div holding the samurai image*/
.imagebox2{
	width: 12%;
	height: 16vh;
	margin-top: 12%;
	margin-left: 4%;
	float: left;
	clear: all;
}


.footerbox{
	height: 19vh;
	background-color: #0e255d;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}