@font-face {
  font-family: 'Caviar Dream';
  src: URL('CaviarDreams_Italic.tff') format('ttf');
}

/* navbar   */
ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(135,185,182,1);
}

/* li {float: left;} */
li a 
{
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

li a:hover  
 {
	/* changes nav bar hoverstyle */
	color:rgba(135,185,182,1.0);
	text-decoration: none;
 } 




body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color:rgba(135,185,182,1.0);
  font-family: Caviar Dream, sans-serif;
  font-size:20px;
  letter-spacing: 1px;
  bottom:0px;
  margin-bottom:0px;
}




.navContainer
{
	z-index:2; /*the higher the number, the further forward it is*/
	position:fixed;
	top:0px; 
	/* right:0px; */
	width: 100%;
	height:10vh;
}

.navButton
{
	color:white;
	size:200%
}

.home
{
	float:left;
	text-decoration: none;
}
.home:link
{
	color:white;
	text-decoration: none;
}
.home:visited
{
	color:white;
	text-decoration: none;
}


.navTabs
{
	float:right;
}

.navTabs:hover
{
	background-color: white;
}



.carCont
{
	padding-top:5%;
}
/* carousel overlay */
.overlay
{
	text-align:center;
	font-family: Caviar Dream, sans-serif;
	z-index: -1;
	color:blue;
	vertical-align:middle;
	top: 50%;
	left: 50%;
}
/* background for carousel  */
.carBack
{
	background-color:rgba(135,185,182,1.0);
	
}

.carImages
{
	width: 100%;
	/* height: 90vh; */
}

.navbar{
	/* position: sticky; */
	width: 100%;
	height:100%;
	background-color: rgba(135,185,182,1.0);
	margin-bottom:0px;
	border-radius:0px !important; /*must be used to override the previous implementation*/
}

.testBack
{
	background-color:red;
}

.navbar h1 {
  position: relative;
  padding-top:15px;
  padding-bottom:0px;
  margin: 0px;
  color:white;
}
.comLogo{
	position:absolute;
	padding-top:0px;
	height: 35px;
  /* background-color: rgba(255,255,255,1.0); */
  background-color:rgba(135,185,182,1);
  /* border-radius: 50%; */
  
}  

.spanCent
{
	text-align:center;
}

.navLinks
{
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}



.navItem {
  float: right;
  margin-left: 24px;
  margin-right: 24px;
  padding:2px;
}

.navItem a {
  color: white;
  text-decoration: none;
}

.title{
  font-size: 100px;
  /* COLOR: rgba(255,255,255,1); */
  position: relative;
  top:0px;
  left: 25px;
  color: transparent;
  text-shadow: 0 0 0px rgba(255,255,255,0.7);
}

.centering
{
	text-align:center;
	display: block;
	margin:auto;
}

.rounded
{
	border-radius: 25px;
}

.foreground
{
	z-index:1;
	position:absolute;
	top:50%;
	left:30%;
	text-align:middle;
	color:white;
}

.background
{
	z-index:1;
}

.BGColor
{
	background-color:rgba(135,185,182,1);
}

/* foreground text */


footer
{
	line-height: 10%;
	font-size:90%;
	text-align:center;
	/* padding-left: 15%; */
}


.footContainer 
{
	/* background-color:rgba(135,185,182,1.0); */
	background:rgba(105,153,145,1.0); /*Revision to use darker colored green*/
	/* height:10vh; */
	width:100%;
	line-height: 5%;
	text-align:left;
	padding-left: 5%;
}

.footText
{
	font-size:70%;
	color: white;
	/* background:rgba(105,153,145,1.0); */
}



#footer-inner
{
	padding-top:10px;
	background-color:#d3d3d3;
	color:rgba(135,185,182,1.0);
	text-align:center;
	height:10vh;
}

#innerC
{
	/* will affect the height of the carausel */
	height:50%;
}

#FGT
{
	font-family: Caviar Dream, sans-serif;
	font-size:20px;
	letter-spacing: 3px;
	font-size:150%;
	text-shadow: 2px 2px gray;
}
}

#container
{
	width:90vh;
}
#leftMain
{
	width:50%;
	height:50vh;
	float: left;
	background-color:white;
}

#fLeft
{
	background-color:#d3d3d3;
	width:15%;
	height:100%
	float:left;
}

#fRight
{
	background-color:#d3d3d3;
	width:85%;
	height:100%;
	float:left;
}

#fLogo
{
	padding-top:5px;
	margin:auto;
	height:110%;
}

#rightMain
{
	width:50%;
	height:50vh;
	float: left;
	background-color:rgba(135,185,182,1);
}


#rightImage
{
	display: block;
	margin:auto;
	height: 300px;
	width: 150px;
}

#navList {
  font-size: 48px;
  text-decoration: none;
  list-style: none;
  margin-top: 10px;
  float: right;
  margin-right: 10%;
}

#divWrapper
{
	background-color:rgba(135,185,182,1.0);
}

#myCarousel
{
	position:relative;
	/* height:90vh; */
	/* top:-20px; */
}

#OmegaDiv
{
	position:relative;
	top:-20px;
}

#seeMoreWrapper
{
	padding: 30px;
}