p{
	margin-top: 0%;
	margin-bottom: 0%;
	color: white;
	font-size: 2vh;
	font-size: 2vw;
	margin-left: 5%;
	margin-right: 5%;
}

a{
	color: white;
}

/*makes it so if you hover over the links in the navbar they turn light blue*/
a:hover {
	background-color: lightblue;
}

body{
	background-color: lightblue;
}

/*the size and position of the image showing countries that participate in kendo*/
img{
	width: 80%;
	margin-left: 10%;
}

/*the size and background-color of the container div*/
#container{
	height: 98vh;
	background-color: lightblue;
}

.titlebox{
	height: 9vh;
	background-color: #0d7887;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}

.titletext{
	font-size: 5vw ;
	font-size: 5vh;
	color: white;
	text-align: center;
	padding-top: 0.8%;
}

.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;
}

.navbox{
	color: white;
	float: left;
	margin-top: .5%;
	margin-left: 12.5%;
	font-size: 2vw ;
	font-size: 2vh;
}


/*the size, background-color, position, and border of the contentbox div*/
.contentbox{
	width: 99%;
	background-color: #0d7887;
	margin-bottom: 1%;
	margin-left: .25%;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}

/*size and position of the textbox div holding all the text explaining kendo in the present*/
#textbox{
	width: 80%;
	margin-left: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
}

/*size and position of the div holding the image of countries that participate in kendo*/
#imagebox{
	width: 80%;
	margin-left: 10%;
}

/*size, position, and textposition of the captionbox div which holds the caption explaining the image*/
#captionbox{
	width: 40%;
	margin-left: 30%;
	text-align: center;
	margin-bottom: 2%;
}

/*color and fontsize of the text captioning the image on this webpage*/
.captiontext{
	color: white;
	font-size:1vh ;
	font-size: 1vw;
}

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