/*makes all divs float*/
div {
float: left;
}

p{
	margin-top: 0%;
}

/*makes all the links in the navbar white*/
a{
    color: white;
}

/*makes the links in the navbar turn lightblue when you hover your mouse over them*/
a:hover {
	background-color: lightblue;
}


body{
	background-color: lightblue;
}

/*a height and background color for the container*/
#container{
	height: 98vh;
	background-color: lightblue;
}


/*a size, background color, and border for the title box div*/
.titlebox{
	height: 9vh;
	width: 100%;
	clear: both;
	background-color: #0d7887;
	border-style: solid;
	border-color: goldenrod;
}

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

/*the width, position, and borders for the nav bar div*/
.navbar{
	width: 100%;
	clear: both;
	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, size, text-font-size, and position of the navbar text links*/
.navbox{
	color: white;
	float: left;
	margin-top: .5%;
	width: 12.5%;
	clear: none;
	margin-left: 4vw;
	margin-top: 0.8vh;
	margin-bottom: 0.8vh;

	font-size: 2vw ;
	font-size: 2vh;
}


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

/*the dimensions of the image in the content div of this page*/
.homepageart{
	width: 100%;
	height: 60vh;
}

/*the height, background-color, and border for the footerbox div*/
.footerbox{
	width: 100%;
	height: 19vh;
	background-color: #0e255d;
	border-style: solid;
	border-width: 0.25em;
	border-color: goldenrod;
}