/* CSS Document */

body {
font-family: Verdana, arial, times, helvetica, arial, sans-serif;
font-size: 100.01%;
margin: 0;
padding: 0;}

/*SIDE NAVIGATION */

#sidenav {
width: 11em;
margin-top: 4.7em;
margin-left: 1em;
float: left;
clear: left;
border: 1px solid #888;}

#sidenav ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0 0 0.5em 0;}

#sidenav li {
margin: 0;
padding: 0.1ex 0;}  /* Circumvents a rendering bug (?) in MSIE 6.0 */

#sidenav li a {
font-size: 75%;
color: #000000;
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0.4em 1.5em 0.4em 1.5em;
display: block;}

#sidenav li a:hover {
color: white;
background-color: #619DAA;}

/*MAIN CONTENT AREA  */

#content {
margin: 2em 1.5em 0 16.5em;
font-size: 85%;}

#content h1 {
text-align: center;
color: #619DAA;
font-weight: normal;
margin: 1.5em 0em;}

#content h2 {
font-size: 150%;
color: #619DAA;
font-weight: normal;
margin: 15px 10px 10px 10px;}

#content h3 {
font-size: 100%;
color: black;
font-weight: normal;
font-style: italic;
margin: 30px 10px 15px 10px;}

#content p {
font-size: 90%;
text-align: justify;
line-height: 1.5em;
margin: 1px 10px 20px 10px;}

#content a {
color: #619DAA;
text-decoration: none;}

#content a:hover {
text-decoration: underline;}

#content img {
border: 0px;}

#content table {
width: 100%;
margin-bottom: 10px;
padding: 0 10px 0 10px;}

#content tr{
vertical-align: top;}

#pictures table {
width: auto;
margin: 3px auto 10px auto;
border: 1px solid #888;
padding: 0;}

#pictures th {
border: 1px solid #888;
padding: 10px;}

#pictures td {
border: 1px solid #888;
padding: 10px;
text-align: center;}

#slides table {
font-size: 85%;
padding: 5px;}

#slides img {
border: 0px;}