body {
	background-image: url("images/nature-background-2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: bottom;
	position: relative;
	height: 100%;
	margin:0 auto;
}

#wrapper {
	
	background: #FFFFFF;
}

#history {
	font-family: "Lucida Sans Unicode";
	font-size: 10pt;
}

h2 {
	color: #445A96;
	font-family: arial;
	margin-bottom: 25px;
	transform:scale(0.95, 1.1);
	letter-spacing: 1px;
}

#header {
	background: linear-gradient(to right, #E2F6EE, #80968D);
}

#header img {
	margin-left: 10%;
}

#navigation {
	font-weight: bold;
	background-color: #000000;
}

.navbar {
	background-color: #000000;
	border-color: #000000;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #e6e6e6;  /*Sets the text hover color on navbar*/
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #FFFFFF; /*BACKGROUND color for active*/
background-color: #313131; }
.navbar .nav > li > a { color:  #FFFFFF; }
.navbar .navbar-header > a { color: #FFFFFF; }
.navbar .navbar-header > a:hover { color: #FFFFFF; }

#wrapper {
		box-shadow: 10px 10px 5px #888888;
}

#main {
	margin: 10px 40px 10px 40px;
	padding: 50px 50px 50px 50px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
}

#second {
	background-color: #F2F2F2;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border-radius: 25px;
}

.borderless table {
		border: none;
}

#profile {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

#profiletext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

hr { 
	border-color: #b3b3b3;
}

.select { -webkit-filter: brightness(100%); }
.select:hover { -webkit-filter: brightness(150%);
	cursor: pointer; }

#footer {
	background: linear-gradient(to right, #E2F6EE, #B5C9C1);
	padding: 10px 10px 10px 10px;
	font-size: x-small;
}