/* --- Overall Page Layout --- */
body {font-size:75%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#f0f0f0; word-wrap:break-word;}
#TopArea {background:#00A1DE;} /* #008AE6 */
#MiddlePart1 {float:left; width:20%; background:#e0d0d0;}
#MiddlePart2 {float:left; width:60%; background:#c0c0c0;}
#MiddlePart3 {float:right; width:20%; background:#b0b0b0;}
#MiddlePart1, #MiddlePart2, #MiddlePart3 {padding-bottom:30000px; margin-bottom:-30000px;}
#MiddleArea {overflow:hidden; background:#c0c0c0;}
#BottomArea {clear:both; background:#455c5a;}
h1 {font-size:20px; margin:0; padding:10px 0; color:#fff; font-family:'Copperplate Gothic Bold';}
h2{font-size:19px; margin:0; padding:8px 0;}
h3 {font-size:15px; margin:0; padding:8px 0;}
h4 {font-size:12px; margin:0; padding:10px 0;}
.content {padding:10px;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#BottomArea p,
#TopArea p {color:#fff;}
#BottomArea a {color:#fff;}
#BottomArea a:hover {text-decoration:none;}

/* --- Main Menu Layout --- */
.mainmenu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* remove all the bullets, borders and padding from the default list styling */
.mainmenu ul {padding:0;margin:0;list-style-type:none;}
.mainmenu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.mainmenu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.mainmenu a, .mainmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:5px; padding-right:5px; line-height:29px; font-weight:bold; text-align:center;}
/* style the top level hover */
.mainmenu a:hover, .mainmenu ul ul a:hover{color:#000; background:#b7d186;}
.mainmenu :hover > a, .mainmenu ul ul :hover > a {color:#000; background:#b7d186;}

/* --- Side Menu Layout --- */
.sidemenu{width:150px; height:32px; position:relative; z-index:100; font-family: arial, sans-serif; border-top: 1px solid #000; margin-left:20px;}
.sidemenu ul li a, .sidemenu ul li a:visited {display:block; text-decoration:none; color:#fff; width:150px; height:32px; text-align:center; border:1px solid #000; border-width:0 1px 1px 1px; background:#09c; line-height:32px; font-size:12px; font-weight:bold;}
.sidemenu ul {padding:0; margin:0;list-style-type:none;}
.sidemenu ul li {float:left; position:relative;}
.sidemenu ul li ul {display: none;}
.sidemenu ul li:hover a {color:#000; background:#b7d186;}
.sidemenu ul li:hover ul {display:block; position:absolute; top:0; left:152px; width:150px; border-top:1px solid #000; font-size:12px; font-weight:bold; text-align:center;}
.sidemenu ul li:hover ul li:hover a.hide {width:150px;}
.sidemenu ul li:hover ul li ul {display: none;}
.sidemenu ul li:hover ul li a {display:block; background:#d4d8bd; color:#000; width:150px; height:auto; line-height:20px;}
.sidemenu ul li:hover ul li a:hover {background:#b7d186; color:#000;}



.align-flags{float:right; margin-right:10px;border-style:none;}
.align-email{border-style:none;}
.align-photo-Building{float:right; border-width:0 0 0 10px;}
.GoogleMap{text-align:center;}
.align-photo-Joan{float:right; margin:10px;}
.align-photo-birds{float:right; margin:10px;}
.align-photo-Joan-in-toga{float:left; margin:10px;}
.align-photo-child{float:right; margin:10px;}
.align-photo-alimentatie{float:right; margin:10px;}
.align-photo-hamer{float:right; margin:20px;}
.align-photo-books{float:right; margin:20px;}