body {
	margin: 2em 3em 0 3em;
	background-color: #efefefe;  /* gainsboro; */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}


p {
	font-size: 1em;
	margin-bottom: 1.0em;
	margin-top: 0;
}


p.abstract {
    margin-bottom: 2.0em;
}


ul {
	list-style-position:inside;
	padding: 0;
	margin: 0em 0em 1em 0em;
}


ul.rside {
    list-style-type: none;
}

ul.rside li {
    padding: 0.3em 0;
}

section {
	float: left;
	width: 72%;
	padding: 2%;
}

@media screen and (max-width: 480px) {aside {display: none;} }
@media screen and (max-width: 480px) {section {width: 96%;} }

aside {
	float: right;
	width: 20%;
	padding: 5% 2% 2% 2%;
}

table.fees th {
    background-color: #a36330; /* #A06234; */
    border: 1px;
    padding: 2px 5px;
}

table.fees td {
    background-color: silver;
    border: 1px;
    padding: 2px 5px;
}


table.program {
    border-collapse: collapse;
}

table.program caption {
    background-color: #a36330;
}

table.program th {
    background-color: MediumSeaGreen; /* #A06234; */
    border: 1px;
    padding: 2px 5px;
}

table.program td {
    border: 2px solid #a36330;
	padding: 2px 5px;
}

table.program tr td:first-child{
    width:1%;
    white-space:nowrap;
}

tr.space {
	height: 10px;
}

td.title {
    background-color:MediumSeaGreen;
    text-align:center;
}

img.floatLeft {
    float: left;
    margin-right: 20px;
}
img.floatRight {
    float: right;
    margin-left: 10px;
    /* width: 35%;
    max-width: 350px; */
}

img.putAside {
    align: center;
    width: 95%;
}


img.putAside1 {
    align: center;
    width: 75%;
}

/* - - - - - Typography - - - - - */

h1 {font-size: 2.50em; font-weight: 700; text-align: center; padding: 0.1em; margin:0.3em; color: #381C07; }
h2 {font-size: 1.75em; font-weight: 600; padding: 0.2em 0em;}
h3 {font-size: 1.50em; font-weight: 600; padding: 0.4em 0 0 0; margin: 0.1em 0em; }
h4 {font-size: 1.1em; font-weight: 500; padding: 0; margin:0; display: inline;}
h5 {font-size: 1.0em; display: inline;}
h6 {font-size: 0.75em; }

b, strong { font-weight: 600; }
em { font-style: italic; }

a { text-decoration: none; font-weight: 500; color: #085439; }
a:visited { color: #2B7C85; }
a:hover, a:active { color: #D73E3F; }


/* - - - - - top navigation - - - - - */
nav {
    overflow: hidden;
    padding: 0;
}

nav ul {
	list-style: none;
	margin: 0;
}

nav li {
	float: left;
	width: 21%;
	text-align: center;
    background-color: #2B7C85;
	padding: 1% 1.8%;
	margin: 0.2% 0.2%;
	color: black;
}

nav li:hover { background-color: #085439; color: white; }

nav li.active { background-color: #085439; /* #3F6769; */ color: white; }

nav a {
    font-size: 120%;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
}


/* - - - - - header - - - - - */

header {  background-color: #C2D6D6;
		padding: 10px;
        background:
        /* linear-gradient(rgba(120, 202, 211, 0.7), rgba(120, 202, 211, 0.7)), url("../Figures/heraklion_boats1.jpg");  */
        /* linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../Figures/heraklion_boats1.jpg"); */
        /* background-image: url("../Figures/heraklion_boats1.jpg"); */
        background-repeat: repeat;
        background-size: 100%;
}


/* - - - - The footer - - - - - */

footer {
	padding: 1em 0 1em;
	border-top: 1px solid rgba(86, 86, 86, 0.25);
	color: #61402B;
}

footer p {
	font-size: 1em;
}