* {
	margin: 0;
}

body {
	background-color: #E1E1E1;
	font-family: verdana, arial, helvetica, sans-serif;
}

#banner {
	background-color: black;
	width: 100%;
	height: 120px;
	overflow: hidden;
}

#banner p {
	float: left;
	color: white;	
	font-size: 17px;
	width: 160px;
	height: 100%;
	border-right: solid blue 1px;
}

#banner img {
	float: left;
	height: 100px;
	padding: 10px 60px;
}

#sidenav{
	float: left;
	width: 160px;
	height: 100%;
}	

#sidenav ul {
	list-style-type: none;
	font-size: 1.2em;
	text-align: center;
	padding-left: 0;
}

#sidenav ul li {
	padding: 20px;

}

#main {

	margin: 0 160px;
	padding: 20px;
	background-color: white;
	border-left: groove black;
	border-right: groove black;
}

#main h2, #main p {
	margin: 1em 0;
}

.event {
	padding-left: 40px;
}

#footer {
	clear: both;
	background-color: black;
	color: white;
}

#footer p {
	padding: 0.5em 0;
	margin-left: 180px;
	font-size: .75em;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {font-size:1em;}

tr, td, th {
	padding: 8px 0 8px 3px;
	text-align: left;
	vertical-align: top;
}

td:first-child {
	width: 60px;
}

td:nth-child(2) {
	width: 140px;
}

tr:nth-child(even) {
	background: #DDD;
}

table{
	font-size:.8em;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	width: 100%;
	border-collapse: collapse;}
tr.o td{background-color: #CCCCCC;}
tr.e td{background-color: #FFFFFF;}
h1{font-size:1em;}
h2{font-size:1em;}

#main .abstract p:first-child {
		margin-top: 0;
}

#main .abstract p {
	padding: 0 16px 0 0;
	line-height: 1.5em;
}
#main p.click-open {
		margin-top: 0;
}
.click-open {
    font-weight: bold; 
    cursor: pointer; 
    color: rgb(0, 0, 238);
} 
.click-open:hover {
	text-decoration: underline;
}
.click-open:after {
    content: '►';
    margin-left: 5px;
}
.click-open.open:after {
    content: '▼';
}
.click-open + div {
    display:none; 
    padding: 10px 0;
}

.click-open.open + div {
    display: block;
}