/*Text formatting*/
h1, h5, caption, th, 
figure.video > figcaption {
	text-transform: uppercase;
	font-family: "Times New Roman", serif;
	letter-spacing: 0.03em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color:#99ffff;
}

h3 {
		text-transform: uppercase;
	font-family: "Times New Roman", serif;
	letter-spacing: 0.03em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color:#99ffff;
	font-size:20px;
}
h1 {
	border-bottom: solid 1px #333;
}

p, ul {
	margin-top: 0.5em;
	color: #99ffff;
}

a {
	text-decoration: none;
	color: #99ffff;
}

header, .gallery-item figcaption {
	text-align: center;
}

/* General styles */
body {
	font-size: 16pt;
	font-family: "Segoe UI", Arial, sans-serif;
	color: #ffffff;

	max-width: 960px;
	margin: 0 auto;
	padding: 0 1.5em 1em;	
	box-sizing: border-box;

	box-shadow: 0 0 1em lightgray;
	background-color: rgb(0, 32, 57);
}

.pull-right {
	float: right;
}

figure {
	margin: 0;
	padding: 0;
}


/* Header styles */
header {
	margin: 0 -1.5em;
	overflow: hidden;
}

#logo {
	margin-top: 1em;
	margin-bottom: 1em;
}

#panoramic {
	max-width: 960px;
}





/* Table styles */
table {
	width: 100%;
	margin-bottom: 1.5em;
	border-collapse: collapse;	
}

caption {
	text-align: left;
	font-size: 1.17em;		
}

th, td {
	text-align: center;
	padding: 0.5em 0.2em;
	width:170px;
}

tr:nth-child(even) {
	
	background-color: #006666;
}
tr:nth-child(odd) {
	
	background-color: #006633
}
table.timetable th:last-of-type,
table.timetable td:last-of-type {
	width: 200px;
}

table ul {
	text-align: left;
	list-style-type: none;
}

table p {
	text-align: left;
}

table.timetable td {
	font-size: 0.8em;
	color: #1F3B34;
}

/* Video styling */
figure.video {
	margin: 0 0 1em;
}

figure.video > figcaption {
	margin-bottom: 0;
}

	h1 {
	font-size:25px;
	}
	
p {
    font-family: verdana;
    font-size: 15px;
	color: #cccccc;
}

li {
    font-family: verdana;
    font-size: 15px;
	color: #ffffff;
}

/* index */
img#PGICON{
	width:640px; 
	
	padding-bottom: 15px; 
	padding-top:10px;
}

p#videotext {
font-size:25px;
color: #ffffff;
}
a#mail {
	color:#99ffff;
}

h5#footnotes {
	color:#ffffff;
}

/*about styling */
p#idd{
	text-align:center;
}

img#slide1{
	width:900px;
	height:500px;
}
img#slide2{
	width:900px;
	height:500px;
}
img#slide3{
	width:900px;
	height:500px;
}
img#slide4 {
	width:900px;
	height:500px;
}

 
 section#f1 {
	 max-width:100px;
 }
 
 aside {
    display: block;
}

a.button {
 background-color: rgb(90,140,180); 
    border: none;
    color: #ffffff;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 800px;
   
    transition-duration: 0.4s;
    cursor: pointer;
}
.button {
    background-color: #ffffff; 
    color: black; 
    border: 2px solid rgb(90,140,180);
}
.button:hover {
    background-color: rgb(90,140,180);
    color: #ffffff;
}

/*Footnotes*/
footer
{

	border-top: solid 1px #1b546f;
}

footer > section
{
  display: inline-block;
  margin-right: 2em;
  margin-left: 4.5em; 
  vertical-align: top;
  max-width: 200px;
  text-align: left;
  
}
footer > section > ul 
{
  list-style-type: none;
  padding: 0;

}
footer > section li:hover > a:before,
footer > section li.active > a:before 
{
  content: "▸";
  position: absolute;
  margin-left: -1.1em;
}
footer a
{
  text-decoration: none; /*deleting the lines of the links*/
  color: #ace4ff;
}