body {
	background-image: url('image/background.jpg');
	font-family: "Open Sans", Consolas, Helvetica, sans-serif;
}

img {
	border: 3px solid white;
	background-color: rgb(35,35,35);
}

#jaibelImage {
	transition: all 0.15s;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,pre,q,blockquote,address,dd,dt {
	color: white;
}

table, th, td {
	color: white;
	border: 3px solid white;
	border-collapse: collapse;
	background-color: rgb(0,0,0,0.5);
}

table.caption {
	font-size: 30px;
}

th, td {
	padding: 10px;
}

p#differentP {
	color: aqua;
	border: 1px solid aqua;
}

p.redborder {
	border: 2px dashed red;
}

a:link {
	color: green; 
	background-color: transparent; 
	text-decoration: none;
}

a:visited {
  color: purple;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
	color: aqua; 
	background-color: transparent; 
	text-decoration: none;
}

a:active {
	color: blue;
	background-color: transparent; 
	text-decoration: none;
}

button {
	background-color: rgb(100,0,0);
	color: rgb(150,255,255);
	padding: 5px;
}

button:hover {
	color: white;
}

button:active {
	background-color: rgb(50,0,0);
}

ul.horiBar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(10,10,10,0.8);
}

ul.horiBar li {
	float: left;
	width: 10%;
	min-width: 150px;
	transition: width 750ms ease, background-color 300ms ease;
	white-space: nowrap;
	text-align: center;
}

.expandOnHover {
	height: 45px;
	overflow: hidden;
	transition: height 300ms ease;
}

.expandOnHover:hover {
	height: 106px;
}

ul.horiBar li a {
	display: block;
	color: white;
	background-color: none;
	text-decoration: none;
	padding: 16px;
}

ul.horiBar li:hover {
	background-color: rgb(0,0,0,0.8); 
}

ul.horiBar li a:active {
	border: 2px solid white;
}

.underlineOnHover:hover {
	text-decoration: underline;
}