/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end reset styles */

/* navigatie balk */
ul#main-nav {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
float: left;
width: 100%;
}
ul#main-nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
margin: 0 0.3em 0 0;
}
ul#main-nav li a {
text-decoration: none;
display: block;
padding: 0.3em 0.5em;
border: 1px solid silver;
color: #003;
background: #fff;
}
ul#main-nav li a:hover {
border: 1px solid gray;
color: #000;
background: #efefef
}
/* einde navigatie balk */

#wrapper {
border-color: #b2b2b2;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-top-style: none;
border-width: 1px;
width: 960px;
height: 700px;
margin: 0 auto;}

#banner {
border-top-style: none;
margin-top: 5px;
padding: 4px;
border-width: 1px;
border-bottom-color: #e2e2e2;
border-bottom-style: solid;
background-image: url(pics/long_river_sm.png);
background-repeat: no-repeat;
background-position: top right;
height: 100px;
}

#banner h1 {
padding-top: 25px;
padding-left: 50px;
font-size: 2.5em;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

#mainNav {
margin-bottom: 60px;
margin-top: -1px;
margin-left: 260px;
}

#sidebar {
margin-left: 6px;
border-width: 17px;
border-top-color: #e9e9e9;
border-top-style: solid;
padding-right: 9px;
border-right-style: none;
position: absolute;
top: 1px;
left: 0;
width: 200px;
height: 400px;
}

#sidebar li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
line-height: 130%;
margin-top: 10px;
}

#sidebar li p {
font-size: 0.8em;
font-family: sans-serif, "Lucida Grande", Verdana, Arial;
}

.agenda {
padding-left: 7px;
text-decoration: underline;
text-transform: none;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
}

#main {
border-width: 1px;
border-left-color: #e3e3e3;
padding-left: 10px;
padding-bottom: 20px;
padding-right: 20px;
padding-top: 0;
border-left-style: solid;
font-family: Helvetica, Verdana, Arial, sans-serif;
margin-left: 220px;
}

#main p {
padding-bottom: 10px;
line-height: 140%;
}

blockquote {
padding: 20px;
font-size: 0.9em;
font-style: italic;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

#footer p {
position: absolute;
left: 340px;
top: 510px;
font-size: 10px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#altfooter p {
position: absolute;
left: 340px;
font-size: 10px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#contentWrapper {
clear: both;
position: relative;
}
