html, body
{font-family:Verdana;
 font-size:0.9em;
    margin:0;
   padding:0;
   height:100%;
}

#container{
min-height:100%;
   position:relative;
}

#main{
padding-top:5%;
padding-left:10%;
padding-right:10%;
padding-bottom:10%;
}

#title{ 
padding-top: 0px;
padding-bottom: 5px; 
color: #18212d;
font-size:2em;
font-weight: bold;
}

#navigation{
/*border: solid black;*/
padding-top: 5px; 
border-top-width: 1px;
border-top-style: solid;
border-top-color: #8ac8ee;
font-weight:bold;
}

#content{
padding-top:40px;
}

#picture {
height:25em;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
float:left;
/*border: solid black;*/ 
}

#text {
padding-top:20px;
/*border: solid black; */
}



#bottom{
  position:absolute;
   bottom:10px;
}

img{border:0px; vertical-align:bottom}

p.paragraphtitle {color:black;
text-decoration: none;
font-weight:bold;}


ul.nav {
	margin: 0;
	padding: 0;
	list-style: none; 
	display: table;
}


ul.nav>li{
	display:inline; 
	position:relative;
	padding:2px 15px 2px 0px;
}

ul.nav>li{
	display:inline; 
	position:relative;
	padding:2px 15px 2px 0px;
}

/*a { color: #18212d; text-decoration: none; font-weight:bold;}*/
a { color: #33334C; text-decoration: none; font-weight:bold;}

a:hover, a:active { color:  #8ac8ee;}

a.current  {text-decoration: underline;font-weight:bold;}

b.highlight {color: red}